/* 	Design by : Roshan Ravi (roshanravi.com)
	Designer URL : cssheaven.org
	For custom web design works, contact me from roshanravi.com
	For more free css templates visit cssheaven.org
	
	http://depositphotos.com/4345381/stock-photo-Abstract-technology-background.html
	http://depositphotos.com/12256666/stock-photo-Internet-shop.html?sst=0&sqc=31&sqm=4930&sq=j0a5t
	
	License :  All the graphics, CSS and HTML files included in this template are released under GNU-GPL License.
*/


@import url("fonts/droidsans.css");
@import url("fonts/texgyre.css");
* {padding:0; margin:0;}

.clear {
 clear:both;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

#textlogo{margin:25px 0 0 0;}

html {background: #f0f0f0 url(images/htmlbg.jpg) repeat; width:100%; height:100%;}
body {background:url(images/bodybg.png); font-family :'DroidSansRegular', Verdana, Geneva, sans-serif; font-size:62.5%; color:#5a5143;overflow-x:hidden;overflow-y:scroll;}
a, a:link, a:visited, a:active {color:#1c5f75;}
#wrap {width:1001px; margin:0 auto; padding:0 20px;background-color:#FFFEFB;

-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px 5px #C0C0C0;
-webkit-box-shadow: 5px 5px 5px 5px #C0C0C0;
box-shadow: 5px 5px 5px 5px #C0C0C0;
}
.serrviceswrap{height:700px;}
.orangeband{background-color:#FF5200;padding:8px;width:100%;}
h1, h2, h3 {font-family: 'TeXGyreAdventor', Arial, sans-serif;}
h4, h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
nav, section, header, footer, article {display:block;}
#mainnav {height:90px;width:97%;}
#homeheader {background:url(images/mainheader.png) no-repeat; height:320px;margin:0 0 5px 0;}
#page {width:962px;padding:0 20px;}
.mainheading {background: url(images/graybgtop.gif) center center no-repeat; height:60px; line-height:60px; text-align:center; margin:0 0 1px 0!important; color:#251f1b!important;}
.introhead {font-size:1.8em;}
#introcol {background:url(images/introcolsbg.jpg) no-repeat; height:320px;text-align:justify;}
#introcol .leftcol { width:270px; padding:25px; float:left;}
#introcol .rightcol { width:265px; padding:25px; float:right;}
#introcol .midcol {margin: 0 320px 0 330px; padding: 25px 20px;}
#content p {font-size:1.2em; line-height:1.8em;}
#introcol h3 {font-size:2.0em;  color:#FF5200; text-shadow:#fff 1px 1px 1px; text-transform:uppercase; margin-bottom:15px;}
#threecols .col {background:url(images/separator.png) no-repeat;width:265px; float:left; padding:20px 22px; margin-bottom:15px;height:200px;}
#threecols .firstcol {background:none;width:265px; float:left; padding:20px 22px; margin-bottom:15px;height:200px;}
#threecols h3 ,#threecols .firstcol h3 { font-size:1.6em; color:#1c5f75; margin-bottom:15px;}

#fourcols .col {width:195px; float:left; padding:20px 22px; margin-bottom:15px;text-align:justify;}
#fourcols h3 { font-size:1.6em; color:#1c5f75; margin-bottom:15px;}

#content a {text-decoration:none;}
a:hover, #content a:hover {color:#FF5200; text-decoration:underline!important;}
footer {background:#397BD6 url(images/bottombg.jpg) repeat-x; color:#666;margin:65px 0 0 0;}
#mainnav h1 {float:left; padding:0 0 0 25px;}

#mainnav ul {float:right; width:420px; font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif; padding:25px 0 0 0;margin:35px 0 0 0;}
#mainnav ul li {float:right;display:inline; text-shadow:#fff 1px 1px 1px;}
#mainnav ul li a {text-decoration:none; display:block;margin:0;}
#mainnav ul li a:after {content:"|";margin:0 10px;}
#mainnav ul li.menuLast a:after {content:"";margin:0 6px 0 0;}
#mainnav ul li a:hover {color:#FF5200;text-decoration:none!important;}
#mainnav ul li.active a {color:#FF5200; text-decoration:none;}

#homeheader h2 {display:block; width:450px; float:right; padding:50px 0 0 140px; color:#fff; font:normal 2em 'DroidSansRegular', Verdana, Geneva, sans-serif; line-height:1.8em;margin:0 10px 0 0;}
#homeheader h2 p {display:block; font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif!important; color:#FF5200;; text-shadow:#f98465 1px 1px 1px; line-height:1em!important;}
#homeheader h2 p.contenttop{width:650px;margin:20px 0 30px -240px;}

#bottom {width:960px; margin:auto; padding:10px 0; text-align:center;}
.separator:before {content:" | ";color:#000;fonr-weight:bold;}
#credits {background:#FF0000; padding:10px; text-align:center; color:#fff;font-size:1.2em;}
footer a, #bottom a, #credits a {color:#000; text-decoration:none!important;font-size:1.2em;}
.normalpage {padding-top:13px;}
.normalpage .subhead {background:url(images/graybgtop.gif) center center no-repeat; height:30px; line-height:30px; text-align:center; margin:0 0 1px 0!important; color:#251f1b!important;}
.subhead h2 {font-size:1.8em!important;}

#threecols .col p ,#threecols .firstcol p{margin-bottom:5px;text-align:justify;}
#threecols .col ul,#threecols .firstcol ul{margin:2px 10px;}
#threecols .col ul li,#threecols .firstcol ul li{font-size:1.1em;list-style:none;padding:5px;}


.post {padding:10px 25px;margin-bottom:15px;}
.post h3 {font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif; color:#FF5200; margin-bottom:15px;}
.post p {margin-bottom:5px;}
.post ul{margin:2px 10px;}
.post ul li{font-size:1.1em;list-style:none;padding:5px;}

.imageholder {float:left;}
.imageholder img {display:block; background:#fff; padding:5px; border:solid 1px #ccc;}
.entry {width:500px; float:right;}
.normalpage #threecols h3 {color:#FF5200!important;}

.entry ul.industrieslist  li{padding:8px 24px;font-size:1.6em;}
.entry ul.contactlist  li{padding:8px 48px;font-size:1.6em;}
ul li.phone{background:url(images/phone.png) no-repeat;}
ul li.fax{background:url(images/fax.png) no-repeat;}
ul li.email{background:url(images/email.png) no-repeat;}
ul li.web{background:url(images/website.png) no-repeat;}