/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

/*Global Styles*/

* {padding:0; margin:0;}
body {color:#798597; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; background:url(../images/struct/bg-preload.jpg) repeat-x #fff;}
table {width:100%; background:url(../images/struct/bg-body.jpg) repeat-x right top;}

/*Text, formatting*/
a {text-decoration:none; outline:none; color:#46BCE8; position:relative; left:-2px; padding:2px;}
	a:hover{background:#46BCE8; color:#fff;}
	a img {border:none;}
	.link-quiet:hover {background:none; color:#46BCE8; cursor:pointer;}
p {padding-bottom:10px;}

h1 {font-size:12px; color:#46BCE8; font-weight:normal; padding-left:32px; position:relative; margin-top:-6px;}
h2 {font-size:18px; padding-bottom:10px; color:#46BCE8; line-height:24px;}
h3 {font-size:12px; padding-bottom:10px; color:#46BCE8;}
h4 {font-size:14px; padding-bottom:10px; color:#46BCE8;}
.hr {width:100%; height:3px; line-height:3px; clear:both; background:#46BCE8; margin:5px 0 20px 0;}
.foot-hr {margin-top:50px;}
.large {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#798597;}
.small {font-size:11px;}
.blue {color:#46BCE8;}
.breakout {padding:20px; background:#F9FBFC; border-top:2px solid #E3ECF4;}

ul {padding:0 0 10px 20px; margin:-10px 0 0 0;}
	li {list-style:inside;}

/*Layout*/
#wrapper {margin:0 30px; min-width:900px;}
#top-left {float:left; width:450px; height:425px; padding-top:50px; color:#46BCE8;}
	#blurb1 {float:left; width:183px; padding:20px 0 0 5px;}
	#blurb2 {float:left; width:185px; padding:20px 0 0 30px;}
	#contact {float:left; width:200px; clear:both; padding:25px 0 0 5px;}
		#contact h3 {color:#fff; font-size:12px; text-transform:lowercase; padding-bottom:0;}
		#contact p {padding:5px 0;}
	#logo {position:absolute; top:405px; left:30px;}

#top-right {float:right; width:300px;}
	#flash {float:right; width:180px; height:180px; padding:100px 25px 0 0;}	
	#disclaimer {float:right; clear:both; padding:10px 0 0 0;}
    #btn-twitter {float:right; clear:both; margin:70px 0 0 0; display:block; background:url(../images/struct/btn-twitter.gif); width:140px; height:25px; padding:0; left:0;}
    	#btn-twitter:hover {background-position:bottom;}
        #btn-twitter strong {display:none;}

#portfolio {float:left; margin-top:20px; width:100%;}
	.project {float:left; width:430px; height:520px; margin:5px 22px 10px 0;}
		.img {border:1px #e4e4e4 solid; display:block; width:430px; height:280px; margin:2px 2px 12px 2px; padding:0;}
		.img:hover {border:3px #46BCE8 solid; margin:0 0 10px 0;}
		.project p {padding-right:20px;}
        
    #paging {float:right; width:90px; height:25px; padding-left:30px; margin-bottom:5px; background:url(../images/struct/label-paging.gif) no-repeat left center; clear:both;}
    	#paging a {float:left; display:inline-block; height:25px; width:25px; margin-left:5px; background:url(../images/struct/bg-paging.gif); text-align:center; line-height:25px; font-size:16px; font-weight:bold; padding:0; left:0;}
        #paging .on, #paging a.on:hover {background-position:bottom; color:#fff;}
        #paging a:hover {background-position:center; color:#46BCE8; }
		
.detail-link a {color:#fff; position:absolute; top:-40px;}
.no-link:hover {background:none; color:#46BCE8;}

#foot-left {float:left; width:215px; padding-bottom:60px;}
	#foot-logo {background:url(../images/struct/logo-small.gif) no-repeat; width:102px; height:28px;}
		#foot-logo strong {display:none;}
#foot-contact {float:left; padding-top:5px;}
#foot-right {float:right;}

/*Detail Page*/
.detail {background:url(../images/struct/bg-body.jpg) repeat-x right -350px;}
.detail table {background:none;}
.detail #top-left img {padding-top:10px; }
.detail #top-left {height:100px; padding-top:30px;}
	* html .detail #top-left {padding-top:15px; height:115px;}
	*:first-child+html .detail #top-left {padding-top:15px; height:115px;}
#back-to-portfolio {display:block; width:119px; height:21px; background:url(../images/struct/back-to-portfolio.gif); padding:0;}
	#back-to-portfolio:hover {background-position:bottom;}
	#back-to-portfolio b {display:none;}
.detail h2 {font-size:24px; padding-bottom:20px;}
.collateral {float:left; width:430px; margin:10px 20px 40px 0;}
	.collateral img {border:1px #e4e4e4 solid; display:block; width:430px; height:280px; margin:0 0 12px 0; padding:0;}
.long-description, .links {float:left; width:430px;margin:10px 20px 40px 0;}
.links {background:#F5FBFD; padding:20px 20px 30px; width:390px; margin-top:50px;}
.left-col {float:left; width:430px; margin:10px 20px 40px 0;}

/*Folio Page 2*/
.page2 {background:url(../images/struct/bg-body.jpg) repeat-x right -350px;}
.page2 table {background:none;}
.page2 #top, .page2 #top-left {height:100px;}
.page2 #logo {top:40px;}
.page2 #disclaimer {padding-top:30px;}

/*Form Page*/
#content {float:left; clear:both; padding:10px 0 80px 0; width:100%;}
	#heading {width:100%;}
	#enquiry-blurb {float:left; clear:both; width:380px; margin:10px 20px 40px 0; padding-right:50px}
	#enquiry-form {float:left; width:430px; padding-top:5px;}
* html #content {padding-bottom:40px;}
	
/*Forms*/
#content .form {width:430px; clear:both;}
	.form fieldset {clear:both; border:none; padding:0 0 15px 0; margin:0;}
	.form fieldset legend {font-size:14px; font-weight:bold; padding-bottom:5px;  color:#46BCE8;}
		* html .form fieldset legend {position:relative; margin-left:-8px;}
		*:first-child+html .form fieldset legend {position:relative; margin-left:-8px;}
	input, select, textarea {font-size:13px; color:#798597; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	textarea {overflow:auto;}
	#content .form div {clear:both; display:block; width:429px; margin:6px 0 0 0;}
		#content .form div label {display:block; float:left; width:100px; padding:3px 0; margin:0 0 5px 0;}
		/*Required*/
		.form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
		/*Field Styles*/
		.form div select, .form div textarea, .form div input.inputText {margin:0; padding:4px; border:1px solid #c9ced5; background:url(../images/struct/bg-form-grad.gif) repeat-x #fff;}
		  .inputHide {display:none}
			.form div select, form div input.inputText {width:270px;}
			.form div textarea {width:370px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
		.form div input.inputDouble {margin-top:5px;}
		/*BG Images*/
		/*#content .form div input.inputText {background:url(../images/struct/bg-form.gif);}
		#content .form div textarea {background:red;}*/
	/*Radios*/
	#content .form .radio_list {float:left; width:270px; padding:0; margin:0;}
		#content .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
		.radio_list input {float:left; width:18px;}
		.radio_list label {line-height:8px;}
		* html .radio_list label {line-height:13px;}
	/*Checkboxes*/
	.checkbox-list input {float:left; width:16px;}
		.checkbox-list label {line-height:8px;}
		* html .checkbox-list label {line-height:13px;}
	/*Notes*/
	#content .form .form-notes {padding:0 0 0 100px; width:270px; margin:-7px 0 7px 0; font-size:11px; position:relative;}
	* html #content .form .form-notes {padding:7px 0 0 103px;}
	*:first-child+html #content .form .form-notes {padding:7px 0 0 100px;}
	/*Active States*/
	input.field:focus, textarea:focus, select:focus, input.field:active, textarea:active, select:active, input.inputText:focus, input.inputText:active, #d-o-b input:focus {background:#fff; border:1px solid #7898B2;}
	/*Incorrect Field*/
	#content .incorrect-field label {background:url(../images/struct/bg-error.gif) right 7px no-repeat;}
/*Feedback boxes*/
.validation {margin-bottom:30px; padding:20px; width:340px; background:#F5FBFD; color:#46BCE8; display:block;}
	.validation ul {}
	.validation li {list-style:none; background:url(../images/struct/bg-error.gif) no-repeat 0 .3em; padding-left:10px;}

/*Buttons*/
.buttons {float:left; width:400px; clear:both;}
.button {float:left; margin-right:20px; display:block; padding:0 20px; height:34px; text-align:center; line-height:34px; font-size:14px; font-weight:bold; border-style:solid; border-width:1px; text-decoration:none; background:url(../images/struct/bg-button.gif) repeat-x;}
.button:hover {color:#fff; text-decoration:none;}

#btn-submit {display:block; width:80px; height:80px; background:url(../images/struct/btn-submit.gif); padding:0;}
	#btn-submit:hover {background:url(../images/struct/btn-submit.gif) center;}
	#btn-submit:active {background:url(../images/struct/btn-submit.gif) bottom;}
	#btn-submit b {display:none;}
	
#btn-hiring {display:block; width:80px; height:80px; background:url(../images/struct/btn-hiring.gif); padding:0; position:absolute; left:250px; top:270px;}
	#btn-hiring:hover {background:url(../images/struct/btn-hiring.gif) center;}
	#btn-hiring:active {background:url(../images/struct/btn-hiring.gif) bottom;}
	#btn-hiring strong {display:none;}
  
/*Misc*/
.page-not-found h1 {padding:5px 0 20px 0; font-size: 24px; }
.page-not-found p {margin-bottom:10px }
.connect-email { display: block; height: 19px; width: 159px; background:url(../images/struct/connect-email.gif); padding: 0}
  .connect-email:hover { background:url(../images/struct/connect-email.gif) 0 -19px; }
  .connect-email b { display: none }
#wate7 {width:143px; height:14px; line-height:15px; display:inline-block; background:url(../images/struct/wate7.gif) top;}
#wate7:hover {background-position:bottom}