/* CSS Document Alban Marshall

GLOBAL STYLES */

html, body { margin-top: 20px }
h1 { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; margin: 0px; padding-top: 3px; padding-right: 3px; font-weight: 300; color: #FFFFFF; float: left }
p { padding: 0px; margin: 0px }
img { border: none; margin: 0px; padding: 0px }

/* MAIN LAYOUT */

#wrapper { margin: 0 auto; width: 750px; position: relative; border: 1px solid #CFCFC3 }
#content { margin: 0 auto; border: 11px solid #FFFFFF; width: 728px; height: 395px }
#header { float: left; width: 432px; height: 48px }

/* NAVIGATION */

#nav { position: relative; top: 20px; left: 4px; float: left; width: 294px; height: 48px }
#nav ul { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; text-align: right; margin: 0px; padding: 0px; list-style-type: none }
#nav li { display: inline; padding-left: 7px; border-left: 1px solid #B9A988 }

#nav a { color: #386918; font-weight: bold; text-decoration: none; margin: 0px; padding-right: 4px }
#nav a:hover { color: #FFCC00 }
#graybar { clear: left; float: left; width: 10px; height: 347px; margin: 0px; padding: 0px; background-image: url(../img/greybg.gif); }
#photo { float: left; width: 258px; height: auto }

/* COPY AREA */

#copycontainer { float: left; width: 397px; height: 347px; background-color: #3F322A; border-left: 30px solid #4D4135 }
#title { position: absolute; margin-left: 34px; margin-top: 40px }
#copy { position: absolute; left: 335px; top: 191px; width: 300px; overflow: auto; padding-right: 83px; scrollbar-face-color: #4D4135; scrollbar-highlight-color: #4D4135; scrollbar-3dlight-color: #222222; scrollbar-darkshadow-color: #222222; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000; }
.copyhome { padding: 0px; margin-top: 120px; height: 150px; display: inline; font-family: Arial, Helvetica, Sans-serif; font-size: 70%; line-height: 1.8em; color: #FFFFFF }
.copyservices { margin-top: -40px; padding-right: 82px; height: 200px; }
.copycontact { margin-top: -40px; padding-right: 82px; height: 230px }
#copy p { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; line-height: 1.8em; color: #FFFFFF }
#copy a { color: #CC9900; text-decoration: underline }
#copy a:hover { color: #FFCC00 }
#copy ul { list-style-type: decimal }
#copy li { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; line-height: 1.8em; color: #FFFFFF; }
#footer { position: relative; top: 310px; left: 40px; width: 335px }
#footer p { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #6D5D4E }
#footer a { color: #6D5D4E; text-decoration: underline }
#footer a:hover { color: #FFCC00 }
#shaderbg { float: left; width: 31px; height: 347px; background-color: #332822}
#address { padding-top: 30px; line-height: normal; margin-left: 1px}
#address:first-line { font-weight: bold }

/* CASE STUDY LEFT MARGIN */

#leftcontainer { float: left; width: 159px; height: 347px }
#leftcontainerbig { float: left; width: 159px; height: 347px }
.csborderred { border-bottom: 28px solid #D2BE6C }
.csbordergreen { border-bottom: 28px solid #233C15 }
.csborderblue { border-bottom: 28px solid #30504F }
#subdetail { width:159px; height:88px; margin: 0px; padding: 0px }
#subdetail p { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #FFFFFF; padding: 16px }
#price { width: 159px; height: 73px }

/* CASE STUDY COPY */

#cscopy { float: left; width: 496px; height: 347px; background-color: #3F322A; border-left: 30px solid #4D4135; scrollbar-face-color: #4D4135; scrollbar-highlight-color: #4D4135; scrollbar-3dlight-color: #222222; scrollbar-darkshadow-color: #222222; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000; overflow: auto }
#cstitle { position: absolute; height: 18px; margin-left: 42px; margin-top: 40px }
#csbox { height: 196px; width: 350px; position: absolute; margin-left: 42px; margin-top: 80px; padding-right: 127px; overflow: auto }
.cslink { position: absolute; left: 255px; top: 340px;  font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #FFFFFF; }
.cslink a { color: #CC9900; text-decoration: underline }
.cslink a:hover { color: #FFCC00 }
#specs { width: 95% }
#specs a { color: #CC9900; text-decoration: underline }
#specs a:hover { color: #FFCC00 }

.category { border-top: 2px solid #473A31; width: 160px; font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #FFFFFF; margin: 0px; vertical-align: top; padding-top: 7px; padding-bottom: 7px; padding-left: 0; padding-right: 0; font-weight: bold;}
.category img { border: 1px solid white; margin-left: 6px; padding: 0px; width: 82px; height: 78px; }
.category img:hover { border: 1px solid #FFCC00;}
.info { border-top: 2px solid #473A31; width: 160px; font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #FFFFFF; vertical-align: top; padding-top: 7px; padding-bottom: 7px; padding-left: 0; padding-right: 0; margin-left: 120px}
.info:first-line { font-weight: bold }
.details { border-top: 2px solid #473A31; width: 160px; font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #FFFFFF; vertical-align: top; padding-top: 7px; padding-bottom: 7px; padding-left: 0; padding-right: 0; margin-left: 120px}

/* GENERAL */

.green { background-color: #182B0B }
.blue { background-color: #1D3736 }
.yellow { background-color: #AC9D46 }
.boldtext { font-weight: bold; }

#companyregistration p{
			line-height: 12px;
			font-size: 10px;
			padding: 12px 0px 0px 0px;
			margin: 0px;
			font-family: verdana, tahoma, arial;
}