/*
Theme Name: ONS
Theme URI: http://www.onsbars.co.uk
Author: Amin Abbasian 
Author URI: http://www.abbasian.co.uk
*/


body {
padding:0px;margin:0px;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
background: #090000;
color:#ffffff;
}
p {line-height: 18px; }
p.grn {color:#607530;}
a {color:#ffffff; text-decoration:none; font-weight:bold;}
a:hover {color:#607530; text-decoration:underline;}

img {border:0px; padding:0px;margin:0px;}


h2{ 
	font-size:14px;
	color:#607530;
 
}

/*PAGE LAYOUT */
#logo {float:left;width:150px;border:0px solid #ff00ff; margin:0px;}

#head {border:0px solid #ff0000; margin:0px auto; background-color:#000000; padding-top:10px;}
#header {margin:0px auto; margin:0px auto 0px auto; height:95px; background-color:#000000;}



#container {
	width: 940px;
	margin: 20px auto 0 auto;
	background:#000;
}

#top-area {float:right;width:520px; border:0px solid #ff00ff; margin:0px 10px 0px 0px;}

/*MENU */
#nav {margin:28px 0px 0px; padding:5px 0 5px 0; font-weight:normal; text-transform:uppercase; }
#nav-area {width:520px; padding:2px 0 0 0px; margin:0px auto; float:right;}
#nav-area ul {list-style-type:none; display:inline; margin:14px 0px 14px 0px; padding:0px;}
#nav-area ul li {display:inline; margin-left:40px; margin-right:0px;}
#nav-area ul li a:hover { color:#607530; text-decoration:none;}

.current_page_item a:link, .current_page_item a:visited {color:#607530; text-decoration:none;}

/*CONTENT */
#content {border:0px dashed #ffff00; padding:0px; background-color:#000000; height:100%;}
#content-area {float:left; padding:0 20px 10px 20px; width:900px; margin: 0px 0 0 0px; background-color:#000000;}

#intro {margin: 0 0 0px 20px; background:url(images/breaker.jpg) no-repeat; padding:10px 0 0 0; width:900px;}

#post {
	clear:both;
	padding-top: 0px;
	height:100%;
	background-color:#000000;}

/* ----------FEATURED CONTENT STYLES---------- */
#featured{
	width:770px;
	padding-right:150px;
	position:relative;
	height:250px;
	margin: 0 0 0 20px;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0;
	left:600px;
	list-style:none;
	padding:0;
	margin:0;
	width:300px;
	
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#2d3713; 
	padding:2px; 
	border:1px solid #2d3713;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family: Verdana, Geneva, sans-serif; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:81px; 
	color:#607530;  background:url(images/feature-back.jpg) no-repeat;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#111111; 
}
#featured li.ui-tabs-selected{ 
	background:url(images/selected-item.png) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#000000; 
}
#featured .ui-tabs-panel{
	width:400px;
	height:250px;
	background:#999;
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px;
	width:600px;
	background:url(images/transparent-bg.png);
 
}
#featured .info h2{ 
	font-size:18px; font-family:Verdana, Geneva, sans-serif;
	color:#607530; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana, Geneva, sans-serif;  font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#607530; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* services */
.content-inner {margin: 0; padding: 0; width:900px; height:100%;}
.col-left { width:430px; margin:0 15px 0 0; height:100%; float:left;}

.col-right { width:430px; margin:0 15px 0 0; height:100%; float:left;}

/*form */

input.txt {
  color: #000000;
  background-color: #ffffff;
  border: 1px outset #ffffff;
  width: 220px;
  height:15px;

}
.dropdown {		
	background-color: #ffffff;
	color: #000000;
	border: 1px outset #000000;
	width: 220px;

		}
input.btn {
  color: #000000;
  background-color: #ffffff;
  border: 1px outset #000000;
}
form p {
  clear: left;
  margin: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}

/*modal window */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:450px; width:600px; color:#bbb; background-color:#000000; border:4px solid #111111; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
.basic { color:#607530;}

/*bottom images */
.baseimg { margin: 0 4px 0 0;}

/* Footer */

div.footer { width:100%; height:50px; background-color:#000000; overflow:hidden; color:#ffffff; font-size:11px; margin: 0px 0 0px 0; float:left; border-top:#000000 thin solid; padding-bottom:10px;}
div.footer div.inner { margin:0 0 0 20px; width:980px; height:50px; line-height:normal; no-repeat; }
div.footer div div { float:left; width:500px; margin:10px 0 0 0px;}
div.footer div.footer-right { float:left; width:400px; margin:10px 15px 0 15px;}