/* CSS developed by Mark Popkes of SDA Creative (http://sdacreative.com) */

/********** Reset, Reset, Reset ****************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, table, th, td, form, label, input, blockquote, small, iframe {margin: 0; padding:0;}


body {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#444; line-height:1.3;}

img {border: none;}
iframe {text-align: left;}
small {font-size: 11px;}

/********** Headers ***************************/
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; line-height: 1.2; font-weight:normal;}
	h1#logo a {display: block; text-indent: -9999px; background:url(../images/assets/logo.jpg) no-repeat; width: 305px; height: 88px;}
	h2, h3 {color:#C77E00;padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #cecece;}
	h2 {font-size: 20px;}
	h3 {font-size: 16px;}
	.text h3, ul#projectList li h3, #project-details h3, #photo-wrap h3, #news-content h3 {border-bottom: none;margin-bottom: 0;}
	#project-details h3, #photo-wrap h3, #news-content h3 {color:#484848; margin-top:15px; font-weight: bold;}
	
	ul#projectList li h3 {margin-top: 10px;}
	ul#projectList li.hover h3 {color:#4a6d95;}
	h4 {font-size:14px; font-weight:bold; margin: 20px 0 5px 0;}
	.survey-contact-wrap h4, ol.numbered-list li h4 {margin-top: 0; margin-bottom:15px;}
	.wrap h4 {margin-top: 0;}
	.inquire h4 {font-weight: normal;}


/********** Type and Colors *******************/
body {background:url(../images/assets/bg.jpg) repeat-x;}

#nav li, #featured li {list-style: none;}
#nav li a {text-indent:-9999px;}

p {margin: 0px 0 15px 0;}
#content-wrap a {text-decoration: none;color: #4a6d95;}
.module p {font-size: 12px;}
#footer p {font-size: 11px; margin-top: 5px; color: #7E7E7E;}


a.button, 
	a.pdf {padding-left: 25px;padding-bottom: 5px; }
	a.button {background-image: url(../images/assets/arrow.jpg); background-repeat:no-repeat;}
	a.pdf {background-image: url(../images/assets/pdf.jpg); background-repeat:no-repeat;}

/* Tabbed Content */
ul#featured li {border-right:1px solid #cecece;border-top: 1px solid #cecece;background-image:url(../images/assets/tab-bg.jpg); background-repeat:repeat-x;}
	ul#featured li a {text-decoration: none; color:#b8b8b8; text-transform:uppercase; display:block; padding: 5px 20px 3px 20px; }
	ul#featured li a:hover {color:#888;}
	ul#featured li a.active {background-image:none; background-color: #fff;border-bottom: none;color: #4a6d95;}
	ul#featured li.ui-tabs-selected {background-image:none; background-color: #fff;border-bottom: none;}
	ul#featured li.ui-tabs-selected a {color: #4a6d95;}
	.ui-tabs-hide {display: none;}  
	
	p.author {float: right; text-align:right; font-style:italic;}
	ul#testimonials li {overflow: hidden;}
	
p.error, p.success, p.survey-error, p.survey-success {padding: 15px; border: 1px dashed #A8A8A8;}
p.error, p.success {width: 380px;}
p.survey-error, p.survey-success {text-align:center;}
p.error, p.survey-error {color: #cc0000; background-color: #FFFFC0;}
p.success, p.survey-success {color: #46633B; background-color: #EBFFE4;}
.red {color: #cc0000;}

ul.form-list li {list-style: none; padding: 5px 0;}

ol.numbered-list {margin-left: 25px;}
ol.numbered-list li	{padding: 5px 0 0 0; margin-bottom:15px; border-bottom: 1px dashed #cacaca;}
ol.numbered-list li ol li {list-style:lower-alpha; border-bottom: none; padding-bottom:5px;}

.wrap {border: 1px solid #c7c6c6;}


/********** Layout and Design *****************/
#container, #top, #nav, #footer {width: 900px;}
#container {margin: 0 auto;}
#top {height: 130px; background-image: url(../images/assets/top2.jpg); background-repeat:no-repeat;}
#header {display:block; width:900px; height:320px;}
#content-wrap {}

#content {padding: 0 10px 10px 10px;}
div.spacer {display: block; height: 20px;}
#footer {border-top: 2px solid #104a8e;}

#content ul#team {margin-left: 0;}
	#content ul#team li {list-style: none;  background-image: url(../images/assets/arrow.jpg); background-repeat:no-repeat; background-position: 0 1px; padding-left: 25px; margin-bottom:10px;}
	#content ul#team li a{margin: 0; padding: 0;}

#contact-form {width:470px;margin-right: 10px;}
#contact-side {width: 400px;}

#news-side {width:300px; margin-left:20px; margin-top: 5px;}
#news-side ul li {padding: 10px 0 10px 0; border-bottom: 1px solid #cecece;}
#news-side ul li.last {border-bottom: none;}

/* Main Navigation */
/*testing*/
#navigation, #nav  {overflow: hidden;width:900px;}
#navigation {height: 74px;background-image:url(../images/assets/shadow2.png); background-repeat: no-repeat; background-position:0 0;}
#nav li {margin:0; padding:0;/*border: 1px solid red;*/}
#nav li, #featured li {float: left;}
#nav li a, #featured li a {display: block;}
#nav li a {background: #dadada;}

#nav li#one a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: 0 -98px; width:101px; height: 49px;}
#nav li#two a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -102px -98px; width:127px; height: 49px; }
#nav li#three a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -229px -98px; width:176px; height: 49px; }
#nav li#four a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -405px -98px; width:185px; height: 49px; }
#nav li#five a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -590px -98px; width:152px; height: 49px; }
#nav li#six a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -742px -98px; width:157px; height: 49px; }

#nav li#one a:hover {background-position: 0 -49px;}
#nav li#two a:hover {background-position: -102px -49px;}
#nav li#three a:hover {background-position: -229px -49px;}
#nav li#four a:hover {background-position: -405px -49px;}
#nav li#five a:hover {background-position: -590px -49px;}
#nav li#six a:hover {background-position: -742px -49px;}

#nav li#one a#here {background-position: 0 0;}
#nav li#two a#here {background-position: -102px 0;}
#nav li#three a#here {background-position: -229px 0;}
#nav li#four a#here {background-position: -405px 0;}
#nav li#five a#here {background-position: -590px 0;}
#nav li#six a#here {background-position: -742px 0;}
/*#nav {height: 74px; background-image:url(../images/assets/shadow.png); background-repeat: no-repeat; background-position: center bottom;}
#nav li, #featured li {float: left; display:inline;}
#nav li a, #featured li a {display: block;}
#nav li a {height:49px;}
#nav li#one a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: 0 -98px; width:101px; }
#nav li#two a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -102px -98px; width:127px; }
#nav li#three a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -229px -98px; width:176px; }
#nav li#four a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -405px -98px; width:185px; }
#nav li#five a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -590px -98px; width:152px; }
#nav li#six a {background-image: url(../images/assets/nav.jpg); background-repeat:no-repeat; background-position: -742px -98px; width:157px; }*/

/*#nav li#one a:hover {background-position: 0 -49px;}
#nav li#two a:hover {background-position: -102px -49px;}
#nav li#three a:hover {background-position: -229px -49px;}
#nav li#four a:hover {background-position: -405px -49px;}
#nav li#five a:hover {background-position: -590px -49px;}
#nav li#six a:hover {background-position: -742px -49px;}

#nav li#one a#here {background-position: 0 0;}
#nav li#two a#here {background-position: -102px 0;}
#nav li#three a#here {background-position: -229px 0;}
#nav li#four a#here {background-position: -405px 0;}
#nav li#five a#here {background-position: -590px 0;}
#nav li#six a#here {background-position: -742px 0;}*/

/* Tabbed Content */
#featured-content {width:900px;position: relative; min-height:400px; display:block;}
ul#featured {position: absolute; top:0; left:0; width:895px;}
#featured-content, #news, #testim, #f-projects {float: left; }
#news, #testim, #f-projects {border:1px solid #cecece;margin-top: 25px; padding: 10px 10px 0 10px; width: 875px;}
#news-content {width: 530px;}
#globe {display:block; width:300px; height:260px;}
/*#testim, #f-projects {display: none;}*/  

#f-content {width:875px; height:180px; display:block;}
#f-content a.prev, #f-content a.next{display:block; width: 27px; height:27px; position:absolute; top: 65px; text-indent:-9999px;}
	#f-content a.prev {background:url(../images/assets/prev.jpg) 0 0 no-repeat; left:0;}
	#f-content a.next {background:url(../images/assets/next.jpg) 0 0 no-repeat; right:0;}
		#f-content a.prev:hover {background:url(../images/assets/prev.jpg) 0 -27px no-repeat; left:0;}
		#f-content a.next:hover {background:url(../images/assets/next.jpg) 0 -27px no-repeat; right:0;}
#f-images {width: 875px; }
#f-images ul {list-style: none; overflow:hidden;width: 875px;}
#f-images ul li {float: left;width:252px; height:190px; margin-left: 30px;}
#f-images ul li img {margin-bottom:5px;}
#f-images ul li a {display: block;}


/* Case Study Project */	
div#projects {overflow: hidden;}
ul#projectList {list-style: none;overflow: hidden; width:890px; margin:0; padding:0;}
	ul#projectList li {width: 260px;padding: 5px; margin-right: 25px;margin-bottom: 25px; display:block;}
	ul#projectList li.last {margin-right: 0;}
	ul#projectList li a {display:block; position:relative;width:252px; height:147px; overflow:hidden;}
	ul#projectList li img {position:absolute; top:0; left:0;}
	/*li div.case-overlay {width:252px; height:147px;position: absolute; top:0; left:0; background:#444;}*/
	ul#projectList li.hover {cursor:pointer;}
	ul#projectList li.hidden {display:none; visibility:hidden;}

/*div#project-details {width: 430px; padding-right:10px;}
div#project-details ul {margin-bottom:15px;}
div#project-images {width: 400px; padding: 15px 0 0 5px;}
div#project-images #rotator {position: relative; height:290px;}
div#project-images #rotator #imagearea {width: 395px; height:265px; display:block; overflow:hidden;}
div#project-images #rotator #imagearea ul {list-style: none; margin: 0; padding:0;}
div#project-images #rotator a.prev,
	div#project-images #rotator a.next {font-size: 25px; display:block; width: 30px; position:absolute;bottom: 0;}
	div#project-images #rotator a.prev {left:0;}
	div#project-images #rotator a.next {right:0;}*/
div#project-details {width: 430px; padding-right:10px;}
	div#project-details ul {margin-bottom: 10px;}
	div#project-details ul li {margin-bottom: 5px;}
	div#project-images {width: 400px; padding: 15px 0 0 0;position: relative;}
		div#slider ul {list-style: none;margin: 0; padding:0;}
			div#slider ul li {width: 395px; height:265px;overflow:hidden;}
		
		/* slider controls */
		ol#controls{margin:0; padding:0; /*height:28px;*/}
			ol#controls li{margin:0 5px 0 0; padding:0;float:left;	list-style:none;/* height:28px;line-height:28px;	*/}
				ol#controls li a{display: block;color:#4a6d95;	padding: 3px 7px; text-decoration:none;border:1px solid #fff;	}
				ol#controls li a:hover {color: #000;}
				ol#controls li.current a{background:#efefef;color:#484848; border:1px solid #CECECE;	}
				ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


#content ul {margin-left: 15px;}

.module {width: 265px; margin-right: 40px; margin-top: 25px;}
.wrap {padding: 10px 10px 0 10px; background:#fafafa;  margin-bottom: 10px;}
	.wrap ul {margin-bottom: 15px;}
.info-mod {margin-right: 60px;}
iframe {border: 1px solid #c7c6c6;margin-bottom: 10px;}

ul#news-feed {margin-bottom: 10px;}
	ul#news-feed li {background-image: url(../images/assets/arrow.jpg); background-repeat:no-repeat; background-position: 0 6px;list-style:none;/* border-bottom: 1px solid #dbdbdb;*/ padding: 5px 5px 10px 25px; }
		ul#news-feed li a { }

ul#testimonials {margin-bottom: 25px;}
	ul#testimonials li {list-style: none; border-bottom: 1px solid #dbdbdb; padding: 10px 10px 0 10px;}
		ul#testimonials li p {margin-bottom: 0; padding-bottom:15px;}
		ul#testimonials li.alt {background-color: #f7f7f7;}


ul#certified, ul#suppliers {margin-left: 30px; float:left; margin-bottom:25px;}
	ul#certified li, ul#suppliers li {float: left;}
	ul#certified li {width: 250px; margin-right:30px; }
	ul#suppliers li {width: 185px;}

ul.button-list {float: left; margin-right: 15px;}
ul#photos {margin: 0; padding:0;}
ul#photos li {float: left; margin-right: 15px; list-style:none; margin-bottom: 10px;}
ul#photos li.last {margin-right: 0;}

/* Case Studies and Projects Layout */
.projects {width: 880px; float:left;}
.thumb {width:245px; margin-right:20px;}
.thumb img {border: 1px solid #cecece; padding: 5px;}
.text {width: 590px;}

div.hr {display: block; float:left; margin-top: 15px;display:inline; height:15px; border-top: 1px solid #CFCFCF; width: 100%;}
hr {display: none;}

#flash-container {margin-bottom: 20px; padding-left:5px;}

/* Generic Classes */
.extend {width: 870px; float:left;}
.left {float: left;}
.right, .rightImage {float: right;}
.rightImage {margin: 0 0 10px 20px;}
.image, ul#photos li img {padding: 5px; border: 1px solid #d4d4d4;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.button-list {list-style:none;}
	.button-list li {margin-bottom: 5px;}
.flashLoad {display: block; width: 380px; height:260px;background: url(../images/facebox/loading.gif) center center no-repeat;}

.overflow { overflow:hidden;}

/* Form Styles */

.label {display: block; margin-top: 10px; padding: 0px 5px 3px 3px;}
.required {font-weight: bold;}
#captchaLabel {}
#captchaImage, #WorxTuringImage {float: left;}
#WorxTuringImage {margin-right: 15px;}
#captchaBox {margin-top: 18px;}
#WorxTuringTest {margin-top: 5px;}
#captchaBox, #WorxTuringTest {width: 150px; padding: 3px;}
.input { width: 400px; padding: 5px 5px 5px 3px;}
.input, .otherbox, #captchaBox, #WorxTuringTest {border: 1px solid #c7c6c6;}
.selectmenu {width: 250px;}
.otherbox {padding: 3px; width:300px;}
#comments {height: 150px; margin: 0;}
select#jobs {margin-bottom: 15px;}

form#survey	{margin-top: 25px;}
.survey-contact-wrap, .survey-contact	{float: left; display:inline;}
.survey-contact-wrap	{width: 100%; margin-bottom:25px;}
.survey-contact	{width: 280px;margin-left: 10px; margin-right:10px;}
.survey-contact.first {margin-left: 0;}
.survey-contact.last {margin-right: 0;}
.survey-label {display: block; width:250px;}
.survey-input	{padding: 5px 5px 5px 3px;border: 1px solid #c7c6c6; width: 250px;}
.survey-radio	{display:inline; margin-right:10px;}
.survey-checkbox {display: block;padding: 2px 0;}
div.answers	{display: block; padding: 5px 0;}

table#poll {width: 450px;}
	table#poll th {text-align:center;}
	table#poll th, table#poll td {padding: 2px;}
	table#poll td {text-align: center;}
	table#poll td.leftText {text-align: left;}
#submit {margin-top: 10px;}