/*   
Theme Name: Advanced Wireless Telecommunications
Theme URI: http://www.awt911.com
Description: Wordpress Theme for the AWT website
Author: Browser Kings
Author URI: http://www.browserkings.com
Template: thematic
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* Reset the browser defaults */
@import url('../thematic/library/styles/reset.css');
 
/* Apply default typography */
@import url('../thematic/library/styles/typography.css');
 
/* Add WordPress image styles */
@import url('../thematic/library/styles/images.css');
 
/* Add a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');
 
/* Start with some default styles */
@import url('../thematic/library/styles/18px.css');

html, body{
	height: 100%;	
}

body{
	background: #284259 url('images/background.png') top left repeat-x;	
	min-height: 100%;
	width: 100%;
}

#wrapper{
	width: 868px;
	background: transparent url('images/page.png') top left repeat-y;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
	z-index: 1;
}

#header{
	width: 868px;
	height: 315px;
	background: transparent url('images/header.png') top left no-repeat;
	padding-top: 2px;
	z-index: 1;
}

#flashHeader{
	margin-left: 262px;
	height: 262px;
	width: 595px;
	padding: 0;
}

#footer{
	width: 100%;
}

h1{
	font-size: 1.8em;
	color: #284259;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2{
	font-size: 1.6em;
	color: #284259;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3{
	font-size: 1.4em;
	color: #284259;
	margin-top: 8px;
	margin-bottom: 8px;
}

h4{
	font-size: 1.2em;
	color: #284259;
	margin-top: 5px;
	margin-bottom: 5px;
}

a{
	color: #284259;
	text-decoration: none;
	font-weight: bolder;
	outline: none;
}

a:hover{
	color: #284259;
	text-decoration: underline;
}

h2.entry-title{
	margin-bottom: 30px;
	font-size: 2em;
	text-align: center;
	color: #333;
}

h1.entry-title{
	margin-bottom: 30px;
	font-size: 2.2em;
	text-align: center;
	color: #333;
}

button:focus,
button:active{
	border: none;
	outline: none;
}

.search-results .hentry{
	border-bottom: solid 1px #284259;	
	margin-bottom: 25px;
}

.search-results .hentry h2{
	text-align: left;
	font-size: 1.2em;
	margin-bottom: 5px;
}

/******************************/
/* Top Navigation Bar		 				 */
/******************************/

#header #nav-bar{
	position: relative;
	width: 858px;
	height: 35px;
	top: 3px;
	margin-left: 10px;
	z-index: 900;
}

#header #nav-bar .menu,
#header .menu-main-nav-container{
	position: relative;
	height: 100%;
	/*max-width: 858px;      868px - 10px padding-left */
	width: 100%;
	z-index: 900;
}

#header #nav-bar .menu>ul,
#header #nav-bar ul.top-nav{  /* sf-menu */
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
	z-index: 900;
}

#header #nav-bar .menu>ul>li,
#header #nav-bar ul.top-nav>.menu-item{
	position: relative;
	display: block;
	clear: none;
	float: left;	
	height: 100%;
	line-height: 35px;
	position: relative;
	font-size: 1em;
	zindex: 900;
	_width: 0px;
}

li#search > h3{
	display: none;	
}

li#search{
	list-style-type: none;	
}

#header #nav-bar .menu>ul>li>a,
#header #nav-bar ul.top-nav>.menu-item>a{
	display: block;
	padding-left: 25px;
	padding-right: 15px;	
	height: 100%;
	height: 40px;
	line-height: 35px;
	font-size: 1.25em;	
	color: #d5e5f2;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	font-weight: bold;
}

#header #nav-bar .menu ul li.current_page_item a,
#header #nav-bar .menu ul li.current_page_parent a,
#header #nav-bar ul.top-nav li.current_page_item a,
#header #nav-bar ul.top-nav li.current_page_parent a{
	color: #fff;	
}

#header #nav-bar .menu>ul>li >a:hover,
#header #nav-bar .menu>ul>li:hover>a,
#header #nav-bar ul.top-nav>.menu-item>a:hover,
#header #nav-bar ul.top-nav>.menu-item:hover>a{
	color: #fff;	
}

#header #nav-bar .menu ul li ul,
#header #nav-bar ul.top-nav .menu-item ul{
	position: absolute;
	display: block;
	top: -999em;	
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


/*First Level Hover Position*/
#header #nav-bar .menu>ul>li:hover>ul, 
#header #nav-bar .menu>ul>li.sfHover>ul,
#header #nav-bar ul.top-nav li.sfHover>ul,
#header #nav-bar ul.top-nav li:hover>ul{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 20px;
	top: 38px;
	z-index: 99;

}

/*Second Level Hover Position*/
#header #nav-bar .menu>ul>li:hover>ul li > ul, 
#header #nav-bar .menu>ul>li.sfHover>ul li > ul,
#header #nav-bar ul.top-nav>li.sfHover>ul li > ul,
#header #nav-bar ul.top-nav>li:hover>ul li > ul{
	position: absolute;	
	margin: 0;
	padding: 0;
	left: 100%;
	top: 0;
	z-index: 99;
}




#header #nav-bar .menu ul li:hover,
#header #nav-bar ul.top-nav li:hover{
	visibility: inherit;    /* fixes IE7 'sitcky bug' */
}

#header #nav-bar .menu>ul>li>ul,
#header #nav-bar ul.top-nav>li>ul{
	background-color: #3a6c97;	
	border-bottom: 1px solid #3a6c97;
}

#header #nav-bar .menu>ul>li>ul>li,
#header #nav-bar ul.top-nav>li>ul>li{
	position: relative;		
	display: block;
	float: left;
	clear: left;
	background-color: #3A6C97;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #D5E5F2;	
	width: 100%;
}

#header #nav-bar .menu>ul>li>ul>li>a,
#header #nav-bar ul.top-nav>li>ul>li>a{
	position: relative;
	display: block;
	font-size: 1.1em;
	height: 100%;
	padding: 5px;
	/* width: 98%; */
	line-height: 1.3em;
	color: #d5e5f2;
	text-decoration: none;	
}

#header #nav-bar .menu>ul>li>ul>li>a:hover,
#header #nav-bar .menu>ul>li>ul>li:hover a,
#header #nav-bar ul.top-nav>li>ul>li:hover a,
#header #nav-bar ul.top-nav>li>ul>li>a:hover{
	background-color: #566572;	
	color: #fff;
}

#header #nav-bar .menu>ul>li>ul>li ul,
#header #nav-bar ul.top-nav>li>ul>li ul{
	position: absolute;
	top: 0;	
	border-left: 1px solid #fff;
	width: 100%;
	background-color: #566572;	
}


#header #nav-bar .menu>ul>li>ul>li>ul>li,
#header #nav-bar ul.top-nav>li>ul>li>ul>li{
	background-color: #566572;
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #D5E5F2;
	width: 100%;	
}

#header #nav-bar .menu>ul>li>ul>li>ul>li a,
#header #nav-bar ul.top-nav>li>ul>li>ul>li a{
	font-size: 1em;
	display: block;
	padding: 5px;
	/* width: 98%; */
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;		
}

#header #nav-bar .menu > ul > li > ul > li > ul > li a:hover,
#header #nav-bar ul.top-nav>li>ul>li>ul > li a:hover{
	background-color: #3A6C97;	
	color: #fff;
}

#header #nav-bar .menu > ul > li > a > span.sf-sub-indicator,
#header #nav-bar ul.top-nav>li > a > span.sf-sub-indicator{
   position: absolute;
   right: -10px;
   top: 15px;
   width: 20px;
   height: 16px;
   text-indent: -999em;
   overflow: hidden;
   background: url('images/down-arrow.png') no-repeat;
}

#header #nav-bar .menu > ul > li > ul li > a > span.sf-sub-indicator,
#header #nav-bar ul.top-nav > li > ul li > a > span.sf-sub-indicator{
   position: absolute;
   right: -7px;
   top: 10px;
   width: 20px;
   height: 16px;
   text-indent: -999em;
   overflow: hidden;
   background: url('images/right-arrow.png') no-repeat;
}

#header #nav-bar .menu>ul>li>ul>li>ul>li ul li a,
#header #nav-bar ul.top-nav>li>ul>li>ul>li ul li a{
	font-size: .8em;
	border-bottom: 1px dotted #D5E5F2;

}

#header #nav-bar .menu>ul>li>ul>li>ul li,
#header #nav-bar ul.top-nav>li>ul>li>ul li{
	position: relative;
}

/******************************/
/* Page Content      		  */
/******************************/

#main{
	float: left;
	clear: both;
	width: 868px;
	overflow: visible;	
	
}

#contentHeader{
	width: 588px;
	height: 16px;
	background: transparent url('images/page-top.png') top left no-repeat;
	margin-left: 320px;
	z-index: 10;
}

#content{
	width: 548px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url('images/page-body.png') top left repeat-y;
	z-index: 10;	
}


#contentFooter{
	width: 588px;
	height: 26px;
	background: transparent url('images/page-bottom.png') top left no-repeat;
	margin-left: 320px;
	z-index: 10;	
}

.hentry{
	width: 100%;	
}


/******************************/
/* Footer		       		  */
/******************************/

#page-footer{
	width: 95%;
	text-align: center;
	padding: 2px;
	margin-left: 19px;
}

#bottomNav{				/* navigation bar at the top of the page */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: center;
	font-size: 1.0em;
	font-weight: normal;
}

#bottomNav ul{
	width: 95%;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#bottomNav ul li{
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

#bottomNav a{
	color: #284259;
	text-decoration: none;
}

#bottomNav a:hover{
	color: #284259;
	text-decoration: underline;
}

#footerBrowserKings{
	clear: both;
	width: 355px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0;
}

#footerBrowserKings p{
	color: #000;
	float: left;
	width: auto;
	margin-top: 12px;
	margin-right: 5px;
}

img{
	border:none;	
}


/******************************/
/* Category Side       		  */
/******************************/

#category-list{
	list-style-type: none;	
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 0;
	width: 200px;
	float: left;
}

#category-list li h3{
	font-size: 1.4em;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	padding: 10px 0 0 0;
	width: 200px;
	height: 30px;
	background: transparent url('images/side-header.png') top left no-repeat;
}

#category-list li ul li a{
	font-size: 1.1em;
	color: #2B5F8C;	
	text-decoration: none;
}

#category-list li ul li a:hover{
	text-decoration: underline;	
}


/******************************/
/* Side Nav          		  */
/******************************/

#primary{
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	clear: left;
}

form#searchform{
	width: 100%;
	float: left;
}


#searchform input{
	width: 130px;
	padding: 3px;
	float: left;
}

#searchform #searchsubmit{
	width: 50px;
	float: left;
	margin-left: 8px;
}

#primary a{
	text-decoration: none;	
	cursor: pointer;
}

#primary ul{
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

#primary ul li h3{

	font-size: 1.4em;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	padding: 10px 0 0 0;
	width: 200px;
	height: 30px;
	background: transparent url('images/side-header.png') top left no-repeat;
}

#primary li.pagenav > ul > li > a{
	display: block;
	clear: none;
	font-size: 1.1em;
	color: #2B5F8C;
	width: 96%;
	padding: 2%;
}


#primary li.pagenav > ul > li {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dotted #6A9AC3;
	position: relative;	

}

#primary li.pagenav > ul > li > ul {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 10px;	
}

#primary li.pagenav > ul > li > ul > li{
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 2px;
}

#primary li.pagenav > ul > li > ul > li a{
	display: block;
	color: #000;
	font-size: 1em;
	padding: 2px;
	width: 95%;
	padding-left: 5%;	
}

#primary li.pagenav > ul > li > ul > li a:hover{
	background-color: #566572;
	color: #fff;
}

#primary li.pagenav > ul > li > ul > li.current_page_item a{
	background-color: #566572;
	color: #fff;
}

#employeePortal{
	display: block;
	font-size: 1.4em;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: center;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	padding: 10px 0 0 0;
	width: 200px;
	height: 30px;
	background: transparent url('images/side-header.png') top left no-repeat;
	clear: left;
	float: left;
	text-decoration: none;
}



/******************************/
/* sideBox          		  */
/******************************/

#secondary{
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#secondary ul li h3{
	font-size: 1.4em;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	padding: 10px 0 0 0;
	width: 200px;
	height: 30px;
	background: transparent url('images/side-header.png') top left no-repeat; 	
}

#secondary ul li p{
	font-size: 1em;
	color: #284259;
	margin-bottom: 15px;
}


/******************************/
/* twitter          		  */
/******************************/


#twitter_div{
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left; 
	clear: left;
}

#twitter-head{
	position: relative;
	width: 100%;
	background-color: #fff;
	float: left;
	clear: left;
	width: 200px;
	height: 73px;
	background: transparent url('images/side-twitter.png') top left no-repeat;
}

#twitter-head a{
	display: block;
	position: absolute;	
	top: 10px;
	left: 10px;
	width: 45px;
	height: 50px;
}

#twitter_div h2{
	margin: 0;
	margin-top: 15px;
	float: left;
	clear: none;
	margin-left: 65px;
	width: 130px;
	color: #fff;
	font-size: 1.35em;
	font-weight: bold;	
}

#twitter_div ul{
	width: 100%;
	clear: left;
	float: left;
	/*list-style-image: url("images/list-icon.jpg");*/
	list-style-type: none;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

#twitter_update_list li{
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #284259;
}

#twitter_update_list li span{
	font-size: .9em;
	color: #284259;
}

#twitter_update_list li > span > a{	
	color: #284259;
	font-size: 1em;
}

#twitter_update_list li > span > a:hover{	
	color: #666;
}

#twitter_update_list li > a{
	font-size: .8em !important;	
	color: #333 !important;
	margin-left: 8px;
	text-decoration: none;
}

#twitter_update_list li > a:hover{
	text-decoration: underline;	
}

#twitterFollow {
	width: 90px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
}



/******************************/
/* Contact Form       		 				 */
/******************************/

#formMap{
	width: 570px;
	margin-bottom: 20px;
	clear: both;
	display: block;
	float: left;
}

#formMap form{
	clear: left;
	
}

#formMap .locations p{
	float: left;
	margin: 20px;
	font-size: 11px;
	clear: both;
	color: #FFFFFF;
	text-align: center;
}

#map{
	width: 320px;
	float: right;
	margin-right: 20px;
}


#contactForm{
	width: 324px;
	height: 326px;
	float: left;
	background: url("images/contact-form.png");
	padding-top: 20px;
}

#contactForm label{
	margin-right: 12px;
	text-align: right;
	float: left;
	clear: left;
	width: 80px;
	font-size: 9pt;
	padding-top: 4px;
}

#contactForm input{
	width: 186px;
	height: 20px;
	float: left;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-left: 15px;
	border: none;
	background: transparent;
	overflow: hidden;
}

#contactForm textarea{
	width: 188px;
	height: 143px;
	padding-top: 10px;
	padding-left: 13px;
	float: left;
	overflow: auto;
	background: transparent;
	border: none;
}


#recaptcha_widget_div{

	clear: both;
	float: left;
	margin-left: 2px;
}

#formMap button.submitButton{
	margin: 0;
	margin-top: 10px;
	margin-left: 280px;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
	width: 90px;
	height: 33px;
	float: left;
	background: transparent url("images/form-submit-button.png") top left no-repeat;
	border: none;
}

#formMap button.submitButton:active{
	background: transparent url("images/form-submit-button-pressed.png") top left no-repeat;
}

.LockOff {
     display: none;
     visibility: hidden;
}

.LockOn {
     display: block;
     visibility: visible;
     position: fixed;
     z-index: 1001;
     top: 0px;
     left: 0px;
	 width: 100%;
     min-height: 100%;
     background-color: #000;
	 color: #fff;
     text-align: center;
     padding-top: 205px;
	 padding-bottom: 20px;
     filter: alpha(opacity=75);
     opacity: 0.75;
}

#formMap #errorHolder{
	height: 200px;
	width: 220px;
	margin-top: 22px;
	float: left;
	margin-left: 2px;
}


#formMap .errorContainer{
	clear: none;
	float: left;
	font-size: 11px;
	color: #CC0000;
	margin: 0;
	width: 220px;
	height: 23px;
	margin-bottom: 8px;
}

#formMap .errorContainer p{
	width: 100%;
	padding: 0;
	margin: 0;
	height: 20px;
	padding-top: 3px;
	font-weight: bold;
}

#formMap .errorContainer #err_recaptcha_response_field{

	margin-top: 200px;
}


#formMap #reciever{
	display: block;
	width: 90%;
	margin: 0;
	margin-left: 5%;
	float: left;
}

#formMap #reciever.message p{
	color: #2d4182;
	height: 40px;
	font-size: 15px;
	font-weight: bold;
}

#formMap #reciever h4{
	color: #2d4182;	
}

#formMap #reciever.success p{
	color: #5a9239;
	font-size: 18px;
	font-weight: bold;
}

#formMap #reciever.error p{
	color: #8C0000;
	font-size: 18px;
}

#rental-area{
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

#rental-form-container{
	width: 366px;
	height: 466px;
	float: left;
	clear: left;
	background: transparent url('images/rental-form.png') top left no-repeat;
	padding-top: 15px;
}

#rental-form-container label{
	display: block;
	margin-right: 12px;
	text-align: right;
	float: left;
	clear: left;
	width: 120px;
	font-size: 9pt;
	padding-top: 4px;
}

#rental-form-container  input{
	width: 186px;
	height: 20px;
	float: left;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-left: 15px;
	border: none;
	background: transparent;
	overflow: hidden;

}

#rental-form-container textarea{
	width: 188px;
	height: 143px;
	padding-top: 10px;
	padding-left: 13px;
	float: left;
	margin-top: 7px;
	overflow: auto;
	background: transparent;
	border: none;

}

#rental-area .submitButton{
	margin: 0;
	margin-top: 10px;
	margin-left: 280px;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
	width: 90px;
	height: 33px;
	float: left;
	background: transparent url("images/form-submit-button.png") top left no-repeat;
	border: none;
}


#rental-area a.dp-choose-date {
	float: left;
	width: 15px;
	height: 18px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/calendar.png') no-repeat; 
}
#rental-area a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#rental-area input.dp-applied {
	width: 165px;
	float: left;
}

#rental-area #errorHolder{
	width: 180px;
	margin-top: 22px;
	float: left;
	margin-left: 2px;
}


#rental-area #errorHolder .errorContainer{
	clear: left;
	float: left;
	margin: 0;
	width: 100%;
	height: 23px;
	margin-bottom: 9px;
}

#rental-area #errorHolder .errorContainer p{
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	font-weight: bold;
	color: #CC0000;	
	font-size: 11px;
}

#rental-area #errorHolder .errorContainer p#err_recaptcha_response_field{

	margin-top: 225px;
}

#rental-area #reciever.message p{
	color: #2d4182;
	height: 40px;
	font-size: 15px;
	font-weight: bold;
}

#rental-area #reciever h4{
	color: #2d4182;	
}

#rental-area #reciever.success p{
	color: #5a9239;
	font-size: 18px;
	font-weight: bold;
}

#rental-area #reciever.error p{
	color: #8C0000;
	font-size: 18px;
}