* { margin: 0; padding: 0; outline: none; }

html, body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	width: auto;
	min-width: 990px;
}

h5 {
	font-size: 15px; line-height: 24px;
	font-weight: bold;
}

.clear { clear: both; display: block; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#content {
	margin-right: 360px;
	min-height: 730px;
	position: relative; z-index: 0;
}

#contact #content { min-height: 0; }
#map_canvas { 
	position: absolute; z-index: 0;
	right: 360px;
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	width: 100%;
}

#nav ul { list-style: none; }
#nav .top { height: auto; }

#nav { 
	position: absolute;
	right: 0;
	z-index: 200;
	width: 360px;
	background: url(../images/bg/nav_shadow.png) 0 0 repeat-y;
	min-height: 100%;
	height: auto !important;
	padding: 0 0 0 28px;
}
#nav.ads, /*#nav.client-listing*/ { height: 880px !important; }
#nav.docs, #nav.marketing { height: 770px !important; }

#contact #nav { height: 300px; }

.section-info { 
	background: #dfdfdf url(../images/bg/section-info.gif) 0 0 repeat-x;
	height: 174px;
	width: 360px;
}
.section-info p { 
	padding: 93px 0 22px 25px; 
	font-size: 13px; 
	line-height: 19px;
	color: #044564;
	background-image: url(../images/bg/contact-info.gif);
	background-position: 123px 0;
	background-repeat: no-repeat;
}
.section-info a { color: #25afe5; text-decoration: none; }

#nav li a { 
	color: #007895; 
	text-decoration: none; text-transform: uppercase; 
	font-size: 40px; line-height: 40px;
	margin-left: 25px;
}
#nav ul li { margin: 0 0 20px 0; }
#nav li li a { 
	text-transform: none;
	color: #fff; 
	font-size: 18px; 
	line-height: 24px;
}
#nav li li.current a { color: #CECECE; }
#nav li li { margin: 0 0 10px 0; }
#nav li ul { padding: 10px 10px; height: auto; position: relative; }

#nav .section-sub { background: #017896; }

#nav { overflow: hidden; }

#nav .logo { 
	background: transparent url(../images/logos/castleview.png) 0 0 no-repeat; 
	margin: 28px 0 32px 20px;
}
#nav .logo a { 
	display: block;
	height: 72px; width: 283px;
}
#nav .logo a span { position: absolute; left: -99999px; }

#work-panel { background: #7bc41a url(../images/bg/work.png) 100% 0 no-repeat; }

#work .section-info p { background-image: url(../images/bg/work-info.gif); }
#company .section-info p { background-image: url(../images/bg/company-info.gif); }
#clients .section-info p { background-image: url(../images/bg/clients-info.gif); }
#contact .section-info { display: none;  }
#contact-overlay {
	position: absolute;
	top: 30px; left: 0;
	width: 400px;
	padding: 15px 20px;
	background: #fff;
	z-index: 10;
	font-size: 24px;
	line-height: 20px;
	color: #044564;
	-moz-opacity: .80;
}
#contact-overlay p { margin-bottom: 10px; }
#contact-overlay .phone { float: left; margin-right: 60px; }
#contact-overlay .fax { float: left; }
#contact-overlay .email { color: #007895; }
#contact-overlay .small { font-size: 18px; text-transform: uppercase; color: #007895; line-height: 26px; }
#map_canvas { width: 100%; height: 100%; }

#featured {
	width: 622px;
	height: 350px;
	float: right;
	position: relative;
	overflow: hidden;
}
#featured #slideshow { z-index: 0; }
#slideshow a img { border: none; }
#featured .prev,
#featured .next,
#featured .play { 
	width: 50px; 
	height: 50px; 
	display: block; 
	background: url("../images/buttons/home_gallery_controls.gif") 0 0 no-repeat;
	position: absolute;
	z-index: 200;
}
#featured .prev { 
	top: 150px; 
	left: 10px; 
}
#featured .next { 
	top: 150px; 
	right: 10px; 
	background-position: 0 -50px;
}
#featured .play {
	left: 0;
	bottom: 0;
	width: 622px;
	text-indent: 12px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #000000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#featured .play span {
	color: #fff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	background: #000000;
	display: block;
}
#featured .play.paused {
	background-position: 0 -150px;
}

#home { background: #0a2d3c url(../images/bg/home.png) 100% 0 repeat-y; }
#work { background: #7bc41a url(../images/bg/work.png) 100% 0 repeat-y; }
#company { background: #e9ab00 url(../images/bg/company.png) 100% 0 repeat-y; }
#clients { background: #25afe5 url(../images/bg/clients.png) 100% 0 repeat-y; }
#contact { background: #0a2d3c url(../images/bg/home.png) 100% 0 repeat-y; }

#home #featured { margin-top: 60px; }
#home .page-info { width: 420px; margin: 80px 140px 68px 60px; }

#clients .page-info { height: 546px; }

.login-form { 	
	text-align: right;	
	height: 60px; line-height: 60px;
	margin: 30px 0 0 0;
	background: #082732;
	font-size: 12px;
	position: relative;
}

.screening_fail .login-form { margin-top: 300px; }
.login-form form { padding: 0 20px 0 0; }
.login-form label { margin: 0 5px 0 10px; }
#login-submit {
	vertical-align: middle;
	margin: 0 0 2px 10px;
}
.error { 
	color: #FF0000; 
	position: absolute;
	top: -20px; right: 0;
	text-align: left;
	width: 562px;
	font-size: 11px;
	height: 11px;
}

#accordion ul { display: none; }
#accordion ul.ui-accordion-content-active { display: block; }
.ui-accordion .ui-state-active { background: #000 !important; }
.ui-accordion .ui-state-active ul { border-top: none !important; }

#accordion { list-style: none; }
#accordion li { min-height: 40px; clear: both; }
#accordion li .ui-accordion-header,
#work #accordion li.top span { 
	height: 40px; line-height: 40px; 
	display: block;
	padding: 0 0 0 20px;
	border-top: none;
	font-size: 22px;
	text-decoration: none;
	color: #fff;
	text-align: left;
	float: right; width: 600px;
	}
#accordion li ul { 
	background-color: #000000;
	background-position: 100% 0;
	background-repeat: no-repeat; 
	background-image: url(../images/bg/accordion_video.png);
	clear: both; list-style: none;
	height: 429px; overflow: hidden; 
}
#accordion li li { 
	margin: 0; float: right; 
	width: 550px; 
	border: none !important; 
	background: none !important; 	
}
#accordion .top .ui-accordion-header { background: none; border: none; font-weight: bold; }

#company #accordion { background: #e3a20a; }
#company #accordion li { background: #e09b08; border-bottom: 1px solid #e9af10; }
#company #accordion li ul { border-top: 1px solid #e9af10; }

#company #accordion li.top ul { background-image: url(../images/bg/process/process.jpg); }
#company #accordion li#proc-scripting ul { background-image: url(../images/bg/process/scripting.jpg); }
#company #accordion li#proc-consultation ul { background-image: url(../images/bg/process/consultation.jpg); }
#company #accordion li#proc-action ul { background-image: url(../images/bg/process/action.jpg); }
#company #accordion li#proc-editing ul { background-image: url(../images/bg/process/editing.jpg); }
/*#company #accordion li#fac-main ul { background-image: url(../images/bg/facilities/facilities.jpg); }
#company #accordion li#fac-more ul { background-image: url(../images/bg/facilities/more.jpg); }
#company #accordion li#fac-suitex ul { background-image: url(../images/bg/facilities/suitex.jpg); }
#company #accordion li#fac-suitea ul { background-image: url(../images/bg/facilities/suitea.jpg); }*/

#company #accordion.fac li ul { background: url("../images/bg/facilities/facilities.jpg") 100% 0 no-repeat; }
#company #accordion li#fac-suitea ul { background-position: 100% -430px; }
#company #accordion li#fac-suitex ul { background-position: 100% -860px; }
#company #accordion li#fac-workroom ul { background-position: 100% -1290px; }
#company #accordion li#fac-conference ul { background-position: 100% -1720px; }
#company #accordion li#fac-more ul { background-position: 100% -2150px; }
#company #accordion li#fac-onloc ul { background-position: 100% -2580px; }
#company #accordion li#fac-global ul { background-position: 100% -3010px; }


#company #people #accordion li { min-height: 48px; clear: both; }
#company #people #accordion li .ui-accordion-header {
	height: 46px;
	font-size: 18px;
	line-height: normal;
	padding: 2px 0 0 80px;
	width: 540px;
}
#company #people #accordion li .ui-accordion-header .title { font-size: 14px; font-weight: normal; }
#company #people #accordion li.top .ui-accordion-header { 
	font-size: 22px;
	line-height: 48px;
	padding-left: 20px;
	width: 600px;
}

#people .ui-accordion-header { background: url(../images/photos/team.jpg) 0 0 no-repeat; }
#people #people-2 .ui-accordion-header { background-position: 0 -48px; }
#people #people-3 .ui-accordion-header { background-position: 0 -96px; }
#people #people-4 .ui-accordion-header { background-position: 0 -144px; }
#people #people-5 .ui-accordion-header { background-position: 0 -192px; }
#people #people-6 .ui-accordion-header { background-position: 0 -240px; }
#people #people-7 .ui-accordion-header { background-position: 0 -288px; }

#company #people #accordion li ul { background: url(../images/bg/team.jpg) 100% 0 no-repeat; }
#company #people #accordion li#people-1 ul { background-position: 100% -430px; }
#company #people #accordion li#people-2 ul { background-position: 100% -860px; }
#company #people #accordion li#people-3 ul { background-position: 100% -1290px; }
#company #people #accordion li#people-4 ul { background-position: 100% -1720px; }
#company #people #accordion li#people-5 ul { background-position: 100% -2150px; }
#company #people #accordion li#people-6 ul { background-position: 100% -2580px; }
#company #people #accordion li#people-7 ul { background-position: 100% -3010px; }

#accordion li li .page-info { 
	width: 285px; 
	margin: 0 0 0 0; 
	padding: 15px 25px 0 0; 
	font-size: 21px; 
	line-height: 30px;
}
.page-info,
#work #accordion li.top li .page-info { 
	font-size: 30px; line-height: normal; 
	width: 420px; 
	float: right; clear: both;
	margin: 120px 120px 0 0;
}
#work #accordion li.top li .page-info { margin-top: 80px; }
li#fac-more .page-info { width: 260px !important; }
li#proc-action .page-info { width: 260px !important; padding-right: 5px; }
li#proc-editing .page-info { width: 260px !important; padding-right: 5px; }
li#proc-main .page-info { width: 260px !important; }

#work #accordion { background: #7bc41a; }
#work #accordion li { background: #72b518; border-bottom: 1px solid #7bc41a; }
#work #accordion li ul { border-top: 1px solid #7bc41a; }
#work #accordion li li { padding: 20px 25px 0 0; }

#accordion .videoplayer {
	width: 550px; height: 310px;
	margin: 0 0 15px 0;
	background: #000;
}

h5 .client-title {
	float: left; 
	width: 260px;
}

#client-listing { padding: 0; width: 620px; float: right; }
#clients #content ul { float: left; width: 250px; margin: 0 40px 0 30px; }
#clients #content .split {  width: 250px; margin: 0 20px 0 0; }
#clients #content ul li { margin: 5px 0; font-weight: bold; font-size: 15px; }

.page-intro { margin: 40px; font-size: 16px; }
#client-listing { padding-top: 30px; }
#client-listing h2 { margin-bottom: 15px; }

#testimonials { padding: 30px 60px 0 0; width: 560px; float: right; }
.quote { font-size: 18px; }
cite {
	text-align: right;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0;
}
cite .name { font-weight: bold; }
blockquote { margin: 20px 0; padding: 0; }