body {background-color: #000; margin: 0; padding: 0;font-family: Arial, Helvetica, sans-serif; color: #8f8f8f; font-size: 12px; line-height: 17px;}

a img {border: none;}
a {outline: none;}
.clear {clear: both;}

h1 { font-family: Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform: uppercase; font-size:140%; font-weight: bold; color: #000; margin-bottom: 20px;}
h2 { font-family: Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform: uppercase; font-size:120%; font-weight: bold; color: #000; margin-bottom: 10px; padding:0;}
h3 { font-family: Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform: uppercase; font-size:160%; font-weight: bold; color: #f78f1e; margin-bottom: 10px; padding:0;}

#container {background: #fff url(../_images/template/internal_bkg.gif) repeat-x scroll top left; width: 100%; padding:0; margin:0; float:left;}
#portfoliocontainer {background: #fff url(../_images/template/portfolio_bkg.gif) repeat-x scroll top left; width: 100%; padding:0; margin:0; float:left;}
#whowearecontainer {background: #fff url(../_images/template/whoweare_bkg.jpg) repeat-x scroll top left; width: 100%; padding:0; margin:0; float:left;}

#innercontainer { width: 922px; margin-left: auto; margin-right: auto;}
#logo { width: 199px; height: 60px; margin: 18px 0px 16px 4px;}
#tel { position: absolute; width: 275px; text-align: right; top: 32px; margin-left: 649px;}
#nav { position: absolute; width: 600px; top: 63px; margin-left: 323px; text-align: right;}
	#nav ul { margin:0; padding:0; _margin: 0px 0px 0px 21px; /margin: 0px 0px 0px 21px; text-align: right;}
	#nav li { list-style-type: none; display:inline-block; padding-left: 32px; _float:left; /float:left;}
	
#main { width: 922px; padding-bottom: 40px;}
#nopadding { width: 922px; padding:0;}
#banner { width: 922px; height: 367px; margin-bottom: 12px;}

ul#homepods { padding:0; margin: 0px; width: 922px!important;}
	ul#homepods li { list-style-type: none; float:left; padding-right: 5px; width: 302px; padding-bottom: 25px;}

#news { float:left; width: 278px;}
	#news ul { margin:0; padding:0;}
	#news li { list-style-type: none; line-height: 29px; color: #cccccc; letter-spacing: 0px; background:url(../_images/template/dottedline.gif) repeat-x scroll bottom left;}
	#news a { color: #000!important; text-decoration: none; font-size: 12px;}
	#news a:hover { color: #f78f1e; text-decoration: none;}
	#news h2 { margin-bottom: 21px; padding:0;}
	
#home_content { float: left; width: 585px; margin-left: 32px;}
	#home_content h1 { margin-bottom: 21px; padding:0;}

#content { width: 922px; padding-bottom: 20px; padding-top: 30px;}
	#content a { color: #f78f1e; text-decoration: none;}
	#content a:hover { color: #f78f1e; text-decoration: underline;}

#nopaddingcontent { width: 922px; padding: 10px 0px 10px 0px;}
	#nopaddingcontent a { color: #f78f1e; text-decoration: none;}
	#nopaddingcontent a:hover { color: #f78f1e; text-decoration: underline;}

.darktext { color: #000;}
.orangetext { color: #f78f1e;}

#newsletterdiv { float:left; background:#d4d4d4; padding: 0px 0px 3px 0px; width: 100%; margin:0;}
#innernewsletterdiv { width: 922px; margin-left: auto; margin-right: auto;}
#innernewsletterdiv form { background:#d4d4d4; padding:0!important; margin:0!important; border: none;}
#innernewsletterdiv .textfield { border: 2px solid #d4d4d4; height: 16px;}
#innernewsletterdiv fieldset { background:#d4d4d4; padding:0!important; margin:0!important; border: none;}
#innernewsletterdiv form label { margin-right: 15px; width: 130px!important; text-align:left;}


#whowearefooter { width: 100%; background:url(../_images/template/whoweare_bkg_footer.jpg) repeat-x scroll bottom left; height: 126px;}
#footer { float:left; width: 100%; background:url(../_images/template/footer_bkg.gif) repeat-x scroll top left;}
#innerfooter { width: 922px; margin-left: auto; margin-right: auto; padding:33px 0px 20px 0px;}
	#innerfooter h2 { margin: 0px 0px 8px 0px; padding:0;}
	#innerfooter ul { height: 85px; font-size:11px; margin: 0px 33px 0px 0px; padding: 0px 40px 0px 0px; float:left; background: url(../_images/template/footer_divider.gif) no-repeat scroll top right;}
	#innerfooter ul li { background: none!important;list-style-type: none;}
	
	#innerfooter ul ul { background: none!important; margin:0!important; padding:0!important;}
	#innerfooter ul ul li { float:none!important; line-height: 16px; display: block; list-style-type: none;}
	#innerfooter ul ul li a { color: #8c8c8c; text-decoration: none;}
	#innerfooter ul ul li a:hover { color: #f78f1e; text-decoration: none;}
	
	#innerfooter ul ul#comingsoon li { background:none!important; float:left!important; padding-right: 35px!important;}
	#innerfooter .tel2 { position: absolute; margin: 27px 0px 0px 785px; _margin: 27px 0px 0px -30px; /margin: 27px 0px 0px -30px;}
	
#testimonials { height: 85px; margin-bottom: 5px;}

.portfolio_logo { text-align: center; padding-bottom: 22px; background: url(../_images/template/dottedline.gif) repeat-x scroll bottom left; width: 100%; margin-bottom: 20px;}
.portfolio_left { width: 490px; float:left;}
.portfolio_flash { border:5px solid #e6e6e6;}
.portfolio_right { width: 402px; float:left; margin-left: 28px; margin-top: 4px; color: #333333;}
.title { font-size:11px; font-weight: bold; text-transform: uppercase; color: #000;}
	.title a { color: #f78f1e; text-decoration: none; margin-right: 5px;}
	.title a:hover { color: #f78f1e; text-decoration: underline;}
.quote { background:url(../_images/template/quote.gif) no-repeat scroll top left; padding-left: 25px; color: #8f8f8f;}
.hr { background: url(../_images/template/dottedline.gif) repeat-x scroll bottom left; width: 100%; margin: 10px 0px 10px 0px; height: 1px;}



ul.inlinelist { margin:0; padding:0; text-align: center; width: 922px;}
ul.inlinelist li { border: 1px solid #fff; list-style-type: none; display: inline-block; padding: 20px 30px 20px 30px;}
ul.inlinelist li:hover { border: 1px solid #ccc;}

ul#team { margin:50px 0px 20px 0px; padding:0; width:922px;}
ul#team li { width: 230px; height: 310px; padding:0; list-style-type: none!important; float:left; text-align: center;}

.center { text-align: center;}


.form { width: 390px; padding:10px; background:#e6e6e6; color: #000;}
fieldset {border: 0 none;}
legend {display: none;}
label {float: left; width: 160px; color: #000;}
.textfield {width: 200px; border: 1px solid #fff; background:#fff; height: 18px; color:#000; float:left; margin-bottom: 3px;}
textarea { _width: 200px; /width: 200px; width: 202px; overflow: auto; border: 1px solid #fff; background:#fff; color:#000; float:left; margin-bottom: 3px; height: 140px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.required {color: #f78f1e;}
.button {margin-left: 170px;}
.sub_error {margin-left: 160px; color: #db0000; font-weight: bold;}





#narrowcontent {float: left; width: 680px; margin-left: 40px;}
#leftnav {width: 200px; float: left;}
#leftnav ul {margin: 0;padding: 0; list-style-type: none;}
#leftnav h2 {border-bottom:1px solid #444444;color:#000000;font-weight:bold;padding-bottom:5px; font-size: 11px; text-transform: uppercase;}








/* contact page */
#contactform { width: 430px; float:left; margin-right: 20px;}
#contact_right { float:right; width: 460px;}
#contact_right p { padding-bottom: 25px;}






/* news page */

#mainimage {background: url(../_images/news/newsmain.jpg) no-repeat; width: 294px; height: 442px; float: left; margin-right: 20px; padding: 5px;}
.smallimage {background: url(../_images/news/newssmall.jpg) no-repeat; width: 272px; height: 108px; padding: 5px;}
.snippet {padding-bottom: 10px;}
#newsleft {float: left; width: 624px;}
#newsleft .largeintro {float: left; width: 300px;}
#newsright {float: right; width: 272px;}
#newsright .date, #newsleft .date { color: #000000; font-weight: bold; border-bottom: 1px solid #444444; padding-bottom: 5px;}
#newsright .headline, #newsleft .headline {font-size: 14px; color: #000000; margin: 8px 0 8px 0;}

/* end news page */






/* jobs */
.vacancy_left { width: 600px; float:left; margin-right: 40px; padding-bottom: 30px;}
.vacancy_right { width: 275px; float:right;}




/* services */


#services {margin: 15px 0 0 0; padding: 0; list-style-type: none; font-size: 11px;}
#services .heading {color:#000000;font-size:13px;height: 30px; background: url(../_images/template/servicesheading.gif) no-repeat; text-indent: 10px; line-height: 30px;}
#services li {width: 200px; height: 135px; float: left; margin-right: 26px; margin-bottom: 16px; background: url(../_images/template/servicebkg.gif) no-repeat left 26px; color: #666;}
#services p {margin: 10px 15px 0 15px;}
#services a {text-decoration: underline;}


.serviceleft {width: 430px; margin-top: 26px; float: left; border-right: 1px solid #ddd; padding-right: 20px; margin-right: 20px;}
.serviceright {width: 200px; float: right; margin-top: 35px; font-family: Georgia, Arial, Helvetica, sans-serif; color: #444444; font-size: 16px; line-height: 23px;}




.correctbox {background: url(../_images/template/box_tick.gif) no-repeat left top; padding: 2px 10px 20px 30px; color: #000;}
	.errorbox h2, .infobox h2, .correctbox h2  { margin: 0; padding: 0 0 10px 0; color: #000; text-transform: uppercase; font-size: 13px;}



/* partners */
ul#partners { margin:0px 0px 0px -20px; padding:0;}
	ul#partners li { list-style-type: none; height: 336px; float:left; width: 306px; border-bottom: 1px solid #f4f3f2; border-right: 1px solid #f4f3f2;}
	ul#partners p { padding:  0px 20px 20px 20px}
	

.table { margin-bottom: 20px; width: 100%;}
.table th { text-align: center; padding: 2px 5px 2px 5px; border-right:1px solid #fff; border-bottom:1px solid #fff; background: #666666; color: #fff;}
.table td { padding: 2px 5px 2px 5px; text-align: center; border-right:1px solid #fff; border-bottom:1px solid #fff; background: #F6F6F6; color: #000;}

.qalogo {float: right;margin:0 0 20px 40px;}