/*
Theme Name: Ausgrant
Author: Open Source Design
Author URI: http://open-source-design.com
/* Begin Typography & Colors */

#page { background-color: white; border: 1px solid #959596; text-align: left; }
#content { font-size: 12px; padding:0px; margin:0px; }
.widecolumn .entry p { font-size: 1.05em; border:none; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #efefef; }
.thread-even { background-color: white; }
.depth-1 { border: 0px solid #FFC1C1; }
.even, .alt { border-left: 0px solid #FFC1C1; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 1.5em; }
#headerimg .description { font-size: 1.2em; text-align: center; }
h2.pagetitle { font-size: 1.6em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
/*.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }*/
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #242424; }
small a { color:#424242; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover {  text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */

/* Begin Structure */
#page { background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596; }
.post { margin: 0 0 0 0; padding-bottom:0px; text-align: left; }
.post hr { display: block; }
.postmetadata { clear: both; border:none; background:#EFEFEF; padding:5px !important ; }
.clear { clear: both; }
/* End Structure */


/*	Begin Headers */

h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */

/* Begin Images */

p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;}
.alignleft { float: left; }
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px;  }
html>body .entry li { margin: 0px 0 0px 10px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0;}
#sidebar ul li { padding-bottom:5px;}
#sidebar ul li { list-style-type: none;list-style-image: none; margin-bottom: 15px; border-bottom:1px dotted #969696 !important;}
#post-42 ul li { border-bottom:0 !important; margin:0; padding:0;}
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; line-height:25px; color:#000; border-bottom:none !important;}
/* End Entry Lists */

/* Begin Form Elements */

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left; }
select { width: 130px; }
#commentform input { padding:4px; margin: 5px 5px 1px 0; border:1px solid #ccc;  }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; border:1px solid #ccc; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; height:32px; }
/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0; padding: 0; }
.thread-even { background-color:#e7f5ff; }
.thread-odd { color:#130813; }
.thread-odd a { color:#6d6e72; }
.thread-odd a:hover { color:#130813; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin:0 5px 0 0; background-color:#FFF; border:0 }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */

#sidebar form { margin: 0; }
/* End Sidebar */

/* Begin Calendar */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */


acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; font-size: 11px; line-height: 17px; color:#666 }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; }
/* End Various Tags & Classes*/

/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

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

body {margin: 0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; background: url(images/top_bg.jpg) repeat-x left top;}
h1 , h2 , h3 , form, input{ margin:0; padding:0;}
h1{font-size:26px; margin:0 0 15px; line-height:normal; font-weight:normal; color:#126f91; font-family: 'UbuntuRegular';}
h2{font-size:20px; font-family: 'UbuntuRegular'; margin:0px; line-height:normal; font-weight:normal; color:#126F91;}
a{color:#126F91; text-decoration:none;}
img{border:0}
a:hover{ color:#000; text-decoration:none;}
.clear { clear:both;}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.wrapper { margin:0 auto; width:960px;} 
#top{float:left; width:100%; margin-top:6px; height:150px;}
.logo{float:left;}
.f_call{float:right; width:250px; font-size:18px; color:#000; font-family: 'UbuntuRegular'; font-weight:bold; margin-top:50px;}
.f_call span{ color:#3ebfe6; font-size:22px; font-family: 'UbuntuRegular';}\

/*search page change*/
#header #topsearch{text-align: right; margin-bottom:15px;}

#topsubmit{background: url("images/submit_bg.png") no-repeat scroll 0 0;border: 0 none;border-radius: 7px; box-shadow:none;color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;height: 30px;margin-left: 5px;padding-bottom: 28px; margin-top:0px; float:right;}

#t {border: 1px solid #80BEDD;border-radius: 5px;font-family: Arial,Helvetica,sans-serif;height: 22px;padding: 6px; float:left; width:180px;}

.top-assistive-text {color: #005682;font-family: Arial,Helvetica,sans-serif;font-size: 16px;margin-right: 10px;}


   
/*menu*/  
#menu_box{float:left; width:100%;}#nav-icon{display: none;}
ul.menu {margin:0px; padding:0px; background: url(images/menu_bg.png) no-repeat left top; background:#154578; width:960px; height:50px; float:left;}
ul.menu ul {margin:0px; padding:0px;}
ul.menu li {position:relative; float:left; list-style-type:none; padding:10px 26px 0px 25px; background:url(images/line_bg.png) top right no-repeat; z-index:9999;}
ul.menu li a:link, ul.menu li a:visited {font-family: 'UbuntuRegular'; font-size:15px; text-transform:uppercase; color:#FFF; line-height:30px; padding:2px 0px 13px 0px; height:25px;  display:block;}
ul.menu li a.menuhover span {background:url(images/aero_bg1.png) no-repeat right 1px; padding-right:20px;}
ul.menu li a:hover,ul.menu li.current a:link,ul.menu li.current a:visited{background:url(images/bottom_aero.png) no-repeat center bottom;}
ul.menu li a:hover,ul.menu li.current_page_item a, ul.menu li.current_page_parent a, ul.menu li.current_page_ancestor a{background:url(images/bottom_aero.png) no-repeat center bottom;}
ul.menu li.page-item-18 {background:none;} 
ul.menu li a.menuhover {color:#fff; background:url(images/bottom_aero.png) no-repeat center bottom;}
ul.menu ul {position:absolute; top:52px; left:0; display:none; list-style:none; z-index:1; margin:0; padding:0;}
ul.menu ul li{position:relative; margin:0; font-size:12px; font-weight:normal; padding:0; z-index:1; border-bottom:#fff 1px solid; }
ul.menu ul li a:link, ul.menu ul li a:visited {display:block; margin:0px; padding:3px 5px;color:#fff; text-decoration:none; font-size:13px;background:#29BEE6; height:auto; width:145px; font-weight:normal; line-height:22px; z-index:1; border:none; text-transform:none;}
ul.menu ul li a:hover { background:#126f91; color:#fff; border:none;}
ul.menu ul ul {left:155px; top:0px;}
ul.menu ul li a span { background-image:none !important;}
ul.menu ul li a.menuhover span { background-image:none !important;}
ul.menu ul li a.menuhover { background:#126f91;}

ul.menu li:nth-child(2) span { background:none;}
ul.menu li.parent span {background:url(images/aero_bg.png) no-repeat right 1px; padding-right:20px;}
ul.menu li:nth-child(5) span { background:none;}
ul.menu li:nth-child(6) span { background:none;}
ul.menu li:nth-child(7) span { background:none;}


/*haeder*/
#haeder{ float:left; background:url(images/hp2.jpg) repeat-x left top; width:100%; min-height:320px; margin-top:2px;}  
.haeder_inbg{float:left; width:100%; background:url(images/hp.jpg) no-repeat center top; min-height:320px;}
.haeder_img {float:left; width:100%; position:relative;}
.haeder_img2{ margin-left:-10px;}
.haed_text{float:left; width:255px; position:absolute; top:120px; left:65px; background:url(images/box_text.png) no-repeat left top;  padding:15px 11px 15px 11px; color:#000; font-size:15px;}
.haed_text h1{font-size:24px; margin:0px; line-height:normal; font-weight:normal; color:#000; font-family: 'UbuntuRegular';}
.haed_text p{ }
.haed_text span{ text-align:right; font-size:12px; color:#2794d7; text-decoration:underline; float:right; margin-top:-10px; *margin-top:-25px;}
.haed_text span:hover{color:#000; text-decoration:none;}

/*content*/

#content{float:left; width:100%; background:#fff;}
.content_l{float:left; width:675px; margin-top:27px;}
.content_l .post { padding-bottom:10px;} 
.content_r{float:right; width:253px; margin-top:22px;}
.content_mid{float:left; width:100%; margin-top:27px;}
.cont_box{float:left; width:227px; background:url(images/box_bg.jpg) repeat-x left top #dbdbdb; min-height:251px; border:1px solid #cccccc; padding:13px 12px 12px 12px; }
.cont_box span{color:#017fd3; font-weight:bold; font-family: 'UbuntuRegular'; float:left; line-height:15px;}
.cont_box span a:hover{color:#000;}
.cont_text{float:left; width:220px; border-bottom:1px dotted #9a9a9a; padding-bottom:10px; margin-bottom:10px;}   

/*footer*/

#footer_bg{float:left; width:100%; background:url(images/footer_bg.jpg) repeat left top;  padding:7px 0 7px 0; margin-top:20px; line-height:16px;}
.footer_t{   font-size:11px; text-align:center; font-family: 'UbuntuRegular';}   

/*inner page*/
#haeder_in{ float:left; background:url(images/hp2.jpg) repeat-x left top; width:100%; height:200px; overflow:hidden; margin-top:2px;}     
.haeder_inb2{float:left; width:100%; background:url(images/hp.jpg) no-repeat center top; min-height:200px; }
.haeder_inb2 h1 { position:absolute; z-index:10; right:50px; top:84px;}

#sidebar ul ul{ padding:10px 0 0 15px;}
#sidebar ul.children{ padding:0 0 0 0;}
#sidebar ul ul li a, #sidebar ul ol li a { background:url(images/arrow_icon.png) no-repeat left 4px !important; padding-left:12px !important;}
#sidebar ul ul li a:hover, #sidebar ul ol li a:hover { color:#000000;}
#searchform #s { float:left; border:1px solid #ccc; width:144px; padding:5px 5px 5px 5px;}
#searchsubmit { float:left; border:none; height:28px; background-color:#56c4e9; color:#fff; margin-bottom:-1px; padding:0 8px 0 8px; cursor:pointer;}
#sidebar #searchform #s { float:left; border:1px solid #ccc; width:144px; padding:5px 5px 5px 5px;}
#sidebar #searchsubmit { float:left; border:none; height:28px; background-color:#56c4e9; color:#fff; margin-bottom:-1px; padding:0 8px 0 8px; cursor:pointer;}
.content_l #searchform { float:left;}
#sidebar ul li #searchform div { height:30px;}

#commentform #submit { border:none; height:28px; background-color:#56c4e9; color:#fff; padding:0 8px 0 8px; cursor:pointer;}

.blog_div h2 { margin:8px 0 8px 0;}
/*extra css*/
.wpcf7-text { border:solid 1px #ccc; height:18px; width:217px; padding:5px; margin-top:5px;}
/*.wpcf7-form-control-wrap textarea { border:solid 1px #ccc;width:300px; padding:5px; font-size:13px; font-family:Arial; margin-top:5px;}*/
.wpcf7-submit { margin:0px; border:none; cursor:pointer; height:33px; width:78px; background-color:#56c4e9; color:#fff;}

.haeder_img p{margin:0; padding:0;}
a#SlideDeck_Bug{display:none !important;}
.facebook_img{margin-right:10px;}

/*contact page*/
.conteact_t{float:left; width:140px; font-size:12px; color:#000; margin:0 75px 10px 0px;}
.conteact_tn{float:left; width:200px; font-size:12px; color:#000; margin:0 75px 80px 0px;}
.conteact_tn h2{font-size:20px; font-family: 'UbuntuRegular'; margin:0px; line-height:normal; font-weight:normal; color:#126f91;}
.conteact_t:first-child{margin-left:0;}
.conteact_t h3{font-size:17px; color:#126f91; border-bottom:1px dotted #000;  margin-bottom:10px; padding:0 0 5px 0; font-weight:normal;}
.content_lt{float:left; width:650px; margin-top:27px;}
.content_lt h4{font-size:22px; color:#126f91; border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px; clear:both; }
.content_rt{float:right; width:275px; margin-top:22px; border-left:1px solid #CCC; padding-left:25px;}
.content_rt h2{font-size:22px; color:#126f91; border-bottom:1px dotted #000;  min-height:35px; margin-bottom:10px; }
.content_rt h3{font-size:17px; color:#126f91;    margin-bottom:5px; font-weight:normal;}

.haeder_img img{width: 100%;}
.form_box{float:left; width:300px; margin-top:10px;}
.form_box2{float:left; width:300px; margin-top:10px;}
.form{float:left; width:230px; height:30px; line-height:30px; border:1px solid #126f91; margin:0 0 20px 0; font-size:12px; color:#126f91; font-style:italic; padding:0 10px 0 10px; font-family:Verdana, Geneva, sans-serif;}
.textarea{ float:right; width:280px; height:120px; border:1px solid #126f91; font-size:12px; color:#126f91; padding:10px 10px 0 10px;}
.button{float:left; width:100px; border:none; background:#017fd3; height:30px; line-height:20px; margin-top:10px; color:#fff; cursor:pointer;}

.category-latest-news{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.wpcf7-response-output {clear:both; float:left; margin-top:10px;}

table.tbl1 {border-left:1px solid #CCC; border-top:1px solid #CCC; border-collapse:collapse; margin:8px 0 12px;}
table.tbl1 td {border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:4px 6px 4px 8px;}
.disby{ font-size:10px; text-align:center;}
.sidebar_box{ margin-bottom:10px;}
.sidebar_box2{padding-top:10px; clear:both;}
.for-home {display:none;}

.content_rt .conteact_tn {margin:0 0 25px; width:100%;}

/* ### RESPOSIVE STUCTURE ### */
/* MENU */
@media (max-width: 979px) {
    #nav { position:relative; float:left; width:100%;} #menu {display:none;}
    #nav-icon { background:#26b8e7 url(images/nav_icon.png) no-repeat 10px 50%; color:#fff; float:left; width:45px; height:18px; padding:8px 0 9px; margin:10px 0 0; cursor: pointer; display: block; text-transform:uppercase; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; text-align:left; width:100%; text-indent:45px;}
    #nav-icon:hover, #nav-icon:active, #nav-icon.show {background:#126f91 url(images/nav_icon_act.png) no-repeat 10px 50%;}
    
    #nav ul.menu {clear:both; border:0 none; position:absolute; top:45px; width:auto; left:0px; right: 0px; z-index:99999; padding:0; background: none; display:none;}
    #nav ul.menu li {float:left; margin:0; width:100%; background:#29bee6; text-align:left; padding: 0 !important; border-bottom: 1px solid #fff; }
    #nav ul.menu li:last-child, #nav ul.menu li.last {border-bottom:0 none;}
    #nav ul.menu li a {display:block; padding:8px 10px 9px 15px !important; height:auto; line-height:16px; font-size:13px; background: #29bee6 !important; color:#fff !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform: capitalize !important; text-shadow:none; text-align:left; width:auto;} 
    #nav ul.menu li a br {display:none;}  #nav ul.menu li li a {color:#fff !important;}
    #nav ul.menu li a:hover, #nav ul.menu li ul a:hover,  #nav ul.menu li a:active,  #nav ul.menu li ul a:active { background: #126f91 !important; color:#fff !important;}
   	#nav ul.menu ul {width:100%; position:static; visibility:visible !important; display: block !important; opacity:1 !important; background:inherit !important; border:0 none;margin:0; padding:0;}
    #nav ul.menu ul li {border-bottom:0 none;}
    #nav ul.menu ul li a {border-top: 1px solid #fff; padding:7px 10px 8px 15px !important; font-size:11px; font-weight:normal;}  #nav ul.menu ul li ul li a {padding:5px 10px 6px 30px !important;}
    #nav ul li.sfHover ul,  #nav ul li:hover ul,  #nav ul li.sfHover li.sfHover ul {top:inherit; left:inherit; margin-top:auto;}
}
@media (min-width: 980px) {
    #nav > ul.menu {display: block !important;}
}

@media (min-width: 768px) and (max-width: 979px) {
	#top {height:auto;} 
	#haeder {display: none;} #haeder_in.for-home {display:block;}
	#haeder_in {height: auto;} .haeder_inb2{background: none; min-height:inherit;}
   .wrapper{ margin: 0 auto;width: 90%;}
   .content_l, .content_lt {width: 62%;}
   .content_r, .content_rt {width: 30%; padding-left:4%}
   .content_r .cont_box, .content_rt .cont_box {width:90%; padding:12px 5% 8px;}
   .content_lt h4 {clear:both;}
   .conteact_t {margin-right:35px; width:170px;}
   .content_rt input[type=text], .content_rt input[type=email], .content_rt input[type=tel], .content_rt span.wpcf7-form-control-wrap input,
   .content_rt span.wpcf7-form-control-wrap textarea, .content_rt span.wpcf7-form-control-wrap select, .content_rt textarea,
   .content_r input[type=text], .content_r input[type=email], .content_r input[type=tel], .content_r span.wpcf7-form-control-wrap input,
   .content_r span.wpcf7-form-control-wrap textarea, .content_r span.wpcf7-form-control-wrap select, .content_r textarea {width:90%; padding:2px 5%;}
}

@media (max-width: 767px) {
	#top {height:auto;} #top .f_call { width:auto; float:right; margin-top:55px;} .logo img { max-width:100%;}
	#haeder{display: none;} #haeder_in.for-home {display:block;} 
	#haeder_in{height: auto;} .haeder_inb2{background: none; min-height:inherit;}
	.wrapper{ margin: 0 auto; width: 90%;}
   .content_l, .content_lt {width: 62%;}
   .content_r, .content_rt {width: 30%; padding-left:4%}
   .content_r .cont_box, .content_rt .cont_box {width:90%; padding:12px 5% 8px;}
   .content_lt h4 {clear:both;}
   .conteact_t {width:100%; margin-right:0; margin-bottom:12px;}
   .content_rt input[type=text], .content_rt input[type=email], .content_rt input[type=tel], .content_rt span.wpcf7-form-control-wrap input,
   .content_rt span.wpcf7-form-control-wrap textarea, .content_rt span.wpcf7-form-control-wrap select, .content_rt textarea,
   .content_r input[type=text], .content_r input[type=email], .content_r input[type=tel], .content_r span.wpcf7-form-control-wrap input,
   .content_r span.wpcf7-form-control-wrap textarea, .content_r span.wpcf7-form-control-wrap select, .content_r textarea {width:90%; padding:2px 5%;}
}
@media (max-width: 599px) {
	body {min-width:300px;}
	#top .f_call { float:left;} #respond label {display:block;}
	.content_l, .content_lt, .content_r, .content_rt {float: left; width:100%; padding-left:0; padding-right:0; margin-bottom:8px;}
	.content_rt {border-left:0 none; border-left-width:0;} .sidebar_box2 {padding-top:20px;}
	.cont_box {width: 90%; padding:12px 5% 8px;} 
	.form_box, .form_box2 {width:100%;}
	span.wpcf7-form-control-wrap {display:block;}
	input[type=text], input[type=email], input[type=tel], span.wpcf7-form-control-wrap input, 
	span.wpcf7-form-control-wrap textarea, span.wpcf7-form-control-wrap select, textarea {width:90%; padding:2px 5%;}
	input[type=button], input.button {width:100px; float:left; clear:both;}	
	#t{width:70%;}
}

/* Survey Page */
.survey p{ margin:0;}
.survey p span{ color:red;}
.survey h1{color: #126F91;font-family:Ubuntu;font-size: 26px;font-weight: normal;line-height: normal;margin: 0; margin-bottom:20px;padding: 10px 0;}
.survey .content_body{ width:950px; margin:auto;color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: 400;line-height: 19px;}
.survey .bg_content{ padding:10px 75px 50px 75px; float:left; width:800px;}

.survey .bg_content{ /* fallback */ background-color: #c8c8c8;
			/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#c8c8c8));
			/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #fff, #c8c8c8); 
			/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #fff, #c8c8c8); 
			/* IE 10 */ background: -ms-linear-gradient(top, #fff, #c8c8c8); 
			/* Opera 11.10+ */ background: -o-linear-gradient(top, #fff, #c8c8c8);}
.survey .home_eligible{ float:left;}
.survey .home_eligible p a, .survey .first a.servey{ color:#007DBA; font-size:11px;}

.survey .top{float:left; width:800px;}
.survey .top_bg{background:#457fc2; float:left;text-align:center; width:100%;}
.survey .top_bg img{ margin:auto; margin-top:25px; margin-bottom:25px; border:1px dotted #666;}

.survey .percent_bg_first, .survey .percent_bg_second, .survey .percent_bg_third, .survey .percent_bg_fourth, .survey .percent_bg_fiveth, .survey .percent_bg_sixth{ width:798px; text-align:center; background:#dbdbdb; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; float:left; padding:5px 0 1px;}

.survey .percent{ margin:auto; width:116px;}
.survey .colored > p, .survey .blank > p {font-size:0 !important;}
.survey .percent_bg_first .colored{ width:0px; float:left; background:url(images/colored.png) repeat-x top left;font-size:0 !important;}
.survey .percent_bg_first .blank{ width:74px; float:left;background: url(images/blank.png) repeat-x; font-size:0 !important;}
.survey .percent .left{ float:left; margin-top:3px; margin-right:5px; width:74px;}
.survey .percent p{float: right !important;
font-size: 12px;
line-height: 12px;
padding: 0 !important;
width: auto !important;}

/**======================First Page=======================**/

.survey .first, .survey .second, .survey .third, .survey .fourth, .survey .fifth, .survey .sixth{ padding:10px 20px 40px; text-align:center; float:left; background:#fff; padding-top:10px; border:1px  solid #b4b4b4; color:#000; width:758px;}
.survey .paragraph{ float:left; padding-bottom:20px; border-bottom:1px solid #b4b4b4; margin-bottom:40px;}


.survey .first p.required{ width:272px; display:inline; text-align:center; left:240px; position:relative; padding-top:0;}
.survey .first p, .survey .first li{ text-align:left; font-size:14px; padding:10px 0;}
 cite{ text-align:left; float:left; font-size:14px; padding-bottom:5px;}
.survey .first a.servey, .survey .second a.servey, .survey .third a.servey, .survey .fourth a.servey, .survey .fifth a.servey, .survey .sixth a.servey{ float:right; width:90px; font-size:13px; background:url(images/arrow-right.png) no-repeat center right; font-family:ubuntu; text-decoration:none; text-align:left;line-height:18px; color:#0073db;}

.survey .first a.servey:hover, .survey .second a.servey:hover, .survey .third a.servey:hover, .survey .fourth a.servey:hover, .survey .fifth a.servey:hover, .survey .sixth a.servey:hover{ text-decoration:underline;}

.survey .first .form{ float:left;border-bottom:1px solid #b4b4b4; padding-bottom:20px;}
.survey .first .form p{ font-weight:bold; font-size:15px; float:left;}
.survey .first .form input{ float:left; width:400px; height:20px; border:1px solid #bbb; box-shadow:inset 0 0 3px #bbb; margin-top:3px;}
  
.survey .continue, .submit{ /* fallback */ background-color: #234066;
			/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c7edc), to(#234066));
			/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2c7edc, #234066); 
			/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2c7edc, #234066); 
			/* IE 10 */ background: -ms-linear-gradient(top, #2c7edc, #234066); 
			/* Opera 11.10+ */ background: -o-linear-gradient(top, #2c7edc, #234066);
			 color:#fff; padding:8px 20px; text-decoration:none; border-radius:5px; border:1px solid #234066; box-shadow:inset 0 0 3px #234066; display:inline-block; 
			 margin-top:22px; text-shadow:0 0 1px #000; cursor:pointer; text-align:center;}

.survey .continue:hover, .submit:hover{ /* fallback */ background-color: #31649d;
			/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#234066), to(#2c7edc));
			/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #234066, #2c7edc); 
			/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #234066, #2c7edc); 
			/* IE 10 */ background: -ms-linear-gradient(top, #234066, #2c7edc); 
			/* Opera 11.10+ */ background: -o-linear-gradient(top, #234066, #2c7edc);
			 color:#fff;}			 


.survey .powered{ float:left; width:950px; background:url(images/bg_poweredby.png) repeat-x top left; text-align:center; padding:7px 0; margin-bottom:30px;}
.survey .powered img{ margin:auto; display:block;}			 


/**======================Second Page=======================**/

.survey .content_body p, .survey .content_body form{ text-align:left;float:left; width:100%; font-size:14px; padding-bottom:15px;}
.survey .second form{ padding-bottom:40px;}

.survey .first .form .empty{border:1px solid #F00;} .survey .first .form .error {font-size:11px; font-weight:normal; color:#F00;}
.survey .form{ float:left; margin-bottom:20px; text-align:left; height:inherit; border:none; line-height:inherit;}
.survey .form input{ float:left;}

.survey p.error, p.success{width:100%; text-align:center; padding:10px 0px;}
.survey p.error{color:#F00;}
.survey p.success{color:#030;}
.survey .clearb{clear:both;}
.survey p.name-error, .survey p.company-error, .survey p.phone-error{color:#F00; font-size:11px!important; display:none; padding-top:0px!important;}
.survey .content_body .first p{padding-bottom:0px; padding-top:20px;}
.clear{clear:both;}
.survey .survey_complete, .survey_complete {float:left; width:90% !important; border:0 none !important; padding:0 10% 0 0 !important;}
.survey .survey_complete .paragraph {border-bottom:0 none !important;}
.survey_complete p{float:left; margin-bottom:10px; text-align:left;}
.survey input{margin-right:3px;}