/* NOTE
	
	This is the style sheet for the CROYDON FLOOR SERVICES website
	
========================================================================*/


/* BODY STYLES */
html, body {height:100%;}
body {margin:0; padding:0; color:#5D4A22; font:62.5%/1 "Georgia",Georgia,serif; background:#FFF url(/images/bgStripMain.gif) repeat-x;}
img, form {border:0; margin:0; vertical-align:top;}
p {padding:0; margin:0 0 25px 0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:1em; line-height:1.3em;}

/* LISTS */
dl, dd {margin:0; padding:0;}
ul {margin:0 0 25px 15px; padding:0;} 
ol {margin:0 0 25px 22px; padding-left:0;}
ol li {margin:0;}

/* LINKS AND ACCRONYMS */
a {color:#5D4A22; text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none;}

/* CLEARFIX */
div:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}


/* ========= CONTAINERS ========= */

#wrapper {width:696px; padding:0 30px 20px 30px; margin:0 auto; text-align:left; font-size:1.4em; line-height:1.7em; position:relative; min-height:86%; height:auto !important; height:87%;}
#leftContent {float:left; width:280px; font-size:1em; margin-top:38px;}
#home #leftContent {width:384px;}
#rightContent {float:left; width:384px; margin-left:30px; display:inline; margin-top:38px;}
#home #rightContent {width:281px;}


/*========================================================================
	LOGO, TOP NAVIGATION & FOOTER
=========================================================================*/

/* SKIP NAVIGATION LINK */
#skipNavigationLink {margin:0; padding:0; text-align:center; font-size:1.4em;}
#skipNavigationLink a, 
#skipNavigationLink a:hover,
#skipNavigationLink a:visited  {position:absolute; display:block; padding:4px; border:0; background:#EEE; color:#8A951D; left:0px; top:-500px; overflow:hidden;}
#skipNavigationLink a:active,
#skipNavigationLink a:focus {right:0; top:0; z-index:10;}

/* LOGO */
#logo {margin:0; position:absolute; left:56px; top:9px; z-index:2;}

/* MAIN IMAGE */
#mainImage {width:756px; height:251px; margin-left:-30px; position:relative; z-index:0; background:url(/images/topAreaMainGraphic.jpg) no-repeat;}
#mainImage em {position:absolute; z-index:1; bottom:35px; left:30px; width:500px; font-style:normal; color:#40250B; font-size:1.1em; line-height:1.3em;}

/* TOP NAVIGATION */
#topNavigation ul {list-style:none; position:absolute; top:241px; left:30px; z-index:3; margin:0;}
#topNavigation li {float:left; padding:0 22px 0 0;}
#topNavigation li a {color:#FFF; font-size:1.1em; font-weight:normal; text-decoration:none;}
#topNavigation li a:hover,
#topNavigation li a strong {text-decoration:underline; font-weight:normal;}

/* FOOTER */
#footer {margin-top:15px; overflow:hidden; border-top:solid 2px #F29714; margin:0; padding:0 0 20px 0; clear:both;}
#footer ul {width:756px; margin:0 auto; list-style:none;}
#footer li {float:left; margin-top:20px; padding-right:15px; margin-right:8px; font-size:1.4em; background:url(/images/footerSeperator.gif) right 5px no-repeat;}
#footer li.last {background:none;}
#footer li a {text-decoration:none; font-weight:bold;}
#footer li a:hover,
#footer li a strong {text-decoration:underline;}


/*=========================================	===============================
	CONTENT
=========================================================================*/

/* HEADINGS */
h1 {font-size:1.3em; margin-bottom:2px;}
h2 {font-size:1.1em; margin-bottom:2px;}

/* SECTION LINKS */
.sectionLinks {list-style:none; margin:0; padding:0;}
.sectionLinks li {margin:0 0 25px; width:100%; background:#DFCF12 url(/images/homeLinkBgLeft.gif) left bottom no-repeat;}
.sectionLinks li a {display:block; color:#FFF; padding:4px 4px 8px 4px; text-decoration:none; background:url(/images/homeLinkBgRight.gif) right bottom no-repeat;}
.sectionLinks li a img {margin-bottom:3px;}
.sectionLinks li a span {color:#FFF; font-size:1.1em; font-weight:bold; margin-left:8px; padding-left:12px; background:url(/images/iconArrowLink.gif) 0 4px no-repeat;}
.sectionLinks li a:hover {text-decoration:none; background:#BCAC0D; cursor:pointer;}
.sectionLinks li a:hover span {text-decoration:none;}

/* WORK PHOTOS */
.workPhotos {list-style:none; margin:0; padding:0;}
.workPhotos li {margin:0 0 25px; padding:4px 4px 4px 4px; color:#FFF; background:#DFCF12;}
.workPhotos li span {color:#5D4820; font-size:1.1em; margin:4px 0 0 8px; display:block; font-weight:bold;}