@import url("font/droidsans.css");
@import url("font/fertigo.css");
@import url("font/texgyre.css");

* {padding:0; margin:0;}
ul {list-style:none;}
ul.b {list-style-type: square;padding-left: 10px;}
a {color:#9cc054; text-decoration:none; outline:none;}
a:hover { outline:none;}
a img {border:none;}
.clear {
 clear:both;
 line-height:1px; height:1px;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}
section, header, footer, article, nav {display:block;}
body { background:url(images/htmlbg.jpg) left top repeat-x; font-size:62.5%; color:#333; font-family: Verdana, Geneva, sans-serif;}
body.normalpage {background:url(images/normalhtml.jpg) left top repeat-x;}
#page {width:100%; height:100%; background: url(images/headerbg.jpg?v=1) center 110px no-repeat; }
body.normalpage #page {background:url(images/normalheader.jpg) center 110px no-repeat;}
#bodywrap { width:1032px; margin: 0 auto;}
#top {height:366px;}
body.normalpage #top {height:155px;}
body.normalpage #top #normalheader {height:81px;}
#contentwrap { background:url(images/wrapbg.png) center top no-repeat;}
#contents { margin:0 26px 0 26px; background:url(images/wraptop.jpg) 0 30px repeat-x; min-height:300px; padding:45px 15px 0 15px;}
#top nav {height:74px; width:980px; margin:0 auto; font-family:'TeXGyreAdventor', Arial, sans-serif}
#homeheader { height:292px; width:980px; margin:0 auto;}
#sitename {display:block; float:left; padding:18px 0 0 0;}
#sitename a {display:block; background:url(images/portfoliologo.gif) no-repeat; height:42px; width:170px; float:left; text-indent:-5000px; overflow:hidden;}
#sitenav {display:block; float:left; height:59px; font-size:2.0em; font-family:'TeXGyreAdventor', Arial, sans-serif; padding-top:15px; margin-left:260px;}
#sitenav li {font-weight:bold; display:inline;}
#sitenav li a {display:block; float:left; color:#7d7d7d; padding:5px 15px 5px 15px;}
#sitenav li a:hover {color:#fff; text-shadow:#000 1px 1px 1px;}
#sitenav li.current a {color:#fff; background:url(images/activemenu.png) center bottom no-repeat;}
#topcolumns {margin-bottom:25px;}
#topcolumns .col {width:30%; margin:6px; float:left; padding:0 9px;}
#topcolumns img.imgright {float:right; margin-left:10px;}
#contents p {font-size:1.2em; line-height:20px;}
#contents li {font-size:1.2em;}
h2 {font-family:'TeXGyreAdventor', Arial, sans-serif;}
h3 {font-family:'DroidSansBold', Arial, sans-serif; font-weight:normal;}
#normalpage h2, #topcolumns h2 {font-size:2.2em; margin-bottom:10px; color:#2d2d2d;}
#topcolumns h2 {text-shadow:#fff 1px 1px 1px;}
#normalpage {background:url(images/sidebarbg.jpg) 650px 0 repeat-y; min-height:200px;}
#left { width:640px; float:left;}
#full { width:938px;}
#sidebar {width:298px; float:right;}
#normalpage #left h2 {display:block; background:url(images/lefth2.jpg) left center no-repeat; line-height:27px; padding:5px 10px 10px 10px;}
#normalpage #sidebar h2 {display:block; background:url(images/sidebarh2.jpg) left center no-repeat; line-height:27px; padding:5px 10px 10px 10px;}
#normalpage p {margin-bottom:15px;}
#left article { padding:0 10px;}
#contents a:hover {text-decoration:underline; color:#036;}
#normalpage h3 {font-size:1.8em; color:#2885b5; margin-bottom:10px;}
#normalpage h4 {font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px;}
#sidebar article {padding:10px;}
blockquote {display:block; background:url(images/quote.png) left top no-repeat; padding-left:25px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif!important;}
.testimonials blockquote {border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
blockquote p {margin-bottom:5px!important;}
blockquote cite {display:block; font:italic 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#pagefooter {background:url(images/footerbg.jpg) repeat-x; height:50px !important; width:100%; padding-top:11px;}
#bottom {background:url(images/footerbg.png) repeat-x; height:294px; width:940px; margin:0 auto; padding:0 20px;}
#bottom .block1 { width:300px; padding:20px 20px 20px 0; background:url(images/footerblockdiv.png) right top repeat-y; height:254px; float:left;}
#bottom .block2 {width:260px; padding:20px 0 20px 60px; height:254px; background:url(images/footerblockdiv.png) left top repeat-y; float:right;}
#bottom .block3 {margin:0 330px 0 345px; padding:20px 0 20px; height:254px;}
#pagefooter h2 {font:bold 2.2em TeXGyreAdventor, Arial, sans-serif; color:#ddd; text-shadow:#222 1px 1px 1px; margin-bottom:10px;}
.teamimg .imgthmb {background: transparent url(images/footerimgbg.png) left top no-repeat; display:block; float:left; height:78px; width:78px; padding:3px 0 0 4px; margin:5px;}
.teamimg {padding-left:15px;}
.block1 h2 {padding-left:15px;}
#pagefooter p {font-size:1.2em; color:#666; line-height:1.8em;}
.projectthmb {text-align:center;/* padding:10px 0 10px; background:#000;*/}
#slider .thumbholder {float:right; width:500px; text-align:right}
#slider h2 {font: 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif; margin-bottom:10px; color:#fff;}
#slider {height:232px; width:980px; padding-top:45px;}
#slider .container {overflow:hidden; position:relative; cursor:pointer; color:#ddd; height:232px;  width:980px;}
#slider .slides li {display:block; height:242px; width:980px; position:absolute; overflow:hidden; left:0; top:0;}
#slider li .txtholder {float:left; width:470px; padding-top:35px;}
.slides {position:relative;}
#slider .slides p {font-size:1.4em; line-height:24px;}
#slider .pagination {
	display:block;
	list-style:none;
	z-index:999;
	width:210px;
	text-align:center;
	position:absolute;
	bottom:0px;
	height:25px;
	left:10px;
}
 ul.pagination li {display:inline;}

 ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(images/slidernav.png) no-repeat; text-indent:-9000px;}
 ul.pagination li.active a {background:url(images/slidernava.png) no-repeat!important; text-indent:-9000px;}
 #credits p {display:block; height:18px; width:940px; padding:20px; margin:0 auto; font-size:1.0em;}
 #credits a {color:#fff;}
.subhead {height:50px; line-height:50px; font:bold 2.6em 'TeXGyreAdventor', Arial, sans-serif; text-shadow:#fff 1px 1px 1px;}
#left ul li {display:block; background:url(images/listbullet.gif) left center no-repeat; line-height:22px; margin-bottom:5px; padding-left:25px;}
#left ul {margin-left:15px; margin-bottom:15px;}
#contents.normalcontents {background-image:none!important;}
.blogpreview {padding-top:15px;}
.postpreview h3, .post h3 {font:normal 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif!important;}
.postpreview .entry {width:475px; float:right;}
.postpreview .postinfo {width:130px; float:left; display:block;}
.postpreview .postinfo p span { display:block;}
.postinfo p {display:block; font-size:1.1em!important; line-height:1.4em!important; text-align:right;}
.postpreview {margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
#sidebar .sbwrap {padding:10px;}
#sidebar ul li {display:block; height:31px;}
#sidebar ul li a { line-height:20px; border-bottom:solid 1px #ddd; padding:5px 0 0 25px; background:url(images/sidebarli.gif) left 7px no-repeat; display:block;}

#sidebar ul li a:hover {background:url(images/sidebarli2.gif) left 7px no-repeat; color:#fff; background:#225aa5; text-decoration:none;}
.sbwrap.twocol li {width:49%; float:left;}
.form {padding:15px;}
.form p, .form span, .form input, .form label {font-size:1.2em;}
.form .field {padding:5px;}
.form label {display:block; padding:5px 0 3px 0; font-weight:bold; color:#555;}
.form .textfield {display:block; height:25px; line-height:25px; border:solid 1px #ccc; padding:3px; width:90%;}
.form .text-area {display:block; width:90%; border:solid 1px #ccc; padding:3px;}
.form .button {padding: 15px 0 0; height:45px;}
input.btn {display:block; height:30px; padding:0 15px 0 15px; float:left; border:solid 1px; border-color:#bbb #999 #999 #bbb; font: bold 1.4em 'TeXGyreAdventor', Arial, sans-serif; color:#777; background:#efefef;}
.text-area:focus, .textfield:focus {border:solid 1px #666;}
.logo {text-align: center;
    margin: 0 auto;
    display: block;}

div.body div.rightportion{
width:305px;
float:right;
padding:0;
margin:0;
}
div.body div.rightportion ul.category li{
background:url(images/dot_border.jpg) repeat-x 0 100%;
padding:6px 0 10px 0;
margin:0 0 10px 0;
}
div.body div.rightportion ul.category li.last{
background:none;
}
div.body div.rightportion ul.category li a{
font:normal 12px/14px "Century Gothic", Arial, Helvetica, sans-serif;
color:#b4b4b4;
background-color:inherit;
padding:0 0 0 0;
margin:0;
display:block;
text-decoration:none;
}
div.body div.rightportion ul.category li a:hover{
color:#ffffff;
background-color:inherit;
}
.tick {
background:url url(images/tick.png) 0 0 no-repeat;
width:23px;
height:20px;
margin:-5px 10px 0 0;
float:left;
}
div.body div.leftportion{
width:514px;
float:left;
padding:0 75px 0 0;
margin:0;
background:url(images/divider.jpg) no-repeat 95% 0;
}
/*-----------Contact Page Starts-------------*/
div.leftportion div.form{
padding:28px 0 0 6px;
margin:0;
width:500px;
}
div.leftportion div.form label{
display:block;
overflow:hidden;
height:100%;
padding:0;
margin:0 0 15px 0;
}
div.leftportion div.form label.last{
margin-bottom:0;
}
div.leftportion div.form label.btn{
width:94px;
float:left;
}
div.leftportion div.form label img{
padding:0;
margin:5px 0 0 0;
}
div.leftportion div.form label span{
width:100px;
float:left;
text-align:left;
padding:0 0 0 12px;
font:italic 12px Arial, Helvetica, sans-serif;      
color:#6b6b6b;
background-color:inherit; 
line-height:25px;
}
div.leftportion div.form label strong{
color:#949494;
background-color:inherit;
font:italic 12px/25px Arial, Helvetica, sans-serif;  
}
div.leftportion div.form input{
width:260px;
float:left;
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#7d7c7c;
background-color:inherit;
background:url(images/input_bg.jpg) repeat-x 0 0;
border:1px solid #272727;
padding:3px 0 0 2px;	
height:20px;
letter-spacing:1px;	
outline:none;
}
div.leftportion div.form input:focus{
background:#1e1e1e;
color:#d2cccc;
}
div.leftportion div.form textarea{
width:494px;
float:left;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#d2cccc;
border:1px solid #272727;
padding:4px 0 0 4px;	
height:152px;
background:url(images/textarea_bg.jpg) repeat-x 0 0;
letter-spacing:1px;	
background-color:inherit;
outline:none;		
}
div.leftportion div.form textarea:focus{
background:#1e1e1e;
color:#7d7c7c;
}
div.leftportion div.form input.submission{
background:url(images/send_btn.jpg) no-repeat 0 0;
width:94px;
height:25px;	
border:none;
text-indent:-20000px;
cursor:pointer;
float:left;
display:block;	
margin:16px 18px 17px 0;	
}
div.leftportion div.form input.submission:hover{
background:url(images/send_btnhover.jpg) no-repeat 0 0;
}
div.googleMap {
width:256px;
border:#434343 2px solid;
padding:0;
margin:6px 0 0 0;
}
p.add{
color:#ffffff;
font:bold 12px/21px "Century Gothic", Arial, Helvetica, sans-serif;
background-color:inherit;
background:url(images/border_line.jpg) no-repeat 0 100%;	
padding:11px 0 11px 0;
margin:0 0 50px 0;
width:259px;
}
/*------------Contact Page Ends------------*/
/*------------Product Page Start------------*/
.rht_td {
width:354px;
float:right;
margin:5px;
}
.abt_tb {
border:1px solid #225aa5;
}
.abt_tb td{
border:1px solid #225aa5;
font-size:13px;
padding:5px
}
.abt_tb1 {
border:1px solid #ffffff;
}
.abt_tb1 td{
border:1px solid #ffffff;
padding:5px
}

/*------------product Page Ends------------*/
.confirm{
border:1px solid #272727;
width:450px;
background-color:inherit;
color:#fff;
padding:30px 0 30px 40px;
}
p.textconfirm{
font:normal 16px/22px Arial, Helvetica, sans-serif;
color:#7d7c7c;
background-color:inherit;
padding:0 0 0 70px;
margin:0;
background:url(images/confirm_icon.png) no-repeat 0 0;
}
#img_hold_li{
list-style-type:none;
float:left;
padding:20px;
}
#down_tb {
margin-left:10px;
width:98%;
font-weight:bold;
border:1px dashed #F00;
border-collapse:collapse;
font-size:12px;
}
#down_tb tr:hover {
background:#ccc;
cursor:pointer;
}
#down_tb td {
height:45px;
border-bottom:1px dashed #F00;
padding-left:10px;
}
#header_cl, tr.header_cl:hover {
background:#DFE1EA;
font-weight:bold;
}
#clearpos {
clear:both;
height:10px;
}
#gearbox_tb {
margin-left:10px;
width:98%;
font-weight:normal;
border:1px dashed #999;
border-collapse:collapse;
font-size:12px;
}
#gearbox_tb tr:hover {
background:#ccc;
cursor:pointer;
}
#gearbox_tb td {
height:45px;
border-bottom:1px dashed #999;
padding-left:10px;
}
.pic_dis {
background:url(images/pic_dis.png) 0 0 no-repeat;
float:left;
margin:5px 7px;
width:298px;
height:228px;
font-size:16px;
color:#00F;
text-align:center;
}
.pic_dis img {
width:260px;
height:182px;
float:left;
margin:7px;
}

.pic_dis a {
    background: #4698c7;
    padding: 10px;
    color: #fff;
    /* width: 300px !important; */
    border-radius: 10px;
    /* margin: 10px; */
    float: left;
}
.pic_dis a:hover {
    background: #9cc054;
    padding: 10px;
    color: #fff;
    /* width: 300px !important; */
    border-radius: 10px;
    /* margin: 10px; */
    float: left;
    text-decoration:none;
}