/*
Theme Name: PremierElevator
Theme URI: http://eyesoreinc.com/
Description: The wordpress theme for PremierElevator.
Author: Naan Dee
Author URI: http://eyesoreinc.com
Version: 1.0


License:
License URI:

General comments (optional).
*/

div.moduletable_content {
	background: transparent url('../images/style/bg_moduletable.html') repeat-x 0 0;
}

div.moduletable h3,
div.moduletable_clear h3,
div.moduletable_text h3,
div.moduletable_bottom h3,
div.moduletable_menu h3,
div.moduletable_blue h3,
div.moduletable_green h3,
div.moduletable_blue_bottom h3,
div.moduletable_green_bottom h3 {
	background: transparent url('../images/bg_moduletable_h3.png') no-repeat right bottom;
	
}

div.moduletable_bottom{
	background: #fff url('../images/bg_moduletable_bottom.png') no-repeat right bottom;	
}

div.moduletable_bottom{
	background: #fff url('../images/bg_moduletable_bottom.png') no-repeat right bottom;	
}

div.moduletable_blue_bottom{
	background: #fff url('../images/bg_moduletable_bottom.png') no-repeat right bottom;	
}

div.moduletable_green_bottom{
	background: #fff url('../images/bg_moduletable_bottom.png') no-repeat right bottom;	
}

div.moduletable,
div.moduletable_bottom,
div.moduletable_clear,
div.moduletable_text,
div.moduletable_menu,
div.moduletable_blue,
div.moduletable_green,
div.moduletable_blue_bottom,
div.moduletable_green_bottom {
	background: #fff;
	border: 1px solid #a0d7f0;
}

.product-detail td.head1 {
  background: none repeat scroll 0 0 #0054a4;
  color: #FFF;
  font-weight: bold;
}
.product-detail {
  margin-bottom: 5px;
  width: 450px;
}
.product-page {
  border: 1px solid #ccc;
  border-radius: 9px;
  margin-bottom: 25px;
  margin-top: 2px;
  padding: 10px;
}
div.moduletable h3,
div.moduletable_clear h3,
div.moduletable_text h3,
div.moduletable_bottom h3,
div.moduletable_menu h3,
div.moduletable_blue h3,
div.moduletable_green h3,
div.moduletable_brown h3,
div.moduletable_yellow h3,
div.moduletable_blue_bottom h3,
div.moduletable_green_bottom h3 {
	color: #6c9505;
}

div#header2 div.moduletable {
	
	border: 0px;
}

/* - _blue -  */

div.moduletable_blue a,
div.moduletable_blue h3 span,
div.moduletable_blue_bottom h3 span {
	color : #50a0cc;
}

div.moduletable_blue div.moduletable_content{
	background-image: none;	
}

/* - _green -  */

div.moduletable_green a,
div.moduletable_green h3 span,
div.moduletable_green_bottom h3 span {
	color : #87b90a;
}

div.moduletable_green div.moduletable_content{
	background-image: none;	
}

div.moduletable_content {
    background: url("../images/bg_moduletable.html") repeat-x scroll 0 0 transparent;
}
div.moduletable_content {
    padding: 10px 10px 0;
}
.clearfix {
    clear: both;
}
.clearfix {
    display: block;
}
.clearfix {
    display: inline-block;
}






.main { margin-bottom: 10px !important; } 

body {
	margin: 0 auto;
    padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #141414;
	/*background:#99afb9 url(images/premier-elevator-bg.jpg) no-repeat center top;*/
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/premier-elevator-bg.jpg);


}



h1, h2, h3 {

	margin: 0;

	padding: 0px 0px 0px 14px;

	font-weight: normal;
line-height:38px;
	
	
	font-family: 'Oswald', sans-serif;

}



h1 {

	font-size: 2em;

}



h2 {

	font-size: 1.6em;

}



h3 {

	font-size: 22px;

}



p, ul, ol {

	margin-top: 0;

	line-height: 180%;

}



ul, ol {

}



a {

	text-decoration: underline;

	color: #141414;

}



a:hover {

	text-decoration: underline;

}



img.border {

	border: 6px solid #E1F1F6;

}

img {
	border:none;
}

img a {
	border:none;
}

img.alignleft {

	float: left;

	margin-right: 25px;

}



img.alignright {

	float: right;

}



img.aligncenter {

	margin: 0px auto;

}



#wrapper {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	padding:0;
	width:80%;  /* updated from 10000px */
	/*overflow:hidden;*/

}



/* Header */



#header {

	width: 100%;
	overflow:hidden; /*updated from 1000px*/

	height: 118px;

	margin: 0 auto;

}



#logo {

	float: left;

	width: 600px;

	height: 63px;

}



#logo h1 {

	margin: 0;

	padding: 40px 0px 0px 30px;

}



#logo h1 {

	float: left;

	letter-spacing: -1px;

	text-transform: lowercase;

	text-shadow: -1px 1px 2px #8C5414;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:60px;

	color: #FFFFFF;

}



#logo a {

	text-decoration: none;

	color: #FFFFFF;

}

#phonetop {

	float: right;

	width: 291px;

	height: 63px;
	
	text-align:right;
	padding-top:10px;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color:#0054a4;

}



#search {

	float: right;

	width: 291px;

	height: 63px;

}



#search form {

	padding: 70px 0px 0px 0px;

	background: url(images/img04.html) no-repeat left 70px;

}



#search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



#search-text {

	width: 200px;

	padding: 8px 10px 8px 10px;

	border: none;

	background: none;

	text-transform: lowercase;

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #7F7F81;

}



#search-submit {

	display: none;

}



/* Menu */






#splash {

	width: 100%;  /*updated from 1000px */

	/*height: 235px;*/

	/*margin: 0px auto;*/

	padding: 0px 0px 0px 0px;

	background: #FFFFFF;

}

#splash img {

	width: 100%; 


}



/* Page */



#page {

	width: 100%; /*updated from 1000px*/

	margin: 0 auto;

	padding: 0;
	
	background:#e7e7e7 url(images/page-bg.jpg) repeat-x top;
	-webkit-box-shadow:0 3px 0 #fff, inset 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0 3px 0 #fff, inset 0 3px 3px rgba(0,0,0,0.3);
	box-shadow:0 3px 0 #fff, inset 0 3px 3px rgba(0,0,0,0.3);
}



/* Content */



#content {

	float: right;

	width: 68%; /*updated from 680px*/

	margin-bottom: 30px;

	padding: 0px 0px 0px 0px;

}

#prodcontent {

	float: right;

	width: 65%; /*updated from 680px*/

	/*margin-bottom: 30px;*/

	padding: 0px 20px 0px 10px;

}

#content h1, #content h2 {
	color: #0054a4;
}

#prodcontent h1, #prodcontent h2 {
	color: #0054a4;
}



.post {

	margin-bottom: 30px;

	padding: 40px;

	

}



.post .title {

	margin: 0px;

	letter-spacing: -1px;

}



.post .title a {

	color: #0054a4;

	text-decoration: none;

	border: none;

}



.post .meta {

	padding: 5px 0px 15px 0px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: italic;

	color: #888888;

}



.post .meta a {

}



.post .entry {

	padding-bottom: 20px;

	text-align: justify;

}






.post1 {

	margin-bottom: 30px;

	padding: 0px;

	

}



.post1 .title {

	margin: 0px;

	letter-spacing: -1px;

}



.post1 .title a {

	color: #0054a4;

	text-decoration: none;

	border: none;

}



.post1 .meta {

	padding: 5px 0px 15px 0px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: italic;

	color: #888888;

}



.post1 .meta a {

}



.post1 .entry {

	padding-bottom: 20px;

	text-align: justify;

}




.links {

	float: right;

	font-weight: bold;

}



/* Sidebar */



#sidebar {

	float: left;

	width: 29%; /*updated from 300px */

	padding: 0px 0px 0px 21px;

}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

	
	margin-bottom: 30px;

	padding: 30px 0px;

}



#sidebar li ul {

	margin: 0px;

	padding: 0px 0px;

}



#sidebar li li {

	margin: 0px;

	padding: 0px;

	padding-left: 0px;


	
}



#sidebar li li span {

	display: block;

	margin-top: -20px;

	padding: 0;

	font-size: 11px;

	font-style: italic;

}



#sidebar h2 {

	height: 38px;

	margin-bottom: 20px;

	padding: 0px 0px 0px 30px;

	letter-spacing: -1px;

	font-size: 28px;

	color: #0054a4;

}

#sidebar h3 {
	color: #0054a4;
}

#sidebar p {

	margin: 0 0px;

	padding: 0px 30px 20px 30px;

	text-align: justify;

}



#sidebar a {

	border: none;

	color: #141414;
	
	text-decoration:underline;

}



#sidebar a:hover {

	
	

}




#sidebarc {

	float: left;

	width: 30%; /*updated from 300px */

	padding: 0px 0px 0px 0px;

}



#sidebarc ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebarc li {

	
	margin-bottom: 30px;

	padding: 30px 0px;

}



#sidebarc li ul {

	margin: 0px;

	padding: 0px 0px;

}



#sidebarc li li {

	margin: 0px;

	padding: 0px;

	padding-left: 0px;


	
}



#sidebarc li li span {

	display: block;

	margin-top: -20px;

	padding: 0;

	font-size: 11px;

	font-style: italic;

}



#sidebarc h2 {

	height: 38px;

	margin-bottom: 20px;

	padding: 0px 0px 0px 30px;

	letter-spacing: -1px;

	font-size: 28px;

	color: #0054a4;

}

#sidebarc h3 {
	color: #0054a4;
}

#sidebarc p {

	margin: 0 0px;

	padding: 0px 30px 20px 30px;

	text-align: justify;

}



#sidebarc a {

	border: none;

	color: #141414;
	
	text-decoration:underline;

}



#sidebarc a:hover {

	
	

}




/* Calendar */



#calendar {

}



#calendar_wrap {

	padding: 20px;

}



#calendar table {

	width: 100%;

}



#calendar tbody td {

	text-align: center;

}



#calendar #next {

	text-align: right;

}



/* Footer */

#footerwrapper {
	position:relative;
	margin:0 auto;
	width:100%;
	padding:0;
	background:#000000;
	
	

}





#footer {
	width:1000px;
	margin:0 auto;
	padding:0;
	
	font-family: Arial, Helvetica, sans-serif;
	background:#000000 url(images/footer-bg.html) repeat-x;

}



#footer p {

	margin: 0;

	padding: 0px 0px 0px 0px;

	line-height: normal;

	font-size: 14px;


	text-align: center;

	color: #FFFFFF;

}



#footer a {

	color: #FFFFFF;

}





#three-columns {
	

	overflow: hidden;

	width: 100%; /*updated from 1000px*/

	margin: 0px auto 0px auto;

	padding: 0px 0px 1px 0px;
	
	/*background: url(images/3col-bg.png) center no-repeat;*/
	
	

}



#three-columns ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



#three-columns li {

	padding: 4px 20px 6px 20px;

	border-bottom: 1px dashed #B9B9B9;

}



#three-columns h2, .row h2 {

 	

	font-size: 28px;

	color: #0054a4;
	
	padding-bottom:20px;

}



#column1 {

	float: left;
	padding-right:10px;
	

	width: 30%;

	background-image: url(images/3col-line-separate.png);
	background-repeat: no-repeat;
	background-position:right center;

}

#column1 h2 {
	padding: 0px 0px 20px 20px;
}


#column1 p {
	padding-left:20px;

}

#column2 {

	float: left;
	margin-left: 30px;
	padding-right:10px;
	width: 30%;
	
	background-image: url(images/3col-line-separate.png);
	background-repeat: no-repeat;
	background-position:right center;
}



#column3 {

	float: right;

	width: 29%;
	padding-right:20px;

}



#column1 a, #column2 a, #column3 a {

	color: #141414;
	text-decoration:underline;

}

#footer h2 {
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
	color:#FFFFFF;
}

.row {
	width:100%;
	display:block;
	padding:30px 20px 10px 20px;
}

.leftcol {
	width:45%;
	float:left;
}


.rightcol {
	width:47%;
	float:right;
	padding-right:40px;
}




hr {
	
}


/* contact form */
#cntctfrm_contact_form label {
	
	font-weight:bold;
}

#cntctfrm_contact_form input {
	
	
}

/* flexslider */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {

	width: 100%; /*updated from 1000px*/

	height: auto; /*updated from 335px */

	/*margin: 0px auto;*/

	padding: 0px 0px 0px 0px;

	background: #FFFFFF;

}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
/*.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff); zoom: 1;}*/
.flex-caption {width: 220px; padding: 2%; margin: 0; padding-left: 100px; position: absolute; left: 26px; top: 40px; background-image: url('../../uploads/2012/06/svcarmap.png'); background-repeat: repeat; color: #000; text-shadow: 0 -1px 0 rgba(255,255,255,.5); font-size: 14px; line-height: 18px; min-height:200px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;/*updated from -21px*/}
.flex-direction-nav li .prev {left: -20px; /*updated froom -20px*/}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 300px; position: absolute; bottom: 5px; right:0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.flexhead {
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	line-height:1em;
}

.flexlink {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-decoration:none;

}
/*Start Service Map */
#mapwrap { 
				background-image: url('../../uploads/2012/06/SVAMapBackground.png'); 
				background-repeat: no-repeat; 
				width: 400px; 
				height: 430px; 
				position: relative;
			}  
			#atlanta { 
				background-image: url('../../uploads/2012/06/star.png'); 
				width: 54px; 
				height: 51px; 
				position: absolute; 
				top: 90px; 
				left: 141px; 

			} 
			#atlanta:hover { 
				background-image: url('../../uploads/2012/06/atlanta.png'); 
				text-indent: -999px;
				height: 187px;
				width: 255px;
				position: absolute;
				top: 88px;
				left: 137px;
				background-repeat: no-repeat;
			} 
			#miami { 
				background-image: url('../../uploads/2012/06/star.png'); 
				width: 54px; 
				height: 55px; 
				position: absolute; 
				bottom: 80px; 
				left: 240px; 
				background-position: bottom right;
				background-repeat: no-repeat;

			} 
			#miami:hover { 
				background-image: url('../../uploads/2012/06/miami.png'); 
				background-repeat: no-repeat;
				width: 269px; 
				height: 173px;
				position: absolute; 
				bottom: 68px; 
				left: 31px; 
				z-index: 999; 

			} 
			#nashville { 
				background-image: url('../../uploads/2012/06/star.png'); 
				width: 54px;
				height: 51px; 
				position: absolute; 
				left: 58px; 
				top:20px; 

			} 
			#nashville:hover { 
				background-image: url('../../uploads/2012/06/nashville.png');
				width: 260px;
				height: 187px;
				z-index: 3;
				position: absolute; 
				top: 9px;
				left: 54px;
				background-repeat: no-repeat;
			} 
			#greenville { 
				background-image: url('../../uploads/2012/06/star.png'); 
				width: 54px; 
				height: 51px; 
				position: absolute; 
				top:60px; 
				left: 195px;

			} 
			#greenville:hover {
				background-image: url('../../uploads/2012/06/greenville.png');
				position: absolute; 
				width: 255px; 
				height: 187px;
				top: 55px;
				left: 186px;
			} 
			.dontshow { display: none; }
/*End Service Map*/



/*------------------------------------*\
	RESET
\*------------------------------------*/
ul,ol,li{
	margin:0;
	padding:0;
}
/*start new menu*/
#menu { 
	width: 100%; /*updated from 1000px*/
	height: 35px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;

} 

#menu-main-menu{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	background:#0054a4;
	/*width: 1000px;*/
	height: 55px;
	/*Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:5;
	
}
.submenu { 
	z-index: 999;
} 
#menu-main-menu li{
	float:left;
	height: 55px; 
	background: #0054a4;
	position:relative;
}
#menu-main-menu a{
	display: block;
	float: left;
	height: 39px;
	margin-right: 3px;
	padding: 15px 55px 0px 03px;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: 1px 1px 2px #4D5A1C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
	font-family: 'Oswald', sans-serif;
}
#menu-main-menu a:hover{
	text-decoration: none;
	background: #0054a4;
}
.current_page_item a { 
	background: #044d93;
}
/*--- DROPDOWN ---*/
#menu-main-menu ul{
	background:#0054a4; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index: 999;
}
#menu-main-menu ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	padding-left: 10px;

}
#menu-main-menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu-main-menu li:hover ul{ /* Display the dropdown on hover */
	left:0px; /* Bring back on-screen when needed */
	top: 55px;
	min-width: 100px;
	

}
#menu-main-menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#044d93;
}
#menu-main-menu li:hover ul li a { 
	background-color: #0054a4;
} 

#menu-main-menu li{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#menu-main-menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#044d93;
}
/*end menu*/

#page ul, #page li { 
	margin-left: 30px; 
} 

@media screen and (max-width: 1200px) {
    #mapwrap {
		width:450px;
		overflow:hidden;
	}
}
@media screen and (max-width: 1100px) {
	#phonetop {
		margin-top:-50px;
	}
}

@media screen and (max-width: 1000px) {
	#wrapper {
		width: 810px;
	}
}

/* #inner_footer { width: 960px !important; margin: 0 auto; } */
 #inner_footer p.section .bold { font-weight:bold; } 
 .centerthis { width: 90%; margin: 0 auto; line-height: 20px; font-size:12px;text-align:center;}
 #inner_footer p.credits { text-align:center; margin-top:20px;line-height:30px} 
 p.bold { font-size:30px; font-weight:bold; line-height:40px;}