/*
Theme Name: Contractors
Theme URI: http://wordpress.org/
Description: The website template theme for Surefire Social Contractors.
Version: 1.1
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body { font-family: sans-serif, Arial; font-size:12px; margin:auto; background:url(/wp-content/themes/contractors/images/bg_tile.jpg);}
img {border:0px;}
#main { width:998px; margin:auto;background:url(/wp-content/uploads/2011/06/main_bg2.jpg);}
#head {width:998px; height:200px; background:url(/wp-content/uploads/images/header_bg.jpg) no-repeat;}
#header{width:998px; margin:auto;}
#logo {width:318px; height:auto; float:left;}
.logo-text{color: #CAE7FF;margin: -34px 0 0 36px;width: 208px;}
/*#tel { width:193px; height:59px; margin:24px 16px 0 0; float:right; color:#c03; font-family:Arial; font-size:20px; font-weight:bold;}*/
#tel {
    width: 230px;
    color: #c03;
    font-family: Arial;
    font-size: 33px;
    font-weight: bold;
    position: relative;
    top: -75%;
    left: 767px;
    text-align: center;
    font-style: italic;
}

a.header-phone {
    color: #fff;
    text-decoration: none;
    /* outline: 2px solid orange; */
    text-shadow: 1px 1px 0 #ff4b33, -1px -1px 0 orange, 1px -1px 0 orange, -1px 1px 0 orange, 1px 1px 0 orange;
    shape-outside: 2px solid #000;
    letter-spacing: 2px;
}
#tel h1 { font-size:30px; margin-top:0;}
#top_curve {width:998px; height:30px; background:url(/wp-content/uploads/2011/06/main_bg4.jpg) no-repeat #E7F3FF;}
#middle_curve { 
    background: url("/wp-content/uploads/2011/06/main_bg3.jpg") no-repeat scroll 0 0 transparent;
    height: 111px;
    width: 998px;}
.circle{padding: 10px;border: 2px solid #ccc; background: #f0f9ff; /* Old browsers */
	min-height: 270px; width: auto; overflow: hidden;
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
/*
#banner { height:160px; margin-top:1px; padding:40px 0 0 38px; background:url(images/banner_bg.jpg) no-repeat;}
#banner p { width:473px; margin-bottom:0; color:#594d4d; font-family:Trebuchet MS; font-size:15px; font-weight:bold;}
#banner img { margin-top:10px; border-style:none;}
*/
#mainbox { width:998px; height:auto; margin-top:-113px; }
#content { 
/*width:658px;*/
width:716px;
 margin:0 0 0 10px; float:left;}
#about {
 /*width:527px; */
width:563px;
/*margin:0 0 0 7px;*/
margin:0 0 0 20px;
color:#000; font-family:sans-serif, Arial; font-size:12px;float:left;padding-left:8px;}
#about h1 { color:#cc0000; font-size:20px; font-weight:bold;}/*title(Welcome to roofmax) text*/
#about p { font-size:13px; line-height:1.5;}
#about img{/*float:right;*/ margin: 5px 5px; }
#galleryalign img{float:left;}
#about img.right{ float:right; }
#about strong{ font-size: 14px; }
/*#about em{text-decoration:underline;}*/
#about strong a{ color:black; }
#about p{ margin: 15px 0 15px 0; }
/*#about img { margin:15px 0 0 0;}*/
#testimonials { width:720px; margin:30px 0 0 10px;}

#testimonials h2 { width:720px; height:30px; background:url(images/title_bg.jpg) no-repeat; padding:7px 0 0 18px; color:#000; font-family:sans-serif, Arial; font-size:14px; font-weight:bold;}
#testimonials p { margin:20px; color:#000; font-family:"Times New Roman"; font-size:14px; font-style:italic;}
#testimonials span { margin:20px; color:000; font-family:sans-serif, Arial; font-size:12px; font-weight:bold;}

#cert { width: auto%; margin:5px 0 0 10px;}
#marqueediv6 {max-width: 990px; margin:auto;}
#marqueediv6 ul {padding: 0;}
#marqueediv6 li {float: left; list-style-type: none; }
#marqueediv6 img {margin: 0 2px 10px; float:left;}
#link {width:240px; margin-left:8px; text-align:center;}
#link img { margin:10px 0 0 0; border:none; padding:0;}

#sidebar {
/*width:300px; */
width:253px;
float:left; margin:0 5px 0 0px;}
#sidebar div.sidebar_widget{border:thin #d1d1d1 solid; background-color: #ededed; margin:0 0 10px 0; padding:5px;}

#frm { width:244px; margin:0; height:auto; overflow:visible; font-family:sans-serif, arial; font-size:12px; }
#frm div { text-align:center; width: 100%;}
#frm div img { margin-top:10px;}
#frm ul { list-style:none; margin-left:10px; padding:0;}
#frm ul li { padding-top:5px; text-align:left}
.formSpan { width:45px; float:left; padding-top:3px; text-align:left;}

#product_side {width:255px; float:left; background:url(images/side_bg.jpg) repeat-y; border-top:#e3dfdf 1px solid; border-bottom:#e3dfdf 1px solid;font-size:13px;line-height:22px;margin:0 0 0 15px;}


#product_side ul li {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
   /* list-style-image: url("images/dot.gif"); */
    margin-bottom: 8px;
}
#product_side ul li li {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
#product_side ul li a {
    color: #333333;
    text-decoration: none;
}
#product_side ul li a:hover {
    color: #1B4673;
    text-decoration: none;
}
#product_side ul li li a {
    color: #333333;
    text-decoration: none;
}
#product_side ul li li a:visited {
    color: #333333;
    text-decoration: none;
}
#product_side ul li li a:hover {
    color: #333333;
    text-decoration: underline;
}
#product_side ul li li .current {
    color: #1B4673;
}

.verifyInput{width:50px !important;}
div.width680 {width: 680px}
div.width640 {width: 640px}
div.width680 OL LI {margin-bottom:0.3em !important;}
div.width680 UL LI {margin-bottom:0.3em !important;}


#social {text-align:center;}
#social img { margin:0 5px;}

#foot { width:998px; height:auto; background:url(/wp-content/themes/contractors/images/foot_bg.jpg) repeat-x; background-color:white; margin-top:10px; clear:both; float:none; text-align:center;}
#foot ul { list-style:none; margin:0 0 0 40px;padding:0;}
#foot ul li { float:left; margin:15px 0 10px 0;}
#foot ul li a { padding:10px 10px 0;color:#333; font-family:sans-serif, Arial; font-size:14px; font-weight:bold; text-decoration: underline;}
#foot ul li a:hover { text-decoration:none;}
#foot p { width:845px; margin-left:83px;margin-right: 70px;}
#foot p a{ color:#900; font-family:sans-serif, Arial; font-size:12px; text-decoration:none;}
#foot p a:hover { text-decoration:underline;}
#foot p strong { color:#000; font-family:sans-serif, Arial; font-size:12px; font-weight:bold; text-decoration:underline;}
#foot div { margin:auto; text-align: center;}
#footAnchor {width:100%;text-align:center;padding-top: 20px;}
#footAnchor a{list-style:none; color:#333; font-family:sans-serif, Arial; font-size:14px; font-weight:bold; text-decoration: underline; margin:10px}
#footAnchor a:hover { text-decoration:none;}
#footer-info p { font-size: 0.9em!important; padding-bottom: 2em!important; line-height: 1.3em; }

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu{
	width:998px; 
	margin:auto;
	height:40px; 
}

/* =Menu
-------------------------------------------------------------- */

#access {
	
}
/*
#access .menu-header{
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}*/
#access .menu-header ul,
div.menu ul {	list-style:none; margin:0; padding:0;}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	line-height:22px;
}
div.menu ul li a {  display:block; /*background:url(images/li_bg.jpg) no-repeat;*/ padding:10px 20px 0 20px; height:30px;  color:#000; font-family:Arial; font-size:14px; font-weight:bold; text-decoration:none; background:url(/wp-content/uploads/2011/06/menu_bg_btn.png) repeat-x;}

div.menu ul li a#first { background:none;}
div.menu ul li a#first:hover { text-decoration:underline;}

div.menu ul li#menu-item-389 a{ background:none;}
div.menu ul li#menu-item-389 a:hover { text-decoration:underline;}


#access ul ul {
	display: none;
	position: absolute;
	top: 34px;
	left: 0px;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #FE9551;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #FFA15B;
	/*color: #fff;*/
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	/*color: #fff;*/
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	/*color: #fff;*/
}


#reviews-logos li{
list-style-type: none;
float: left;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

.social ul li {
    display: inline-block;
    padding-left: 10px;
}

.social {
    /* float: left; */
    width: 560px;
    margin-left: 680px;
    position: absolute;
    margin-top: 140px;
}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color:#aa0d0d; font-family:Trebuchet MS; font-size:18px; font-weight:bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/*submit button*/
.submitimage{width:134px !important;height:31px;line-height:0;font-size:0;overflow:hidden;border:0px; background-image:url(http://www.upandabovecontractors.com/wp-content/uploads/2012/10/submit_btn.gif);margin-top:10px;}
img.ajax-loader { position: absolute; }
/*submit button end*/

span.wpcf7-list-item{ display: block;}
 .monoslideshow{text-align:center;}
#side_blog{width:255px; float:right;}
/*.ngg-album-list{ margin-right:5px ;padding: 0 ;float:left;}
*+html .ngg-album-list{ margin-right:-15px ;padding: 0 ;float:left;}*/

.ngg-album-compactbox { height: 90px; }
.ngg-album-compact h4 .ngg-album-desc { height: 35px;}
.slider-box {max-width: 100%; max-height: 300px;}
.ngg-galleryoverview { margin: auto; max-width: 500px;}


/* for geo template*/
#map { width: 100% !important; }
#geo-page { max-width:660px;}
#geo-page h1 { color:#34508f; font-size:24px; font-weight:bold;}
#geo-content {color:#000; font-size:12px; font-family:sans-serif, Arial; line-height:25px;}
#geo-content p { color:#34508f;}
#geo-gallery {float:right; margin-left:10px;margin-bottom:10px;}
#geo-gallery h3 { height:25px; margin:0; padding-left:10px; background:#94c3da;color:#000; font-size:12px; font-family:sans-serif, Arial; font-weight:bold; width:310px;}
#geo-map {margin-top:20px}
#geo-map h3 {margin:0;  padding:6px; background:#94c3da; color:#000;font-size:12px; font-family:sans-serif, Arial; font-weight:bold;}

/*for tab*/
.container {margin:0 auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 1px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 5px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	border: 1px solid #ddd;
	padding:0px !important;
}
/* for image in page*/
.attachment-geo-page-thumbnail{float:left; margin:0 5px 5px 0;}
.ulMargin {margin:0px;}
*+html .ulMargin {margin:0 0 0 46px;}

.image_sidebar{width:105px;margin:0 0 0 8px; padding:0;float:left;}
.image_sidebar UL {list-style-type:none; margin:0; padding:0;}
div.splitter{ border-top: 1px #CCCCCC solid; height: 1px; clear:both;}
div.homebox{width:200px;min-height:270px; background-repeat:no-repeat; overflow: hidden;float:left; margin:0px 0 10px 15px;text-align:left;}
div.homeboxwidth479{max-width:479px;height:270px; background-repeat:no-repeat; overflow: hidden;float:left; margin:0px 0 10px 15px;text-align:center;}
div.homebox div.c {margin: 6px;}
div.homebox div.image {text-align:center;}
div.homebox h1 {font-size: 14px; color: #cc0000;}
div.homebox div.homebox-content{width:auto;magin:0;padding:0;}
div.homebox div.homebox-readmore{text-align:right;}
.sidebar_widget .execphpwidget h1 {text-align:left;font-size:14px;}
#sfstest-sidebar cite {display:block; text-align: right;width:100%;}
#sfstest-sidebar blockquote {margin: 0 15px 0 15px;}
.textwidget, .execphpwidget {padding-top:0px;margin-top:0px;}

#ps-left-sidebar-container {margin-left: 8px;}
div.nice_navigation .current_page_item {font-size: 0.8em; font-weight: bold !important;}
div.nice_navigation .current_page_item a:visited{color: #333333 !important;}
div.nice_navigation UL.children {margin-top:0.3em !important;}
.broken_link, a.broken_link {
    text-decoration: none !important;
}
#geo-page #xpandable-author-tab-div {display:none !important;}

.image_sidebar li{padding-bottom:10px;}
#access ul ul li#menu-item-2084> a{background:#FFA15B url(/wp-content/uploads/2011/11/arrow_bg.png) 160px 8px no-repeat;}
#access ul ul li#menu-item-2744> a{background:#FFA15B url(/wp-content/uploads/2011/11/arrow_bg.png) 160px 8px no-repeat;}
#access ul ul li#menu-item-2780> a{background:#FFA15B url(/wp-content/uploads/2011/11/arrow_bg.png) 160px 8px no-repeat;}
#access ul ul li#menu-item-2833> a{background:#FFA15B url(/wp-content/uploads/2011/11/arrow_bg.png) 160px 8px no-repeat;}
#access ul ul li#menu-item-2946> a{background:#FFA15B url(/wp-content/uploads/2011/11/arrow_bg.png) 160px 8px no-repeat;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.dlink{display:none;}

#map_canvas {
  margin: auto !important;
}

.responsive-menu-container {
	background: #000154;
  	width: 100%;
  	overflow: hidden;
  	cursor: pointer;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	display: none;
}

.responsive-menu-container .responsive-menu-icon {
  padding: 15px 15px 0 0;
  float: right;
}

.responsive-menu-container .responsive-icon-bar {
  display: block;
  width: 18px;
  height: 3px;
  background: #AAAAAA;
  margin: 1px 0;
  float: right;
  clear: both;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.responsive-menu-container h3 {
  padding-left: 10px;
  color: #ffffff;
  font-size: 14px !important;
  font-size: 1.6rem;
  font-family: Arial;
  font-weight: bold;
  float: left;
}
div#featured ul {
    margin-left: -24px;
}
.awards { max-width: 300px; float: left; padding-top: 15px; padding-left: 25px; }

.jwvideo {float: right; margin-left: 18px;}

.about-img-gary {width: 300px; float: right; margin: 0 0 0 5px;}
.about-img-choppers-wrap {float: left; width: 310px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #e5e5e5;}
.about-img-choppers {float: none; margin: 0px;}
img.warranty { width: 100%; height: auto; }
.warranties-faq {border: 15px solid #6b605a; background-color: #ede5c5; padding: 5px; width: auto;}
.logos {width: 180px; float: left; padding-top: 9px; padding-right: 6px;}
.textwidget img { margin-left: auto; margin-right: auto; display: block; }
.cert-img{float: right; margin: 0 0 0 5px; width: 300px;}
.gutter-img {float: right; margin: 0 0 0 5px; width:250px;}
img.alignnone.size-medium.wp-image-3512 {width: 100%; height: auto;}
.content-box {max-width: 560px;	display: block;	overflow: hidden; margin: auto;}
.img-wrap-left {float:left;margin:3px;width:220px;}
.img-wrap-right {float:right;margin:3px;width:220px;}
.additions-img {width: 300px; float: right; margin-left: 10px;}
.interior-img { float:right; margin-left:10px; width:200px; }
#left-quick{display:block;}

/* =Mobile Responsive
-------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
  	#main { width:100%; margin:auto;background:url(/wp-content/uploads/2011/06/main_bg2.jpg); background-size: 100% 100%;}
  	#head { width:100%; height:200px; background:url(/wp-content/uploads/images/header_bg.jpg) no-repeat; }
  	#header{  width:100%; margin:auto; }
	#logo { width: 326px; }
  	div.menu ul li a { font-size: 12px;	}
  	#top_curve {  width:100%; height:30px; background:url(/wp-content/uploads/2011/06/main_bg4.jpg) no-repeat; background-size: 100% 100%;}
  	#middle_curve { width:100%; background-size: 100% 100%;}
  	#mainbox { width:100%; height:auto; margin-top:-113px; }
 	#content { width:100%; margin:0; float:left; }
  	#about { width:563px; }
  	#testimonials { width:100%; margin:30px 0 0 10px;}
  	#testimonials h2 { width:100%; height:30px; background:url(images/title_bg.jpg) no-repeat; padding:7px 0 0 18px; color:#000; font-family:sans-serif, Arial; font-size:14px; font-weight:bold;}
  	#cert { width:auoto; margin:5px 0 0 10px;}
  	#foot { width:100%; height:auto; background:url(/wp-content/themes/contractors/images/foot_bg.jpg) repeat-x; background-color:white; margin-top:10px; clear:both; float:none; text-align:center;}
  	#foot p { width:100%; margin-left:auto;margin-right: auto; }
  	div.menu{ width:100%; }
  	#sidebar,
  	#side_blog {
		float: none;
		margin: auto;
		overflow: hidden;
	}
	#marqueediv6 {
	  	max-width: 502px;
	  	overflow: hidden;
	}
	#about p { text-align: justify; }
#left-quick {
    display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none;background-color:transparent;}


}



@media only screen and (max-width: 980px) {  
  #tel { top: 44%; }
#left-quick {
       display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none!important;background-color:transparent!important;}
}

@media only screen and (max-width: 926px) {
  #tel { position: absolute; top: 47%; left: 31%;}  
#left-quick {
       display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none!important;background-color:transparent!important;}.


#tel {
    position: absolute;
    top: 14%!important;
    left: 73%;
}

}



@media only screen and (max-width: 900px) {
	div.menu ul li a {
		padding: 10px 15px 0 15px;
	}	
#left-quick {
       display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none!important;background-color:transparent!important;}

}

@media only screen and (max-width: 839px) {
	#tel { top: 52%; }

	div.menu ul li a {
		padding: 10px 10px 0 10px;
	}

	.logo-text {
		margin-left: 24px;
	}	
#left-quick {
       display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none!important;background-color:transparent!important;}
}

@media only screen and (max-width: 768px) {
div#tel {
    left: 265px;
}

.logo-text{
display:none;
}

#head {
    height: 505px;
    background: url(/wp-content/uploads/2010/12/upandabove-header-banner.png) center center no-repeat !important;
}

#left-quick {
       display: block!important; margin: 1em auto; width: 244px;
}
#sidebar #frm{display:none;}
#sidebar div.sidebar_widget:nth-child(0){border:none!important;background-color:transparent!important;}

	#logo {
		width: 280px;
		height: auto;
		float: none;
		margin: auto;
		display: block;
	}

	#tel { top: 74%; left: 13%; }

	#top_curve,
	#main,
	#middle_curve {
	  	background-size: 100% 100%;
	}

	#access {
	  	background: transparent;
	  	display: none;
	}

	#access .menu-header, div.menu {
		height: auto;
	}

	#access .menu-header li, div.menu li {
	  	float: none;
	  	position: relative;
	  	line-height: 22px;
	  	background: #FF7133;
	}

	.responsive-menu-container {
	  	display: block;
	}

	div.menu ul li a {
	  	height: 30px;
	  	color: #000;
	  	font-family: Arial;
	  	font-size: 14px;
	  	font-weight: bold;
	 	text-decoration: none;
	  	background: #FF7133;
	}

	#access ul ul {
	  	display: block;
	  	position: relative;
	  	top: 0;
	  	left: 0px;
	  	float: none;
	  	width: 100%;
	}

	#access ul ul li {
	  	min-width: 180px;
	  	display: block;
	  	width: 100%;
	}

	#access ul ul a {
	  	background: #FE9551;
	  	line-height: 1em;
	  	padding: 10px;
	  	width: auto;
	  	height: auto;
	  	display: block;
	}

	#access ul ul ul {
		left: auto;
	  	top: 0;
	  	width: 100%;	
	}
}

@media only screen and (max-width: 735px) {
	#about {
		width: 94%;
		margin: 10px;
		margin-left: 0;
	}

	.image_sidebar {
		width: 100%;
		margin: 0;
	}

	.image_sidebar UL {
		max-width: 412px;
		height: auto;
		overflow: hidden;
		margin: auto;
	} 

	.image_sidebar li {
		float: left;
		padding: 10px;
	}

	div.homebox,
	div.homeboxwidth479 {
		float: none;
	  	margin: 10px auto;
	}

	div.homeboxwidth479 img {
	  	width: 100%;
	}

	div#wpcr_div_2 {
	  	width: auto;
	}


}

@media only screen and (max-width: 700px) {  
  #tel { left: 178px; }
} 

@media only screen and (max-width: 600px) { 
div#tel {
    left: 180px;
}
}


@media only screen and (max-width: 585px) {	
	.awards { max-width: 100%; } 
	td {
	  width: 100%;
	  display: block;
	}

	table {
		margin: auto;
	}

	.logos {
		padding: 0;
		margin: auto;
		float: none;
	}

	.awards {
		padding-left: 0;
	}

}



@media only screen and (max-width: 567px) {

div#tel {
    left: 155px;
}
	#about img {
		float: none;
		display: block;
	  	margin-left: auto;
		margin-right: auto;
	}

	#marqueediv6 img {
	  	margin: 5px auto;
	  	display: block;
	  	float: none;
	} 

	#map_canvas {
		width: auto !important;
	}

	.about-img-choppers-wrap {
	  	float: none;
	  	margin: auto;
	}

	.cert-img,
	.gutter-img {
		float: none;
		display: block;
		margin: auto;
	}
}

@media only screen and (max-width: 524px) {
	

	#wpcf7-f7468-p179-o1 td[align='left'] {
	  	width: 95px;
	}

	#wpcf7-f7468-p179-o1 input.wpcf7-form-control {
  		max-width: 150px;
	}

	.jwvideo {
	  	float: none;
	  	margin: auto;
	  	width: 300px;
	}

	p iframe {
	  	width: 100% !important;
	}

	#wpcr_commentform td textarea {
	  	width: 100% !important;
	}

	.interior-img,
	.additions-img,
	.img-wrap-right,
	.img-wrap-left {
		float: none;
		display: block;
		margin: auto;
	}

	.additions-img {
		width: 100%;
	}

}

@media only screen and (max-width: 494px) {
	.ngg-galleryoverview {
	  max-width: 346px;
	}
}	


@media only screen and (max-width: 428px) {
   
div#tel {
    left: 88px;}

	.image_sidebar UL {
		max-width: 280px;
	}

	.homeboxwidth479 img {
	  	width: 100%;
	}

	.about-img-choppers-wrap {
	  	width: 276px;
	}

	.about-img-choppers-wrap img {
	  	width: 100%;
	}

	#foot ul {
		margin: 0;
  		padding: 10px;
	}

	#foot ul li {
  		float:none;
  	}	

}

@media only screen and (max-width: 384px) {
#tel{
left: 63px;
}

@media only screen and (max-width: 375px) {
	.ngg-galleryoverview {
	  	max-width: 245px;
	}	

	.ngg-gallery-thumbnail-box {
	  	margin-right: 12px;
	}
	div#tel {
    left: 84px;
}

}


@media only screen and (max-width: 320px) {
div#tel {
    left: 37px;
}

	#about img {
		width: 100%;
  		height: auto;
	}

	#geo-gallery h3 { width: auto; }


}