/*
Theme Name: Outdoor Advertising
Version: 1.0
Author: iLogic

*/

hr {
	clear: both;
}

a {
	outline: none;
}

h2 {
	margin: 15px 0 30px 0;
}

/* header styling starts here */
#header {
	background-image: url(images/header_03.jpg);
	width: 978px;
	height: 287px;
	margin: 0 auto;
}

#top_menu {
	height: 25px;
	width: 725px;
	position: relative;
	top: 135px;
	left: 200px;
	color: #777777;
}

.item {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.item h3 a {
	text-decoration: none;
	color: #777777;
}


/* header styling ends here */

/* content styling starts here */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	margin: 0;

}

#page {
	background: url(images/header_02.jpg) top repeat-x;
	text-align: left;
}

#wrapper {
	margin: 0 auto;	
	width: 884px;
	position: relative;
	bottom: 65px;
}

#home_wrapper {
	margin: 0 auto;	
	width: 884px;
}


#content {
	font-size: 1.2em;
	overflow: hidden;
}

.content_box {
	float: left;
}

#right_top {
	background: url(images/test_08.jpg);
	width: 305px;
	height: 65px;
}

#right_mid {
	background: url(images/Outdoor_19.jpg) repeat-y;
	width: 305px;
	
}

#right_bot {
	background: url(images/Outdoor_23.jpg);
	width: 305px;
	height: 62px;
}

#left_top {
	background: url(images/test_06.jpg);
	width: 578px;
	height: 65px;
}

#left_mid {
	background: url(images/Outdoor_18.jpg) repeat-y;
	width: 578px;
}

#left_bot {
	background: url(images/Outdoor_22.jpg);
	width: 578px;
	height: 62px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 882px;
	height:170px;
	background-image: url(images/pic_box.JPG);


	/* custom decorations */
}

#home_content {
	margin: -12px 25px;
}

#side_content {
		margin: -12px 20px;
		width: 270px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
	cursor:pointer;
	width:120px;
	height:75px;
	border-style:none;
}

.scrollable a {
	float:left;
	margin: 40px 25px 0 25px;
	padding:2px;
	cursor:pointer;
	width:122px;
	height:77px;
	border: #CCCCCC solid 1px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* content styling ends here */

/* Contact page styling starts here */

#contact_form {
	width: 520px;
	height: 350px;
	margin: 0 auto;
}

#left.content {
	float: left;
	line-height: 32px;
}

#right.content {
	float: right;
}

.contact_fields {
	position: relative;
	z-index: 1;
}

#mid_contact_content {
	width: 500px;
	margin: 0 auto;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	left: 110%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 200px;
	padding: 2px;
}

div.wpcf7-validation-errors {
	border: 2px solid #EA9220;
	position: relative;
	height: 25px;
	float: left;
}

/* Contact page styling ends here */

/* News page styling starts here */

#top_news {
	height: 21px;
	width: 881px;
	background-image: url(images/news-boxes_01.jpg);
}

#mid_news {
	width: 882px;
	background: url(images/news-boxes_03.jpg) repeat-x;
	color: #777777;
	margin: -18px auto;
}

#news_inner {
	width:850px; 
	margin: 0 auto;
	overflow: hidden;
}

#bot_news {
	height: 23px;
	width: 882px;
	background-image: url(images/news-boxes_05.jpg);
}

#news_thumbnail {
	position: relative; 
	bottom: 25px; 
	float: right;
	margin: 0 0 0 25px;
}

/* News page styling ends here */

/* Article page styling starts here */

#article_content {
	width: 550px;
	position: relative;
	margin: 0 auto;
}

#inner_article_content {
	float: right;
	width: 500px;
}

#inner_article_wrapper {
	float: right;
	width: 650px;
}


.attachment-post-thumbnail {
	float: left;
}

/* Article page styling ends here */

/* Gallery page styling starts here */

.gallery_box {
	float: left;
	display: inline;
}

#left.gallery_box {
	width: 180px;
}

#right.gallery_box {
	width: 650px;
	border-left: solid 1px #777777;
	padding: 0 0 0 35px;

}

.gal {
	position: relative;
	top: 15px;
}

#int.gal {
	background: url(images/int_btn.png);
	width: 135px;
	height: 35px;
}

#int.gal:hover {
	background: url(images/int_btn_over.png);
	width: 135px;
	height: 35px;
}

#nat.gal {
	background: url(images/nat_btn.png);
	width: 135px;
	height: 35px;
}

#nat.gal:hover {
	background: url(images/nat_btn_over.png);
	width: 135px;
	height: 35px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	border-left: none;
	margin: 0 0 15px 0;
}
ul.tabs li a {
	text-decoration: none;
	outline: none;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/


}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	font-size: 1.2em;
}

/* Gallery page styling ends here */

/* Newsletter page styling starts here */



/* Newsletter page styling ends here */

/* FAQ Page styling starts here */

#faq_container {
	margin: 0 auto;
	width: 700px;
}

#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 700px;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:100%;
	padding:15px;
	color:#fff;
	font-size:12px;
}

#accordion div.pane a {
	text-decoration: none;
	color: #FF6600;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/* FAQ Page styling ends here */


#press_container {
	width: 700px;
	margin: 0 auto;
}

#press_container a{
	text-decoration: none;
	color: #777777;
}

/* footer styling starts here */
#footer {
	clear: both;
	margin: 25px auto;
	width: 100%;
	height: 38px;
	background-color: #f2a209;
	color: #FFF;
	vertical-align: bottom;
}

#footer_box {
	margin: 0 auto;
	width: 750px;
	position: relative;
	left: 80px;
}

.footer_items {
	 float: left;
	 display: inline;
	 padding: 0 5px 0 5px;
}

.footer_items h3 a {
	text-decoration: none;
	color: #FFFFFF;
}


/* footer styling ends here */