@charset "utf-8";

/* Master layout elements */
body, html { margin: 0 auto; background-color:#666; height:100%; font-family: Arial, Helvetica, sans-serif; font-size:90%; color:#666; }
#body_override { background-color: #FFF; padding: 10px; }

a { color:#666; text-decoration: none; }
a:hover { text-decoration: underline; }

#fusedVideoOverlay {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 0;
	top: 0;
	visibility: visible;
	text-align: center; 
	background: url(../../assets/images/video_overlay.png) repeat; 
	padding-top:80px; 
	padding-bottom: 80px;
	color: #CCC;
	font-weight:bold;
}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
}
.yellowC4Box { background-color:#FC0; padding:1px; color: #333; font-weight: bold; margin: 1px;
}

img { border: 0px none}
img a { border: 0px none}
img a:hover { text-decoration: none; border: 0px none}
p { margin-top: 0px; margin-bottom: 10px; line-height: 17px; }
h1 { margin-top: 0px; margin-bottom: 2px; font-size: 220%; }
h4 { font-weight: bold; margin-top: 0px; line-height: 17px; }
h4 a { color: #333; }
h5 { margin-top: 0px; margin-bottom: 25px; color: #999 }
h5 a { color: #999 }
h5 a:hover { color: #FFF; background-color:#999; text-decoration: none;}
h3 { font-weight: bold; margin-top: 0px; line-height: 18px; font-size: 115%; }
.large { font-size: 350%; color: #999; font-weight: 100; }
.largeyellow { font-size: 350%; color: #FC0; font-weight: 100; }
h6 { font-size: 150%; color: #FC0; font-weight: bold; margin-bottom: 12px; margin-top:0px; padding-top: 10px; }

#frame { width: 900px; background-color: #FFF; margin: 0 auto; }
#house { width: 800px; margin: 0 auto; margin-left: 50px; margin-right: 50px; background-color: #FFF; }
/* Nav */
#nav { width: 800px; height:35px; margin-bottom: 25px; font-size: 90%; color: #999; }
#nav .left { margin-top: 10px; float:left; text-align: left; color: #FC0 }
#nav .right { margin-top: 0px; float:right; text-align: right; }
#nav a { color: #999}

ul { margin-left: 20px; line-height: 20px; padding-left: 0px; list-style-type:disc;  }
.imgWrap { padding-right:15px; padding-bottom: 15px; float: left; margin: 0px; }

/* End Nav */

/* Navigation div */
#navigation { width: 800px; height:145px; padding-bottom: 10px; font-size:85%;  }
#navigation p { margin-bottom: 0px; margin-top: 0px; }
#navigation a { color: #999; }
#navigation a:hover { color: #FFF; background-color:#666; text-decoration:none; }
#navigation h4 { margin-bottom: 5px; margin-top: 0px; font-size: 120%; color:#333 }
#navigation h4 a { color: #333 }
#navigation h4 a:hover { color: #FFF; text-decoration: none; background-color:#333; }
#navigation .logo { float:left; text-align: left; width:140px; border: 0px none; }
#navigation .logo a:hover { background-color:#FFF; text-decoration: none; }

#navigation .home { float:left; margin-top: 10px; width: 38px; padding-right: 20px; height: 130px; }
#navigation .holder { float:left; margin-top: 10px; width: 119px; padding-right: 20px; height: 130px; border-left: dotted 1px #CCC; padding-left: 10px; }
#navigation .holderThin { float:left; margin-top: 10px; width: 100px; padding-right: 20px; height: 130px; border-left: dotted 1px #CCC; padding-left: 10px; }
#navigation .holderThick { float:left; margin-top: 10px; width: 130px; padding-right: 20px; height: 130px; border-left: dotted 1px #CCC; padding-left: 10px; }

/* End Navigation */

/* Banner div */

#banner { width: 800px; height:156px; margin-bottom: 0px; margin-top: 0px; float: left; }
#contentBanner { width: 800px; height:135px; margin-bottom: 20px; margin-top: 0px; float: left; }

/* End Banner */

/* centre div */

#centre { width: 800px; margin-bottom:0px; margin-top: 10px; float: left; background-image:url(../images/centre_bg.jpg); background-position:left; background-repeat:repeat-y; }

/* End centre */

/* contentLeft div */

#contentLeft { width: 345px; margin-top: 0px; margin-left: 20px; float: left; border-right: dotted 1px #CCC;}

#contentHolder { width: 12px; margin-top: 0px; text-align:right; float: left; }
#contentStar { width: 12px; margin-top: 0px; text-align:right; float: left; }
#contentRight { width: 520px; margin-top: 0px; margin-left: 12px; float: left; }
#contentRight p { color: #666; line-height: 18px; }
#contentFull { width: 790px; margin-top: 0px; margin-left: 15px; float: left; }

/* End centre */

/* Side div */

#side { width: 182px; margin-bottom: 0px; margin-top: 0px; float: left; margin-right:40px; }
#side .base { width: 182px; height:374px; background-color: #E2E2E2; }
#side .flex { width: 182px; padding-bottom: 80px; background-color: #E2E2E2; }
#side .menu { width: 130px; padding-left: 25px;}
#side .page { background-color:#555; color: #FFF; }
#side .ft { background-color:#2B46A6; color: #FFF; }
#side .yt { background-color:#FC0; color: #FFF; }
#side .nonmenu { color: #999; font-weight: bold; }
#side .nonmenuselected { background-color:#FC0; color: #FFF; font-weight: bold; }
#side .page a { background-color:#555; color: #FFF; }
#side .page a:hover { background-color:#555; color: #FFF; }
#side .hmenu { margin-bottom: 2px; font-size: 90%;}
#side a { font-weight: bold; color: #999;}
#side p { margin-top: 0px; margin-bottom: 4px; font-size: 90%; color:#666; }
#side a:hover { text-decoration: none; background-color: #999; color: #FFF;}
#side .main { width: 182px; height:36px; background-image:url(../images/side_base.jpg); background-repeat:no-repeat; }

/* End Side */

/* Flashbox div */

#flashbox { width: 330px; border-right: 1px dotted #CCC; height:410px; margin-bottom: 0px; margin-top: 0px; float: left; background-image:url(../images/boxbackground.jpg); background-repeat:no-repeat; }

/* End Flashbox */

/* Portfolio div */

#portBox { width: 450px; border-right: 1px dotted #CCC; height:410px; margin-bottom: 0px; margin-top: 0px; float:left }
#thumbBox { width: 30px; margin-bottom: 0px; margin-top: 0px;  }
#portHolder { width: 500px; margin-bottom: 0px; margin-top: 0px; clear:both;  }

/* End Flashbox */

/* Intro div */

#intro { width: 210px; margin-top: 0px; float: left; margin-left: 15px; color: #999;}
#intro h3 { color: #666;}

/* End Intro */

/* Intro div */

#footer { width: 800px; padding-top: 20px; color: #999; font-size: 92%; float: left; padding-bottom: 45px; }
#footer .left { padding-right:35px; float: left; }
#footer .right { float: left; }

/* End Intro */

/* Clearer div */

#clearer { clear: both; }

/* End Clearer */

/* PortfolioHolder div */

#portfolioHolder { width: 160px; height: 150px; margin-right:10px; margin-bottom: 25px; float: left;}
#portfolioHolder .image { width: 160px; height: 110px; background-color:#CCC; }
#portfolioHolder .title { width: 160px; height: 50px; background-color: #FC0; }
#portfolioHolder .text { padding: 10px; }
#portfolioHolder .text a { font-weight: bold; font-size: 100%; color: #666;}
#portfolioHolder .text a:hover { font-weight: bold; color: #FFF; text-decoration: none;}

/* End Clearer */

/* Key People */

#keypeopleLeft { width: 190px; height: 500px; border-right: 1px dotted #CCC; padding-right:10px; margin-right:19px; float: left; margin-top: 20px;}
#keypeopleLeft p { margin-left: 20px;}
#keypeopleLeft a { font-weight: bold; text-decoration: none;}
#keypeopleLeft a:hover { font-weight: bold; color:#FFF; background-color:#666}
#keypeopleLeft h1 { margin-left: 20px; margin-bottom: 12px;}
#keypeopleImage { width: 580px; height: 500px; float: left; margin-top: 20px;}

.Overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 900; background-image: url(../images/overlaybg.png); }
.Overlay_Inner { border: solid 1px #999999; background-color: #FFFFFF; position: absolute; left: 50%; top: 50%; }

input.error { border: solid 1px red; }
label.error { display: none; }