/* Global Styles 
------------------------ */
* { margin:0; padding:0; }
body { background-color:#fff; color:#424446; font-family:Arial, Helvetica, sans-serif; font-size:.8em; }
img { border:0; }
ul, li { list-style: none; }
h1 { }
h2 { background: inherit; color: #234895; font-size: 1.8em; font-weight: 500; padding: 5px 0; }
h3 { }
p { margin-bottom:1em; line-height: 1.3em; }
a { background-color:inherit; color:#234895; text-decoration: underline; }
a:hover { background-color:inherit; color:#666; text-decoration:none; }

#wrapper { background: url(../images/content-bkg.gif) 0 0 repeat-y; margin:8px auto 0 auto; width: 969px; }

/* Main column layout
------------------------ */
#mainwrap { border-top: 1px solid #a7a9ac; float:left; border-bottom: 1px solid #a7a9ac; border-left: 1px solid #a7a9ac; margin-top:12px; width: 627px; }

#header { padding: 21px 17px 19px 17px; }
#header img.logo { height: 55px; margin-right: 38px; width: 208px; }
#header img.collage { height: 55px; width: 336px; }

#mainNav { background-color:#234895; color:#a7a9ac; font-weight:bold; }
#mainNav ul { padding: 8px 0 9px 0; }
#mainNav li { display:inline; padding:0 5px 0 20px; }
#mainNav a { background-color:inherit; color:#a7a9ac; text-decoration:none; }
#mainNav a:hover, .home #mainNav a.n-home, .about #mainNav a.n-about, .solutions #mainNav a.n-solutions, .services #mainNav a.n-services, .video #mainNav a.n-video, .resources #mainNav a.n-resources, .contact #mainNav a.n-contact { background-color:inherit; color:#fff; text-decoration:none; }

#content { float:left; height: 700px; padding: 25px 18px 15px; overflow: auto; width: 590px; }
#content ul  { margin: 0 0 1.5em 30px; }
#content li { background:url(../images/blue_arrow.gif) left center no-repeat; line-height:1.6em; padding-left: 12px; }

#content .boxwrap { }
#content .box1 { float:left; margin: 1.5em 0; width: 50% }
#content .box1 p.smaller { font-size: .9em; padding-top:3px; }
#content .box1 p.graybold { background-color: inherit; color: #787878; font: italic bold 1em sans-serif; padding: 30px 30px 0 15px; text-align: right; }
#content .box2 { float:right; margin: 1.5em 0; padding-left:15px; width: 45% }
#content .box2 p.narrow { padding-right: 30px; }
#content .box2 form { width: 100%; }
#content .box2 .textbox { margin: 0 10px 0 30px; }
#content .box2 img.inputgo { float:left; }
#portfolioplayer2 {
	width: 320px;
	float: right;
	margin: 5px;
	margin-bottom: 5px;
}


/* subcontent column layout
------------------------ */
#subwrap { background: #000 url(../images/service_bkg.gif) 0 0 repeat-y; color: #fff; float:left; margin-bottom: 10px; width:340px; }
#subwrap #flash { margin-top:-1px; }

.mservices div { float: left; padding: 1.25em 0 0 2em; }
.mservices dl { margin-left: 125px; }
.mservices dt { background:url(../images/yellowcircle_arrow.gif) 0 11px no-repeat; font-weight: bold; line-height: 1.75em; margin-bottom: .25em; }
.mservices dd { background:inherit; color: #ccc; font-size: .85em; margin-right: 4em; }
.mservices dt a { background:inherit; color: #fff; text-decoration:none; }
.mservices dt a:hover { background:inherit; color: #fc0; text-decoration:none; }


#subwrap p.contactarea { background: inherit; color: #ccc; font-size:1.1em; padding: 1.5em .75em 0 2em; }
#subwrap h3 { background: inherit; color:#c49c00; font-size:1.3em; padding-top: .5em; text-align: center; }
#subwrap h4 { background: inherit; color:#c49c00; font-size:1em; padding-bottom: 1em; text-align: center; }

.sidebaremail { background: transparent; color: #8ac5ff; font-weight: bold; margin: 0 0 0 90px; }
.sidebaremail:hover { background: transparent; color: #ffd000; }


/* Contact Form
----------------------------------------- */
#cform form { }
#cform fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #663C28; }
#cform legend { font-weight: bold; font-size: 1.3em; padding: 0 4px 8px 4px; color: #663C28; background-color: #fff; }
#cform dt { float: left; width: 33%; text-align: right; padding: 5px 10px 0 0; }
#cform label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cform input, #cform textarea, #cform select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cform input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #FDFE9A; }
#cform .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* footer
----------------------------------------- */
#footer { margin:0 auto; padding: 10px 0 20px 0; text-align: center; width: 969px; }
#footer ul { font-size:.85em; margin-top: 1em; }
#footer li { display:inline; padding:0 5px 0 20px; }
#footer a { background-color:inherit; color:#234895; text-decoration:underline; }
#footer a:hover, .home #footer a.f-home, .about #footer a.f-about, .solutions #footer a.f-solutions, .services #footer a.f-services, .video #footer a.f-video, .resources #footer a.f-resources, .contact #footer a.f-contact { background-color:inherit; color:#666; text-decoration:none; }


/* Images 
------------------------ */
img.servicetop { float:right; height: 11px; margin: 0 1px 1px 0; width: 340px; }
img.eyevideo { float:left; height: 47px; padding: 2px 10px 0 26px; width: 58px; }
img.gobutton { float:right; padding: 15px 33px 15px 10px; }
img.contacus { padding-top: 1.25em; }
img.botcurve { margin-bottom:-3px; }
img.rhys { border: 1px solid #ccc; float: right; margin: 10px; padding: 5px; }
img.services { border: 1px solid #ccc; float: right; height: 225px; margin: 10px; padding: 5px; width: 300px; }
img.bbblogo { height: 100px; margin: 0 40px; width: 62px; }
img.dclogo { height: 100px; margin: 0 40px; width: 58px; }

/* Self Clearing Floats
------------------------ */
#wrapper:after,
#mainwrap:after,
#header:after,
.boxwrap:after,
#subwrap:after,
.mservices:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.required {
	color: red;
	font-style: italic;
}
.errorMessage {
	color: red;
	font-style: italic;
}