/*  IMPORT FONTS  ============================================================================= */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

/*  basic page confing  ============================================================================= */

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

a {
	text-decoration:none;
	color:#000000;
	outline:none;
}

a:hover,
a:active {
	outline: 0;
	color:#ff9100;
}

body{ font:400 1em 'Roboto Condensed', sans-serif; color:#585858; }

body a{ font: 400 1em 'Roboto Condensed', sans-serif;  color:#5E9A39; 
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
	
body a:hover{ color:#011c93; }

h1, h2, h3, h4, h5, h5, h6{font-weight:normal;}

h1{font-size:2.20em;}
h2{font-size:1.80em;}
h3{font-size:1.50em;}
h4{font-size:1.10em;}

p {margin-bottom: 1em;}

i {margin-right:.50em}

.white_link a{color:#fff; font-size:1.30em; font-weight:600;}
.white_link a:hover{color:#585858 !important;}

a.orng_link {color:#011c93; font-size:1.30em !important; font-weight:300; font-style:italic;}
a:hover.orng_link {color:#585858;}

.orange_head{color:#011c93;}
.white_head{color:#fff;}
.black_head{color:#000000;}
.gray_head{color:#a2a2a2;}
.blue_head{color:#011c93;}

.clear { clear:both; }
.fl{float:left;}
.fr{float:right}
.mauto{margin:0 auto;}
.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.tau{ text-transform:uppercase !important;}
.lc-rc{margin-right:0 !important; border-right:none !important; border-right:none !important; padding-right:0 !important;}

.m5{margin:5px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}

.m10{margin:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.m20{margin:20px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.m30{margin:30px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}
.ml45{margin-left:45px;}

.mt50em{margin-top:.50em;}
.mb50em{margin-bottom:.50em;}
.mt1em{margin-top:1em;}
.mr1em{margin-right:1em;}
.mb1em{margin-bottom:1em;}
.ml1em{margin-left:1em !important;}

img {max-width: 100% !important; height:auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}

/*  page styles start  */
.wrap { width:100%; margin:0 auto;}
.inner{ width:97%;  max-width:/*72em;*/1100px; margin:0 auto;}
.about-inner{ width:97%;  max-width:/*72em;*/1100px; margin:0 auto;}

.top_pannel{background:#d4266b; padding:7px 10px; width:100%;}
.top_pannel_left{float:left;}

.top_pannel_left-1{float:left;}
.top_address{float:left; margin:0 20px 0 0; padding:0; color:#fff; font-size:15px; font-weight:400;}
.top_pannel a{color:#fff; font-size:18px;}
.top_pannel a:hover{color:#000;}

.top_pannel_right{float:right;}
.top_pannel_right-1{float:right;}
.top_pannel_right li{display:inline; margin:0; padding:0 3px; font-size:14px; font-weight:400;}

.qenquiry a{position:absolute; left:50%; margin-left:-88px; top:5px; text-align:center; color:#FFF; font-weight:800; background:#011c93; border:1px solid #0d32d5; border-radius:4px; padding:3px 5px; font-size:14px;}
.qenquiry a:hover{background:#5E9A39; border:1px solid #5E9A39; color:#fff;}
.qenquiry a p{line-height:normal; padding:0; margin:0; padding-left:10px; padding-right:10px;}
.qenquiry a i{position:absolute; top:50%; margin-top:-10px; left:-13px; border:1px solid #0d32d5; color:#011c93; background:#FFF; border-radius:50%; height:20px; width:20px; line-height:16px;}
.qenquiry a:hover i{color:#5E9A39; border:1px solid #5E9A39;}


@media only screen and (max-width:835px){
.top_address{float:left; margin:0 15px 0 0;}
.top_pannel_right li{padding:0 0px; }
}

@media only screen and (max-width:695px){
.top_address{margin:0 15px 4px 0px;}
}

.header{background:#fff; padding:0px 0; z-index:9999}
.logo{float:left; z-index:9999; padding:10px 0; width:25%;}
.top-rpannel{float:right; width:75%;}
.top-rpannel .clr-logo{float:right; width:20%; border-left:1px solid #999999; padding-left:8px; margin:10px 0 0 0;}
.nav {position:relative; z-index:10000;	height:38px; width:70%; margin-left:8%; float:left; margin-top:20px;}

@media only screen and (max-width:1130px){
.nav {width:auto; margin-left:5%;}
}

@media only screen and (max-width:1055px){
.logo{float:left; z-index:9999; }
}

@media only screen and (max-width:915px){
.nav {width:auto; margin-left:3%;}
}

@media only screen and (max-width:760px){
.logo{float:none; margin:0 auto; padding:8px 0 0 0; z-index:9999; min-width:180px; height:auto;}
.top-rpannel{float:none; width:100%;}
.top-rpannel .clr-logo{float:left; width:100%; border-left:0px solid #999999; padding-left:0; margin:5px 0 5px 0; text-align:center;}
}

/*image slider*/
.slider_wrap{width:100%; overflow:hidden;}
.homeslider li img{margin:0 auto;}
.homeslider li h1{width:auto; position:absolute; top:40%; left:15%; text-align:left; font-size:28px; font-weight:400; color:#fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.40);}
.homeslider li h1 span{width:auto; text-align:left; display:inline-block; font-size:22px; color:#fff;}
.homeslider li p{width:45%; text-align:left; display:inline-block; font-size:16px; color:#011c93; line-height:20px;}

.homeslider li h2{width:auto; position:absolute; top:40%; left:15%; text-align:left; font-size:28px; font-weight:400; color:#011c93; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.40);}
.homeslider li h2 span{width:auto; text-align:left; display:inline-block; font-size:22px; color:#011c93;}

@media screen and (max-width: 1284px) {.homeslider li h1 span{width:100%;}}
@media screen and (max-width: 1024px) {.homeslider li h1{left:7%; font-size:22px;}}
@media screen and (max-width: 980px) {.homeslider li h1{left:7%; font-size:20px;}.homeslider li p{width:95%;}}
@media screen and (max-width: 640px) {.homeslider li h1{font-size:16px; top:25%; left:10%;}}
@media screen and (max-width: 600px) {.homeslider li h1{ display:none} .homeslider li h2 { display:none;}}

.search_wrapper{position:absolute; z-index:99; left:0%; width:100%;}
.search_wrapper li {line-height:15px; padding:0; margin:10px 0 0 0;}
.search_wrapper li a{font-size:13px; text-transform:uppercase; color:#FFFFFF; font-weight:400; line-height:13px; padding:0; margin:0;}
.search_wrapper li a:hover{color:#000;}

@media screen and (max-width: 760px) {.qenquiry a{margin-left:-50px;}}

@media screen and (max-width: 700px) {.top_pannel_left-1{float:none;}.top_pannel_right-1{float:none;}.search_wrapper{right:0; left:2%; width:95%; position:relative;}.qenquiry a{position:absolute; left:10%; margin-left:-18px; top:60px; text-align:center; color:#FFF; font-weight:800; background:#011c93; border:1px solid #0d32d5; border-radius:4px; padding:3px 5px;}}


.welcome{
	width:100%;
	padding:0;
	text-align:center; margin:30px 0;
}

.welcome h1{font-size: 22px; padding-bottom:10px; margin:0 0 25px 0; font-weight: 400; text-transform: uppercase; background:url(../images/hor-divline.gif) bottom center no-repeat;}
.welcome p{color:#737373; font-size:15px; font-weight:300; line-height:22px;}
.welcome br{margin:5px 0 0 0;}

.welcome .read-more a{
background:#011c93; font-size:12px; color:#FFF; padding:5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.welcome .read-more a:hover{
background:#d1d1d1; color:#000;}

.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_center{text-align:center !important;}
.text_cap{text-transform:uppercase !important;}

.mid_wrap{margin:30px 0;}
.mid_wrap li{ margin:0; padding:0; text-align:left; font-size:13px;}

.row{margin-right:0px;margin-left:0px; padding:0;}
.col_1 { width: 77%;
	float		: left;
	display		: block;
}

.col_2 { width: 23%;
	float		: left;
	display		: block;
}

.col_3 { width: 45.3333333333%;
	margin-left		: 0.5%;
	margin-right	: 0.5%;
	margin-bottom	: 1%;
	margin-top		: 1%;
	float		: left;
	display		: block;
}

.col_4 { width: 60.3333333333%;
	margin-left		: 0.5%;
	margin-right	: 0.5%;
	margin-bottom	: 1%;
	margin-top	: 1%;
	float		: left;
	display		: block;
}

.company-profile { background:url(../images/company-profile.jpg) no-repeat 0px 8px; min-height:80px !important;}
.company-profile p { padding:5px 10px 0px 80px; color:#5c5c5c; margin:0; font-size:14px; font-weight:300;}
.corporate { background:url(../images/corporate.jpg) no-repeat 0px 8px; min-height:80px !important;}
.corporate p { padding:5px 10px 0px 80px; color:#5c5c5c; margin:0; font-size:14px; font-weight:300;}
.what-we-do { background:url(../images/what-we-do.jpg) no-repeat 0px 10px; min-height:80px !important;}
.what-we-do p { padding:5px 10px 0px 80px; color:#5c5c5c; margin:0; font-size:14px; font-weight:300;}
.document-library { background:url(../images/document-library.jpg) no-repeat 0px 10px; min-height:80px !important;}
.document-library p { padding:5px 10px 0px 80px; color:#5c5c5c; margin:0; font-size:14px; font-weight:300;}

.news-events {margin:0; padding:0; width:23%; float:right;}
.news-events h1{background:#011c93; padding:5px 0; text-align:center; border-radius: 10px; color:#fff; font-size:22px; font-weight:400;}
.news-events ul{margin:20px 0; padding:0;}
.news-events i{position:absolute; left:0; top:5px; font-size:14px; font-weight:400; color:#011c93;}
.news-events li{ padding:2px 8px; border-top:none; font-size:13px; font-weight:300; color:#737373; line-height:16px; margin:0 8px 3px 0; position:relative; padding-left:15px;}
.news-events a{font-size:13px; font-weight:300; color:#737373;}
.news-events a:hover{font-size:13px; font-weight:300; color:#D4266B;}

.mail a { color:#9c9c9c; font-size:14px;} 
.mail a:hover { color:#FFFFFF; }

@media screen and (max-width: 730px) {
.col_1 { width: 100%;}
.col_2 { width: 100%; float:none;}
.col_3 { width: 100%; margin-left: 0%; margin-right:0; margin-bottom:20px; margin-top:1%; float:left; display: block;}
.col_4 { width: 100%; margin-left: 0%; margin-right	:0;	margin-bottom:20px; margin-top:1%; float: left; display: block;}
.news-events{float:none; width:100%; clear:both;}}

.footerwrap{background:#313131; padding:0px 5px 10px 5px;}
.footerwrap h5{font-size:14px; font-weight:300; background:url(../images/ftr_div_hline.png) bottom left no-repeat; padding-bottom:5px; margin-bottom:10px;}

.popular{padding:25px 0; text-align:center; width:70%; margin:0 auto;}
.popular span{padding:0 10px; color:#878787; font-weight:300;}
.popular a{font-size:13px; color:#878787; line-height:16px; }
.popular a:hover{color:#fff;}

.footer {margin:15px 0;}
.footer .fcol-1{width:45%; float:left; font-size:13px; color:#7f7f7f;}
.footer .fcol-3{width:35%; float:right; text-align:right; font-size:13px; color:#7f7f7f;}
.footer .fcol-3 a{color:#7f7f7f;}
.footer .fcol-3 a:hover{color:#ff9100;}

/*scroll to top*/
a.scrollup {
	width:40px;
	height:40px;
	position:fixed;
	top:75%;
	right:10px;
	display:none;
	font-size:2.25em;
	font-family: 'FontAwesome';
	text-decoration:none;
	color:#011c93;
	z-index:999;
}
@media screen and (max-width: 640px) {
	a.scrollup {
		top:75% !important;
		z-index:9999;
		right:0px;
	}
}
@media screen and (max-width: 768px) {
	a.scrollup {
		top:25%;
		z-index:9999;
		right:0px;
	}
}


.star { color:#FF0000; }
.lt { float:left; width:49%; }
.rt { float:right; width:49%; }

/** contact pages */
.address {margin-bottom:20px;}
.address p{margin-bottom:0;}
.address h3{font:400 1.3em 'Roboto Condensed', sans-serif; margin-bottom:8px; }

/** contact page-new*/
.services_wrap {
	margin-top:-50px;
	text-align: left;
	z-index:1000; position: relative; clear:both;
}

.bgone{background: url(../images/bg1.jpg) top left no-repeat; padding:10px 0 0 15px; }
.bgtwo{background:url(../images/bg2.jpg) top left no-repeat; padding:10px 0 0 15px; }
.bgthree{background:url(../images/bg3.jpg) top left no-repeat; padding:10px 0 0 15px; }

.services {
	width:27%;
	float: left;
	margin:0;
	text-align: left;
	margin-left:5%; height:120px;
}
.lastmrgnr{margin-right:0px !important;}
.lastmrgnl{margin-left:0px !important;}
.services h1 {margin-bottom:2px; color:#fff; font-size:17px; border:0; margin:0;}
.services p{color:#fff; font-size:14px; font-weight:300; line-height:20px; padding:0 0 5px 0; margin:0;}
.services a{color:#fff; font-size:12px; background:#000000; padding:2px 8px;}
.services a:hover{color:#fff; background:#D4266B;}

.services i{color:#fff; font-size:2.5em; text-align:center; margin:0 0 0 .05em;}

.green, .blue, .orange {
	background: #79c969;
	height: 81px;
	padding-top: 20px;
	width: 81px;
	border-radius: 50%;
	margin: 0 auto 13px;
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;
	display: inline-block;
}
.blue {
	background: #64b8df;
}
.orange {
	background: #f7941d;
}
.services:hover .green, .services:hover .blue, .services:hover .orange {
	background: #3D3C3E;
}

@media screen and (max-width: 980px) {
.services {min-width:305px; margin-left:1%}
}

@media screen and (max-width: 800px) {
.services_wrap {
	margin-top:0px;
	text-align: left;
	z-index:999; position: relative; clear:both; float:none;
}

}

/*inner banner*/
.in_banner_wrapper{max-height:150px; width:100%; background-repeat:no-repeat; background-position:left; background-color:#012348;}
.banner_cap{max-height:150px; width:95%; text-align:left; padding:3em 3em; color:#FFF; text-shadow: 1px 1px 3px #000;}
.banner_cap h1{font-size:32px; color:#fff; font-weight:normal;}
.banner_cap h2{font-size:18px; color:#fff; font-weight:normal;}

@media screen and (max-width: 1024px) {
.banner_cap{max-height:150px;}
.banner_cap{max-height:none; width:95%; background:none; text-align:left; padding:4em 0 3em 0; font-size:60%;}
}

@media screen and (max-width: 980px) {
.banner_cap h1{font-size:28px; color:#fff; font-weight:normal;}
.banner_cap h2{font-size:16px; color:#fff; font-weight:normal;}
}

@media screen and (max-width: 640px) {

.banner_cap h1{font-size:26px; color:#fff; font-weight:normal;}
.banner_cap h2{font-size:15px; color:#fff; font-weight:normal;}
}

#left_pannel{ margin:2em 0; width:70%; float:left;}
#right_pannel{ margin:0; width:100%; float:left; padding:20px; border-bottom: solid 3px #4472c4; background:#d4266b;}
#main_right_pannel{width:25%; float:right;}
#left_pannel .pagename{ font-size:20px; color:#000000;	font-weight:normal; margin-bottom:10px;}
#left_pannel p{ line-height:1.5em; color:#5C5C5C; font-size:14px; font-weight:300;}
#left_pannel h1{font-size:24px; color:#d4266b; font-weight:400;}
#left_pannel h2{font-size:20px; color:#4472c4; margin-bottom:10px;}
#left_pannel h3{font-size:16px; color:#d4266b; padding:.6em 0;}
#left_pannel h4{font-size:18px; padding:0 ;}
#left_pannel h5{font-size:16px; padding:0 0 .8em 0;}
#left_pannel ul.orderlist{margin:1em 0; list-style-type:none;}
#left_pannel ul.orderlist li {color:#7d7d7d;  padding:0px 0 .6em .8em; line-height:20px; font-size:.82em;}
#left_pannel ul.orderlist li:before {font-family: 'FontAwesome'; content: '\f105'; color: #d4266b; font-size:1.2em; margin-right:5px;}
.highlighter{border-bottom:1px solid #CCC; padding:1em 0; font-size:1.20em; font-weight:normal;	margin-bottom:1em;}

#right_pannel h1{font-size:20px; color:#fff; margin-bottom:10px; border-bottom: dotted 1px #c3c3c3; padding-bottom:10px; font-weight:normal;}
#right_pannel ul.inner_sub_menu{ margin:0 0 0 0; list-style-type:none; width:100%}
#right_pannel ul.inner_sub_menu li a{color:#fff; line-height:25px;font-size:13px; border-bottom: solid 1px #d94445; padding-bottom:5px; display:block; padding-top:3px; padding-left:8px; font-weight:normal;}
#right_pannel ul.inner_sub_menu li a:before {font-family: 'FontAwesome'; content: '\f105'; color: #fff;font-size:15px; margin-right:5px;}
#right_pannel ul.inner_sub_menu li a:hover{ background:#4472c4; color:#fff}
#right_pannel ul.inner_sub_menu li a.act{ background:#4472c4; color:#fff}

.side_menu{width:100%; padding:0; margin:2em 0; list-style:none; border-top:3px solid #4472c4}
.side_menu li{display:block; clear:both;}
.side_menu li a{background:#e9e9e9; display:block; font-size:15px; color:#4472c4; padding:6px 0 6px 8px; margin:0; border-bottom:1px solid #cacaca}
.side_menu li a:hover{background:#4472c4; color:#fff}
.side_menu li a span.icn{ width:20%; float:left; display:inline-block; margin:7px 8px 0 0; padding:0;}
.side_menu li a span.text{ width:70%; float:left; display:inline-block; }
.side_menu li p{font-size:13px; font-weight:300;}

@media screen and (max-width: 640px) {
#left_pannel{ width:100%; float:none;}
#main_right_pannel{width:95%; float:none;}
.side_menu{margin:0 0 2em 0;}
.side_menu li a span.icn{ width:10%;}
.side_menu li a span.text{ width:85%;}
}

@media screen and (max-width: 360px) {
.side_menu li a span.icn{ width:15%;}
.side_menu li a span.text{ width:80%;}
}


.arrowlist{margin:10px 0; font-weight:300;}
.arrowlist li{padding:7px 10px; padding-left:35px; position:relative; font-size:15px;}
.arrowlist i{position:absolute; left:10px; top:10px;  color:#0f2541; font-weight:300;}
.arrowlist a{font-size:15px; color:#585858; font-weight:300;}
.arrowlist a:hover{color:#ed691f;}


.img_n_content {width:100%; padding-bottom:15px; border-bottom:1px solid #EFEFEF;}
.img_n_content img{float:left; width:20%;}
.img_n_content p{float:right; width:80%;}

.img_n_content1 {width:100%; padding-bottom:15px;}
.img_n_content1 img{float:left; width:auto;}
.img_n_content1 p{float:right; width:100%;}


@media screen and (max-width: 559px) {
.img_n_content img{float:none; width:25%; height:auto; position:relative; left:50%; margin-left:-15%;}
.img_n_content p, .img_n_content h2{float:none; width:100%;}
.img_n_content1 img{float:left !important; width:auto; text-align:left; position:relative; margin-left:0; left:0;}
.img_n_content1 p{float:right; width:100%; text-align:left;}
}

.useful-text{color:#D6F0FD; font-size:13px;}

/** contact page */
.contact_2col{width:100%;}
.cnt_lp{float:left; width:48%;}
.cnt_rp{float:right; width:48%;}

.address_block {padding:0 0 10px 0; border-bottom:1px dotted #CCC; margin-bottom:15px;}
.address_block h3{margin-bottom:10px; font-weight:600;}
.address_block p{margin:0; line-height:1.8em; padding-left:25px; position:relative;}
.address_block p i{position:absolute; left:0; line-height:1.8em;}
.address_block p.branch{margin:0; padding-left:0; position:relative; color:#EA1D25;}
.cbrand {margin-bottom:10px;}
.cbrand img{max-width:25%; height:auto;}

@media(max-width:767px){
.address_block {margin-bottom:10px;}
.address_block h3{margin-bottom:5px;}
.cbrand{margin-top:1em;}
.cbrand img{max-width:20%; height:auto;}
}

@media(max-width:666px){
.cnt_lp{float:none; width:100%;}
.cnt_rp{float:none; width:100%;}
}

.slide-out-div { padding: 1em; width: 240px; background: #FFF; z-index:999999; box-shadow:0 0 2px rgba(0,0,0,.2);}  
.slide-out-div ul{margin:0; padding:0;}
.slide-out-div li{list-style:none; margin:0 0 8px 0; font-size:18px; border-bottom:1px dashed #CCCCCC; padding-bottom:3px; padding-left:35px;}
.slide-out-div li a{font-size:18px; color:#195f96; font-weight:300;}
.slide-out-div li a:hover{color:#f48221;}
.slide-out-div i{font-size:26px; margin-right:10px; width:30px; text-align:center; float:left; position:absolute;}

@media screen and (max-width: 1024px) {  
	.slide-out-div{top:400px !important;}
}

@media screen and (max-width: 640px) {  
	.slide-out-div{	top:200px !important;}
}
  
.slide-out-div p{font-size:80%;}
.slide-out-div .sq p{margin-top:.40em !important;}
.handle{z-index:999; box-shadow:-2px 0 2px rgba(0,0,0,.2);}

.spf-shadow{-webkit-box-shadow:0 0 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0 0 10px 0px rgba(0,0,0,0.6); box-shadow:0 0 10px 0px rgba(0,0,0,0.6); background:#fff; padding:10px;}

.blink {
	-webkit-animation: blink .95s linear infinite;
	-moz-animation: blink .95s linear infinite;
	-ms-animation: blink .95s linear infinite;
	-o-animation: blink .95s linear infinite;
	 animation: blink .95s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

/** forms */
input[type="text"], input[type="password"], textarea, select{font-family: 'Open Sans', Arial, sans-serif; padding:.40em; font-size:.90em; border:1px solid #d9d9d9; padding:5px; transition: all .30s ease; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease;}
input[type="text"]:focus, input:focus[type="password"], textarea:focus, select:focus{border:1px solid #0772a6;}
input[type="checkbox"]{position: relative; top: -1px; *overflow: hidden;}

select{color:#757575; padding:4px;}
select:focus{color:#333;}


/** buttons */

input[type="button"], input[type="submit"] {background:#0772a6; padding:3px 10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; border:0; position:relative; cursor:pointer;}
input[type="button"]:active, input[type="submit"]:active{top:1px;}