/*
Theme Name: SPC Care Homes
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 21st February 2009
*/
html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top left repeat-x #DFC8E6;font-family:verdana; font-size:13px; color:#333399;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page_bg.jpg) repeat-y;} 
#page{ width:900px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page.jpg) no-repeat; padding: 0px 30px 0px 30px;}  


#header{ position:relative; height:114px; width:900px; padding: 30px 0px 0px 0px; overflow:hidden;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:700px; clear:left;}
#header h1 a{display:block;width:700px;height:80px;}
#header h1 a:hover{display:block;width:700px;height:80px;}
#header h1 span{display:none;} 


#contacts{ position:relative; height:42px; font-size:11px; font-family:verdana; color:#000000; line-height:1.7em; width:180px; padding: 38px 20px 0px 0px; overflow:hidden; float:right; clear:right; text-align:right; } 
#contacts a{ font-size:11px; color:#000000; text-decoration:none;} 
#contacts a:hover{ font-size:11px; color:#000000; text-decoration:underline;} 

#tabs { font-size:100%; display:block; line-height:normal; margin: 0px 0px 0px 0px; width:891px; height: 34px; clear:both; text-align:right; padding: 7px 9px 0px 0px;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: arial; font-size: 14px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 1px 0px 0px; padding:0 0 0 13px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:6px 16px 7px 2px; color: #1A3251; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

#image{ position:relative; height:175px; width:876px; display:block; margin: 2px 12px 2px 12px; padding:0px; overflow:hidden;} 

#submenu{ position:relative; height:41px; width:876px; display:block; margin: 2px 12px 2px 12px; padding:0px; overflow:hidden;background:url(img/sub_menu.jpg) top left no-repeat; clear:both;} 


ul#nav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 41px;}
ul#nav li { float: left; font-family: arial, sans-serif; font-size: 14px; margin: 0; padding: 11px 0px 14px 0px; background: inherit; border: 0px; font-weight:bold;}
#nav a, #nav a:link { margin: 0; padding: 11px 16px 14px 13px; color: #003366; border: 0px; text-decoration: none;background: url(img/submenu_button.jpg) top right no-repeat;}
ul#nav li#active { color: #0067CE; }
#nav a:hover { color: #0067CE; background: url(img/submenu_button_over.jpg) top right no-repeat;}


#homecol{ float: right; display:inline; position: relative; width:820px; margin: 0px 10px 0px 10px; padding: 30px 30px 30px 30px; background:url(img/home_bg.gif) top left no-repeat;clear:both;}


#content h1, #content h2, #content h3, #content h4 { color:#333399; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;}
#content h1 a, #content h2 a, #content h3 a, #content h4 a{ color:#333399; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover{ color:#333399; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#content p{ color:#333399; font-size: 14px; line-height:1.7em;}
#content a{ color:#333399; }
#content a:hover{ color:#333333; text-decoration:none;}
#content ul{ color:#333399; font-size: 14px; line-height:1.7em;}
#content ol{ color:#333399; font-size: 14px; line-height:1.7em;}
#content img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;}


#icon001{ position:relative; height:160px; width:240px; float:left;padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; overflow:hidden;} 
#icon001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:240px; clear:left;}
#icon001 h5 a{display:block;width:240px;height:160px; background:url(img/cedars.jpg) top left no-repeat; }
#icon001 h5 a:hover{display:block;width:240px;height:160px;background-position: -240px 0px;}
#icon001 h5 span{display:none;} 

#icon002{ position:relative; height:160px; width:240px;float:left; padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; overflow:hidden;} 
#icon002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:240px;}
#icon002 h5 a{display:block;width:240px;height:160px; background:url(img/pantiles.jpg) top left no-repeat; }
#icon002 h5 a:hover{display:block;width:240px;height:160px;background-position: -240px 0px;}
#icon002 h5 span{display:none;} 

#icon003{ position:relative; height:160px; width:240px; float:left;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow:hidden;} 
#icon003 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:240px;}
#icon003 h5 a{display:block;width:240px;height:160px; background:url(img/spring.jpg) top left no-repeat; }
#icon003 h5 a:hover{display:block;width:240px;height:160px;background-position: -240px 0px;}
#icon003 h5 span{display:none;} 
 
#footer{ height:52px; clear:both; font-family:verdana; font-size:13px; color:#333399;width:960px; margin:0px auto 0px auto; background:url(img/footer.gif) top left no-repeat; padding:28px 0px 0px 0px;} 
#footer a{font-family:verdana; font-size:13px; color:#333399;} 
#footer a:hover{ color:#333333; text-decoration:none;} 

#footertext { clear:both; color:#FFFFFF; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#FFFFFF; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#333333; font-size: 11px; text-decoration:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 




div.formlayout {
width: 500px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 500px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 250px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 200px;
  text-align: left;
  }