/* Layout */
/*-------------------------------*/

body {
font-size: 70%; 
margin: 0em auto; 
padding: 0em;
font-family:Arial, Helvetica, sans-serif;
background-color:#0099FF;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/page-bg.jpg);
background-repeat:repeat-y;
background-position:center top;
}
#container {
width: 750px;
margin: 0px auto; 
padding: 0px;  
}

/* header */

.header {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-header.jpg);
background-repeat:no-repeat;
position: top left
}
.headerhome{
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-home.jpg);
background-repeat:no-repeat;
position: top left
}
.headerCarpets {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-Carpets.jpg);
background-repeat:no-repeat;
position: top left
}
.headerUpholstery {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-Upholstery.jpg);
background-repeat:no-repeat;
position: top left
}
.headerngd {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-ngd.jpg);
background-repeat:no-repeat;
position: top left
}
.headerprofile {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-profile.jpg);
background-repeat:no-repeat;
position: top left
}
.headerrgc {
clear: both; 
float: left; 
width: 750px; 
height: 256px; 
margin: 0px; 
padding: 0px;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/carpet-upholstery-cleaners-rgc.jpg);
background-repeat:no-repeat;
position: top left
}
.headerlinks {
position:relative;
top:78px;
left:23px;
colour:#003366;
}
.headerlinks a {
colour:#003366;
height:30px;
}
.headerlinks a:hover {
colour:#ffffff;
}
.headermenu {
position:relative;
top:220px;
left:15px;
colour:#cccccc;
}
.headermenu a {
colour:#cccccc;
}
.headermenu a:hover{
colour:#ffffff;
}
#partnerlinkbox{
color:#003366;
font-size:100%;
padding-left:4px;
padding-top:4px;
font-family:Arial, Helvetica, sans-serif;
}
iframe{
border:1px solid #cccccc;
}

/* MainNavigation */

.navleft {
clear: both; 
float: left; 
width: 178px; 
margin-left: 5px; 
padding-top: 10px;
background-image:url(../images/Menu-Top.jpg);
background-position: top left;
background-repeat:no-repeat;
}
.navleft ul {
padding:0 0 0 0px;
margin:0 0 0 0px;
text-align:left
}
.navleft li {
list-style-type:none;
list-style-position:outside;
text-align:left;
height:20px;
padding-top:5px;
}
.navleft li a{
text-decoration:none;
color:#666666;
padding-left:15px;
}
.navleft li a:hover{
color:#0099CC;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .navright {
	height: 400px;
} 
/* End IE-Hack */

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .navright li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.navright li a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px;  color: rgb(110,110,110); text-decoration: none; 
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .navright li a {
	height: 1.5em;
}
/* End IE-Hack */

.navright li.group a:hover, .nav-sub li.group .selected {
color:#0099CC;
text-decoration: none;
}

.navright a:hover, .nav-sub .selected {
color:#0099CC;
text-decoration: none;
}

.nav-sub-align {
text-align: left;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*-----------------------------------------------------------------*/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/

/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */

.container-content-sidebar {
   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */


/* Content */

.content {
float: left; 
width: 380px; 
margin: 0 0 0 0px;
background-image:url(../images/Content-Top.jpg);
background-position: top left;
background-repeat:no-repeat;
padding-top:10px;
}
.content li {
color: #666666;
text-decoration: none;
width: 300px; 
}
#serviceoptions {
position:relative;
width: 100%; 
height:100px;
background-color:#CCCCCC;
margin-bottom:10px;
display:inline;
direction:ltr
}
.carpetoption {
position:relative;
width: 50%; 
border-right:#999999 solid 1px;
}
.carpetoption h1 {
font-size: 110%;
color:#0094DC;
text-transform:uppercase;
}
.carpetoption p {
color:#000000;
padding-top:-10px
}
.upholsteryoption {
position:relative;
width: 50%; 
border-right:#999999 solid 1px;
}
.upholsteryoption h1 {
font-size: 110%;
color:#0094DC;
text-transform:uppercase;
}
.upholsteryoption p {
color:#000000;
padding-top:-10px
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

/* Navigation Right */
.nav-sub {
float: right; 
width: 170px; 
margin-right: 5px;
padding-top: 10px; 
background-image:url(../images/Menu-Right-Top.jpg);
background-position: top left;
background-repeat:no-repeat; 
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {	
list-style: none;
width: 170px;
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom: 30px;
padding: 0px;
}	
.nav-sub li {
margin-left: 10px; 
height:20px;
padding-top:5px;
padding-left:5px;
border-bottom: 1px solid #ffffff;
width:145px;
}
.nav-sub li.title {
vertical-align: top;
margin: 0px;
padding: 10px 7px 10px 14px;
font-weight: bold; 
}
.nav-sub li.group a {
display: block; 
min-height: 1.5em; 
margin: 0px; 
padding: 3px 7px 2px 10px; 
text-decoration: none; 
font-weight: bold; 
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
display: block;
margin: 0px; 
color: #666666; 
text-decoration: none; 
}
.nav-sub li a:hover {
display: block;
margin: 0px; 
color:#0099CC;
text-decoration: none; 
}


/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */



.navright{
float: left; 
width: 170px; 
padding:0 0 0 0px;
margin-left:3px;
position: top left;
}
.navright li{  
height:32px;
padding:0 0 0 0px;
margin:0 0 0 0px;
width: 181px;
list-style-type:none;
list-style-position:inside;
}
.navright a {
text-decoration: none;
height:32px;
margin:0 0 0 0px;
padding:0 0 0 0px;
border:0px
}
.navright ul {
padding:0 0 0 0px;
margin:0 0 0 0px;
list-style-type:none;
list-style-position:inside;
}
.navright li a {
color: #cccccc;
text-decoration:none;
text-transform:uppercase;
list-style-type:none;
list-style-position:inside;
padding-left:6px;
margin:0 0 0 0px;
}
.navright li a:hover{
color:#003366;
}

#news{
position:relative;
padding:0px;
margin-left:10px;
background-position:bottom;
}
#newsitem{
position:relative;
padding:0px;
background-position:bottom;
}
#newsitem ul{
padding-bottom:20px;
margin:0 0 0 0px;
padding: 0 0 0 0px;
list-style-type:none;
}
#newsitem li{
height:25px;
padding-bottom:0px;
margin-bottom:5px;
padding: 0 0 0 0px;
border-bottom: 1px solid #cccccc
}
#newsitem li a{
height:25px;
}
#newsitem li a:hover{
color:#0099CC;
}
#subnav{
position:relative;
background-image:url(http://www.crawfords-carpet-cleaning.com/Images/sub-title-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#subnav a{
height:20px;
}
#subnav a:hover{
color:#0099CC;
}


/* Footer */

.footer {
clear: both;
width: 747px; 
text-align: center;
height:117px;
background-image:url(../images/FooterFade.jpg);
background-repeat:no-repeat;
background-position:top;
margin-bottom:15px;
position:center;
margin-left:3px;
}
.footer p {
color: #003366; 
text-decoration: none;
padding-top:78px;
font-size:90%;
}
.footer a {
color: #003366; 
text-decoration: none;
}
.footer a:hover {
color: #ffffff; 
text-decoration: none;
}


/* FooterMenu */

.footermenu {
position:relative;
width: 366px;
margin-left: 10px; 
padding-top:10px;
border-top:1px solid #cccccc
}
.footermenu a{
text-decoration:none;
color:#003366;
}
.footermenu a:hover{
color:#0099CC;
}

/* generic */

b {
color: #666666; 
text-decoration: none;
font-weight:normal;
}
p {
color: #666666; 
text-decoration: none;
margin-left:16px;
margin-right:16px;
}
a {
color: #666666; 
text-decoration: underline;
margin:0px;
padding:0px;
}
a:hover {
color:#0099CC;
}
h1{
color: #666666; 
text-decoration: none;
font-weight:bold;
font-size:150%;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:5px;
margin-left:16px;
margin-right:16px;
}
h2{
color: #666666; 
text-decoration: none;
font-weight:bold;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
margin-left:16px;
margin-right:16px;
}
li {
color: #666666;
text-decoration: none;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.navright-noborder {
	margin: 0px 0px 0px 0px;
}

/* Border */
.navright-border {
margin: 0px 0px 0px 0px;
}

.navright-border {
margin: 0px 0px 0px 0px;	
}
.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}