@charset "utf-8";
/* CSS Document */

html { background:#FFF;}
body { background:#FFF;}

h1 { font-size:15px; line-height:25px; padding:0 10px 0 0; margin:0 0 10px 0; text-transform:uppercase; font-weight:bold;}
h2 { font-size:14px; line-height:22px; padding:0 10px 0 0; margin:0; text-transform:uppercase; font-weight:bold;}
h3 { font-size:13px; line-height:21px; padding:0 10px 0 0; margin:0; font-weight:bold;}
h4 { font-size:12px; line-height:19px; padding:0 10px 0 0; margin:0 0 10px 0; font-weight:bold;}
h5 { font-size:11px; line-height:17px; padding:0 10px 0 0; margin:0 0 10px 0; font-weight:bold;}
h6 { font-size:10px; line-height:15px; padding:0 10px 0 0; margin:0 0 10px 0;}
p { font-size:12px; line-height:19px; padding:0 10px 0 0; margin:0 0 0px 0;}

#wrapper { width:982px; margin:auto; padding:25px; background:#FF6600;}
#header { height:148px; margin:0 0 25px 0; background:url(../images/headerbg.jpg) repeat-y top left;}
#header2 { height:213px; margin:0 0 0 0; background:url(../images/cb_header.jpg) repeat-y top left;}

#footer { background:url(../images/footer_bg.jpg) no-repeat; height:71px; color:#FFF; padding:15px; padding-bottom:5px;}
#footer h2{ font-size:14px; text-transform:none; font-weight:lighter;}
#footer h3{ text-transform:uppercase; font-weight:bold; font-size:14px;}

#bodyFrame { margin-bottom:0px; background:url(../images/cb_bg.jpg) repeat-y; padding:15px 0 0px 0; }

.navigation { margin:0px 20px 0px 20px;}
.navigation ul { padding:0 0 10px 0; text-align:center;}
.navigation li { text-transform:uppercase; margin:0 8px 0 7px; display:inline; font-size:13px;}
/* SAFARI HACK*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.navigation li { text-transform:uppercase; margin:0 6px 0 6px; display:inline; font-size:13px;}
} 
.navigation li a:link, .navigation li a:visited { text-decoration:none; text-transform:uppercase;}
.navigation li a:hover { text-decoration:underline;}

.subNav { float:right; color:#989899;}
.subNav ul { margin-right:20px;}
.subNav li { display:inline; font-weight:bold; color:#989899;text-transform:uppercase; font-size:13px; padding:0 5px;}
.subNav li a:link, .subNav li a:visited { text-decoration:none; color:#989899; }
.subNav li a:hover { text-decoration:underline;}
.subNav li a:current { color:#000;}

#contentFrame {
	padding:5px 0px 0px 0px;
	margin:0 20px 0;
}
p {color:#989899;}
#contentFrame ul { font-size:12px; color:#989899; margin:0 0 10px 0;}
#contentFrame li { padding: 0; list-style:disc; margin:0 0 0 15px; line-height:19px;}

.homeBlockRight { float:right; width:440px;}
.homeBlockLeft { float:left; width:440px;}

#endUserBlock { background:#00ADEA;} 
#architectBlock { background:#D6E043;}
#tradeBlock { background:#F5C626;}
.homeColourBlocks { margin:0 0 20px 0; padding:10px 15px 15px 15px;}
.homeColourBlocks a:link, .homeColourBlocks a:visited { color:#000; font-weight:bold; text-decoration:underline;}
.homeColourBlocks p, #endUserBlock p, #architectBlock p, #tradeBlock p{ color:#000; font-size:12px; margin:0;}
.homeColourBlocks h2, #endUserBlock h2, #architectBlock h2, #tradeBlock h2{ color:#000; font-size:13px; margin:0;}

.videoBlock { margin:0 0px 0 20px; float:right; width:400px;}
.videoBlock img { margin-bottom:15px;}

#endUserBlock2 { background:#00ADEA;} 
#architectBlock2 { background:#D6E043;}
#tradeBlock2 { background:#F5C626;}
.videoColourBlocks { margin:0 0 10px 0; padding:8px 4px;}
.videoColourBlocks  a:link, .videoColourBlocks a:visited { color:#000; font-weight:bold;}
.videoColourBlocks p, #endUserBlock2 p, #architectBlock2 p, #tradeBlock2 p{ color:#000; font-size:11px; margin:0; line-height:14px;}
.videoColourBlocks h2, #endUserBlock2 h2, #architectBlock2 h2, #tradeBlock2 h2{ color:#000; font-size:12px; margin:0;}

#titleBlock { padding:10px; margin:0 40px 15px; letter-spacing:1px;}
#titleBlock strong { font-weight:bold; text-transform:uppercase; letter-spacing:0; }
#titleBlock h1 { font-size:13px; }

.categoryBlock { float:left; width:48%; margin:0 0px 15px 17px; min-height:290px; max-height:290px; overflow:hidden;}
.categoryBlock h1 strong { margin:0px; padding-top:10px; font-size:13px;}
.categoryBlock h1 { margin:0px; padding-top:10px; font-size:11px; font-weight:lighter;} 

.homeBlock { float:left; margin-bottom:10px;height:335px;}
.homeBlock h1 strong { margin:0px; padding-top:5px; font-size:14px; text-decoration:none;}
.homeBlock h1 { margin:0px; padding-top:5px; font-size:11px; font-weight:lighter;}
.homeBlock p { line-height:110%;} 

#articleGallery { width:292px; margin:0 15px 0 20px; float:left;}
#articleGallery img { margin:0 0 10px 0}
#articleGallery h4 { font-size:11px; color:#989899; padding:0 0 10px 0;}

.contactBlock { float:right; margin-right:5px;}
.contactBlock  h2{ color:#F47920; text-transform:none; margin-bottom:20px;}
.contactBlock label { float:left; width:100px; font-size:13px; font-weight:normal; text-align:right; padding:5px 10px 6px 10px; margin-right:0px; color:#999;}
.contactBlock input[type=text] { border:1px solid #F47920; width:372px; margin-bottom:10px; padding:3px; font-size:13px; color:#999;}
.contactBlock input[type=submit] { width:120px; margin-bottom:10px; padding:2px; background:#ac1e23; text-transform:uppercase; color:#FFF; font-weight:bold; border:none;}
.contactBlock textarea { border:1px solid #F47920; width:380px; margin-bottom:10px; color:#999;}
.contactBlock select { border:1px solid #F47920; width:380px; margin-bottom:10px; padding:2px;  color:#999;}
.contact { background:#F47920; padding:0 10px 10px 10px; float:left; width:268px; margin:0 15px 0 20px; color:#fff;}
.contact h3 {font-size:14px; text-decoration:none; font-weight:bold; color:#ac1e23; margin-bottom:0;}
.contact p{ color:#FFF;}

.tradeCaption { padding:8px; font-size:11px; color:#000; background:#F47920; margin-bottom:10px;}

.downloadTitle { padding:5px 5px; background:#F47920; color:#FFF;}
.downloadTitle h3 { font-size:14px; font-weight:bold; margin:0;}
.downloadTitle h6 { font-size:10px; font-weight:bold; padding-top:2px; }

.downloadHolder {border:2px solid #F47920; border-top:none; padding:10px; margin-bottom:15px;}
.download { width:213px; margin:0 10px; min-height:380px;}
.download p{ font-size:11px; line-height:125%; padding:0 0 5px 0 ; margin:0;}
.download h4 { margin:10px 0 0 0;}
.download h4  strong { font-weight:bold;}
.brochure { border:2px solid #CCC; padding:10px; float:left; width:268px; margin:0 15px 0 20px;}
.brochure h3 {font-size:13px; text-decoration:underline; font-weight:bold;}
#menu {
	margin-left:260px;	
	color:#FFF;
	font-size:12px;
}
#menu a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}