/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : www.qualityxhtml.com
Description : Main Styles

- - - - - - - - - - - - - - - - - - - - - */


@media screen {


	/* - - - - - - - - - - - - - - - - - - - -
	GLOBAL
	- - - - - - - - - - - - - - - - - - - -*/
	.col {float: left;}
	
	/* - - - - - - - - - - - - - - - - - - - -
	TOP LEVEL: html,body etc
	- - - - - - - - - - - - - - - - - - - -*/
		body {background:#020203;text-align:center;height: 100%;}
		#top {margin:auto;background:#020203 url('../img/bg1.png') repeat-x bottom;}
		#open {padding:70px 0 0;width:950px;margin:auto;background: url('../img/headerbg.jpg') no-repeat bottom;}
		#open h1 a {display: inline;float: left;width:119px;height:52px;background: url('../img/logo.png') no-repeat;text-indent: -9999px;}
				
		/*#scroll {float: left;}*/
		#submit {width:128px;height:35px;text-indent: -9999px;margin: 10px 0 0;background: url('../img/submit.png') no-repeat;border: 0;float: right;display: block;font-size: 0px;}
		#requiredinfo {font: bold 12px Arial;color:#6495d1;float: right;margin: 5px 0 0;}
		
		#content {background: #111318;border-bottom:  solid 9px #3d3d3d;}
		#footer {margin: 20px auto auto;padding: 0 0 300px;width:365px;}
		#footer li {float: left;margin:  0 15px 0 0;}
		#footer li a {color:#fff;font: 13px Arial;text-decoration: none;}
		#footer li#quote a {color:#4b9dfe;text-transform: uppercase;}
		#disclaimer {color:#606061;font: bold 13px Arial;padding:  0 0 0 25px}
	
	/* - - - - - - - - - - - - - - - - - - - -
	IDS
	- - - - - - - - - - - - - - - - - - - -*/

	/* - - - - - - - - - - - - - - - - - - - -
	HEADINGS
	- - - - - - - - - - - - - - - - - - - -*/

	/* - - - - - - - - - - - - - - - - - - - -
	PARAGRAPHS
	- - - - - - - - - - - - - - - - - - - -*/

	/* - - - - - - - - - - - - - - - - - - - -
	QUOTES
	- - - - - - - - - - - - - - - - - - - -
	blockquote{}
	blockquote p{}
	cite{}
	blockquote cite{}*/

	/* - - - - - - - - - - - - - - - - - - - -
	CODE
	- - - - - - - - - - - - - - - - - - - -
	pre{}
	code{}
	p code{}
	pre code{}*/


	/* - - - - - - - - - - - - - - - - - - - -
	LISTS
	- - - - - - - - - - - - - - - - - - - -
	li{}
	li p{}
	ol{}
	ul{}
	ol li{}
	ul li{}*/

	/* - - - - - - - - - - - - - - - - - - - -
	IMAGES
	- - - - - - - - - - - - - - - - - - - -
	img{}*/


	/* - - - - - - - - - - - - - - - - - - - -
	BREAK
	- - - - - - - - - - - - - - - - - - - -
	hr{}*/


	/* - - - - - - - - - - - - - - - - - - - -
	TEXT FORMATTING
	- - - - - - - - - - - - - - - - - - - -
	strong{}
	em{}
	b{}
	i{}
	*/


	/* - - - - - - - - - - - - - - - - - - - -
	LINKS
	- - - - - - - - - - - - - - - - - - - -
	a{}
	a:hover{text-decoration:underline;}
	a:visited, a:active, a:focus{}
	a:visited{}
	a:active{}
	a:focus{}
	p a{}
	cite a{}
	li a{}
	dt a{}
	dd a{}
	h1 a{}*/
	
	/* - - - - - - - - - - - - - - - - - - - -
	TABLES
	- - - - - - - - - - - - - - - - - - - -*/

	/* - - - - - - - - - - - - - - - - - - - -
	FORMS
	- - - - - - - - - - - - - - - - - - - -
	form{}
	fieldset{}
	legend{}
	label{}
	input{}
	textarea{}
	input
	select{}
	optgroup{}
	option{}
	button{}*/

	/* - - - - - - - - - - - - - - - - - - - -
	DEFINITIONS
	- - - - - - - - - - - - - - - - - - - -
	dl{}
	dt{}
	dd{}*/

	/* - - - - - - - - - - - - - - - - - - - -
	PAGE SPECIFIC
	- - - - - - - - - - - - - - - - - - - -*/
	
	/* Homepage */
	
	#body-homePage .cwrap {background: url('../img/contentbg1.gif') no-repeat top center;width:950px;margin: auto;padding: 60px 0;}
	#body-homePage #content h4 {color:#6495d1;font: normal 17px Arial;text-align: left;margin: 0 0 20px 12px;clear: both;}
	#body-homePage #clogo {float:left;display:block;width:119px;height:52px;background: url('../img/logo.png') no-repeat;text-indent: -9999px;clear: both;}
	#body-homePage .entry {overflow: hidden;margin: 0 0 10px;width:100%;}
	#body-homePage .entryright {width:559px;padding: 20px 0 60px;background: url('../img/itemborder.gif') no-repeat bottom left;}
	#body-homePage .entryright cite {float: left;margin: 10px 0 0;}
	#body-homePage .entryleft {display: inline;margin: 0 20px 0 0;}
	#body-homePage .entry blockquote {font-size: 15px;margin: 0;padding: 0;background: url('../img/openquote.gif') no-repeat top left;line-height: 20px;}
	#body-homePage .entry blockquote p {padding: 0 0 10px;}
	#body-homePage .open {text-indent: 35px;}
	#body-homePage .open {float: left;margin: 4px 0 0;}
	#body-homePage .close {background: url('../img/closequote.gif') no-repeat bottom right;}
	#body-homePage .last {background: none;}
	#body-homePage #intro {position:relative;height: 90px;}
	#body-homePage #intro h2 {float: right;display: inline;font: normal 22px Arial;color:#fff;margin: 4px 15px 0 0;}
	#body-homePage #advert {display: inline;float: right;position:absolute;top:40px;right:15px;}
		
	
	#thankyou_msg {width: 560px; height: 15px; margin-top: 5px; margin-left: 15px; float: left; background-color: #6495d1; color: #FFF; padding: 5px; font-size: 0.80em; font-weight: bold; text-transform: uppercase;}
	#body-homePage #form {width: 950px;background: url('../img/wformbg.png') no-repeat;height:500px;}
	#body-homePage #form .error {border: thin solid red;}
	#body-homePage #form label {border: none!important;}
	#body-homePage #form .wrap {padding: 39px 173px 0 183px;overflow: hidden;}
	#body-homePage blockquote {font: bold 25px Arial;color:#b5b5b5;text-align: left;margin: 0 0 0 5px;padding: 0 0 0 10px;}
	#body-homePage cite {float:right;clear: both;font: bold 15px Arial;color:#6495d1;margin: 2px 15px 0 0;}
	#body-homePage form .wrapa {padding: 10px;text-align:left;clear: both;border: dashed 3px #d6d6d6;margin: 10px 0 0px;float: left;} 
	#body-homePage .wrapa h3 {font: bold 20px Arial;color:#6495d1;clear: both;}
	#body-homePage #scroll {display: block;float: left;font:bold 18px Arial;text-decoration: none;color:#b5b5b5;margin: 5px 0 0;}
		
	#body-homePage .text {height:15px;border: solid 1px #bababa;}
	#body-homePage textarea {border: solid 1px #bababa;}
		
	#body-homePage .text, textarea {font: normal 12px Arial;padding: 2px;}
		
	#body-homePage #right {width:286px;overflow: hidden;}
	#body-homePage #left label {float: left;width:106px;}
	#body-homePage #left input {float: left;}
	#body-homePage #left select {float: left;}
	#body-homePage form {overflow: hidden;width:578px;margin:  0 0 0 13px;}
	#body-homePage #form form fieldset {clear: both;}
	#body-homePage #form form fieldset label {font: bold 12px Arial;color:#6495d1;}
		
	#body-homePage #form form #left {padding: 11px 0 0;width:262px;}
	#body-homePage #form form #left fieldset {margin: 8px 0 0;}
	#body-homePage #form form #left fieldset label {float: left;width:107px;}
	#body-homePage #form form #left fieldset select {width:155px;}
	#body-homePage .unrequired {padding: 0 0 0 7px;width:100px !important;color:#8a8a8a !important;}
		
	#body-homePage #form form #right fieldset {width:275px;padding: 0 0 0 10px;}
	#body-homePage #form form #right fieldset label {clear: both;}
	#body-homePage #form form #right fieldset input {width:268px;margin: 4px 0 0;}
	#body-homePage #form form #right fieldset textarea {width:268px;height:39px;}


	/* Case Study */
	
	#body-casePage #open {padding: 40px 0 3px;position: relative;}
	#body-casePage .cwrap {width:850px;margin: auto;padding: 30px 0;}
	#body-casePage .carousel {z-index: 300px;}
	#body-casePage #forwardbtn {width: 35px; height: 43px; float: right; background-image: url(../img/forwardbtn.png); background-repeat: no-repeat; text-indent: -1000em; margin-top: -300px; z-index: 300px;}
	#body-casePage #backbtn {width: 35px; height: 43px; float: left; background-image: url(../img/backbtn.png); background-repeat: no-repeat; text-indent: -1000em; margin-top: 207px; z-index: 300px;}
	#body-casePage #casestudy {position: absolute;top:30px;z-index: 200;left:0;}
	#body-casePage #casestudy h1 {overflow:hidden;float: left;margin: 0 0 0 15px;}
	#body-casePage #casestudy h2 {float: left;color:#fff;font: bold 23px Arial;clear: both;}
	#body-casePage #casestudy h3 {clear:both;float: left;}
	#body-casePage #casestudy h3 a {color:#3c96ff;font: normal 18px Arial;text-decoration: none;}
	#body-casePage #casestudy span {float:left;display: block;padding: 15px 0 0;background: url('../img/seperator.png') no-repeat top;width:379px;clear: both;margin: 10px 0 0;}
	#body-casePage #projectdetails {padding: 0 0 20px;}
	#body-casePage .freequotebtn {float: left;}
	#body-casePage #titles {padding: 5px 0 0 15px;float: left;}
	#body-casePage .projectname {display: block;clear: both;font: bold 17px Arial;color:#6495d1;}
	#body-casePage table {text-align: left;color: #c2c3c4;font: bold 15px Arial;margin: 0 0 0 20px;}
	#body-casePage .identity {color:#6495d1;width: 160px;}
	#body-casePage #projectdetails {clear: both;overflow: hidden;width: 100%;}
	#body-casePage h4 {font: bold 22px Arial;color:#6495d1;float: left;text-align: left;clear: both;margin: 0 0 20px 30px;display: inline;width: 100%;}
	#body-casePage h5 {text-align: left;clear: both;color:#6495d1;font: bold 15px Arial;margin: 0 0 10px 30px;}
	#body-casePage p {text-align: left;color:#cfd0d1;font: normal 15px Arial;clear: both;margin: 0 0 20px 30px;width:730px;float: left;display: inline;}
	#body-casePage .cwrap .freequotebtn {float: none;margin: auto;clear: both;height: 35px;display: block;width:225px;}
	#body-casePage .eg {border: 3px solid #484a4d;}
	#body-casePage .reg {float: right;margin: 0 0 10px 30px;}
	#body-casePage .leg {float: left;margin: 0 30px 10px 0;}
	
	/* - - - - - - - - - - - - - - - - - - - -
	DEBUG
	- - - - - - - - - - - - - - - - - - - -

	*/
}

/* - - - - - - - - - - - - - - - - - - - -
PRINT
- - - - - - - - - - - - - - - - - - - -
@media print {
	* {
		background:none !important;
		color:#111 !important;
	}
	html {font:100%/1.5 georgia,serif;}
}*/