/* 
Client: La Jolla Group
Description: Site / Blog
Author: Electric Pulp
Author URI: http://electricpulp.com/
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	color:#02344a;
	font-size:100%;
	line-height:1.4em;
	background:#242424;
}
#global-wrap {	
	background: url(/img/bg/page-bg-run.gif) repeat-x #242424;
	width:100%;
}
#content-wrap {	
	background:url(/img/bg/page-bg.gif) top center no-repeat ;
}
/*Header*/
#header-wrap {
	height:96px;
	padding-top:30px;
	width:960px;
	margin:auto;
}
#logo {
	width:210px;
	height:96px;
	text-indent:-9999em;
	background:url(/img/logo-lajolla.gif) no-repeat;
	float:left;
	margin:0;
}
#nav {
	float:right;
	padding-top:28px;
	margin:0;
}
#nav li {
	height:25px;
	float:left;
}
#nav li a:hover,
#nav li a.here {
	height:25px;
	display:inline-block;
	background:#373737;
}
/*General*/
h1, h2, h3 {
	font-weight:normal;
	font-style: italic;	
}
h2 {
	color:#fff;
	font-size:24px;
}
h3 {
	text-transform:uppercase;
	font-size:1em;
	line-height:2em;
	margin:0;
}
h4 {
	text-transform:uppercase;
	font-size:.75em;
	line-height:1em;
	margin:0 0 .25em;
	color:#757575;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
a img {
	border:thin none;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
p {
	line-height:24px;
	font-weight:normal;
	margin:0 0 15px 0;
}
a {
	color:#c0c0c0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/*Index-Mid*/
#index-mid-wrap {
	background:url(/img/bg/index-mid-run.png) repeat-x;
	height:340px;
}
#index-mid-holder {
	width:960px;
	margin:auto;
}
#index-mid-left {
	float:left;
	display:inline;
	width:620px;
	height:340px;
	overflow:hidden;
}
#index-mid-right {
	background:url(/img/bg/index-right-bg-run.jpg) repeat-x #000;
	height:295px;
	padding:20px 25px 25px 25px;
	float:left;
	width:290px;
	color:#c0c0c0;
	}
	#index-mid-right h3 {
		color:#fff;
	}
	#index-mid-right p {
		font-size:13px !important;
		line-height:1.2em !important;
	}
#index-bottom-wrap {
	width:960px;
	margin:0 auto;
	padding:0;
}
#index-bottom-wrap h2 a {
	display:block;
	color:#fff;
	background:url(/img/icon/index-br.png) no-repeat left bottom;
	line-height:35px;
	margin:15px 0;
}
#index-bottom-wrap h2 a:hover {
	text-decoration:none;
	color:#fff;
}
#index-bottom-left {
	color:#fff;
	width:580px;
	float:left;
	padding-right:40px;
	padding-top:20px;
}
#index-bottom-right {
	width:340px;
	float:left;
	background:url(/img/grad.png) no-repeat;
	}
#index-bottom-right ul {
	margin:0;
	padding:0;
	}

/*Page*/

#page-wrap {
	width:960px;
	margin:0 auto 25px auto;
	background-image: url(/img/bg/page-inside-run.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	color:#3d3d3d;
	font-size:.9em;
}
#page-main {
	width:620px;
	background:#fff;
	float:left;
	padding:50px 50px;
	min-height:540px;
}
#page-main p {
	margin-bottom:25px;
}
#page-main img.alignleft {
	float:left;
	padding-right:10px;
}
#page-main img.alignright {
	float:right;
	padding-left:10px;
}
#page-main h1.parent-title {
	color:#3d3d3d;
	text-transform:uppercase;
	font-size:35px;
	font-style:normal;
	margin:0 0 5px 0;
}
#brand-nav {
	margin-bottom:20px;
}
#brand-nav li {
	float:left;
	height:28px;
}
#brand-nav li.here {
	background:url(/img/nav/nav-arrow.gif) no-repeat center bottom;
}
#brand-nav li a {
	display:inline-block;
	height:23px;
	line-height:24px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#757575;
}
#brand-nav li a:hover {
	text-decoration:none;
}
#brand-nav li.here a {
	background:#757575;
	color:#fff;
}
#page-main-content {
	clear:left;
}
#page-main-content h1,
#page-main-content h2 {
	color:#3d3d3d;
	text-transform:none;
	font-size:24px;
	margin:0 0 15px 0;
}
#page-main-content a {
	color:#757575;
	text-decoration:underline;
}
#page-main-content a:hover {
	text-decoration:none;
}
#page-sidebar {
	width:240px;
	float:left;
}
#brands-sb-wrap {
	}
	#brands-sb-wrap li a {
		margin:35px auto;
	}
	#brands-sb-wrap li.oneill a {
		overflow:hidden;
		height:16px;
		width:179px;
		background:url(/img/logo-sprite-lg-new.png) no-repeat;
		opacity:.5;
		text-indent:-9999em;
		display:block;
		}
		#brands-sb-wrap.lg li.oneill a { /* front page */
			height:16px;
			width:179px;
			background:url(/img/logo-sprite-lg-new.png) no-repeat;
		}
		#brands-sb-wrap li.oneill a:hover,
		#brands-sb-wrap li.oneill a.here {
			opacity:1;
		}
	#brands-sb-wrap li.metal-mulisha a {
		overflow:hidden;
		height:54px;
		width:117px;
		background:url(/img/logo-sprite-lg-new.png) 0 -18px no-repeat;
		opacity:.5;
		text-indent:-9999em;
		display:block;
		}
		#brands-sb-wrap.lg li.metal-mulisha a { /* front page */
			height:54px;
			width:117px;
			background:url(/img/logo-sprite-lg-new.png) 0 -18px no-repeat;
		}
		#brands-sb-wrap li.metal-mulisha a:hover,
		#brands-sb-wrap li.metal-mulisha a.here {
			opacity:1;
		}
	#brands-sb-wrap li.rusty a {
		overflow:hidden;
		height:30px;
		width:154px;
		background:url(/img/logo-sprite-lg-new.png) 0 -73px no-repeat;
		opacity:.5;
		text-indent:-9999em;
		display:block;
		}
		#brands-sb-wrap.lg li.rusty a { /* front page */
			height:30px;
			width:154px;
			background:url(/img/logo-sprite-lg-new.png) 0 -73px no-repeat;
		}
		#brands-sb-wrap li.rusty a:hover,
		#brands-sb-wrap li.rusty a.here {
			opacity:1;
		}
	#brands-sb-wrap li.lost a {
		overflow:hidden;
		height:46px;
		width:83px;
		background:url(/img/logo-sprite-lg-new.png) -31px -112px no-repeat;
		opacity:.5;
		text-indent:-9999em;
		display:block;
		}
		#brands-sb-wrap.lg li.lost a { /* front page */
			height:50px;
			width:93px;
			background:url(/img/logo-sprite-lg-new.png) -42px -123px no-repeat;
		}
		#brands-sb-wrap li.lost a:hover,
		#brands-sb-wrap li.lost a.here {
			opacity:1;
		}
	#brands-sb-wrap li.tlfi a {
		overflow:hidden;
		height:37px;
		width:151px;
		background:url(/img/logo-sprite-lg-new.png) 0 -104px no-repeat;
		opacity:.5;
		text-indent:-9999em;
		display:block;
		}
		#brands-sb-wrap.lg li.tlfi a { /* front page */
			height:37px;
			width:151px;
			background:url(/img/logo-sprite-lg-new.png) 0 -104px no-repeat;
		}
		#brands-sb-wrap li.tlfi a:hover,
		#brands-sb-wrap li.tlfi a.here {
			opacity:1;
		}

		#brands-sb-wrap li.igh a {
			overflow:hidden;
			height:90px;
			width:151px;
			background:url(/img/logo-sprite-lg.png) -14px -230px no-repeat;
			opacity:.5;
			text-indent:-9999em;
			display:block;
			}
			#brands-sb-wrap.lg li.igh a { /* front page */
				height:90px;
				width:151px;
				background:url(/img/logo-sprite-lg.png) -14px -230px no-repeat;
			}
			#brands-sb-wrap li.igh a:hover,
			#brands-sb-wrap li.igh a.here {
				opacity:1;
			}
			
			
			#brands-sb-wrap li.fmf a {
				overflow:hidden;
				height:38px;
				width:119px;
				background:url(/img/logo-sprite-lg-new.png) 0 -311px no-repeat;
				opacity:.5;
				text-indent:-9999em;
				display:block;
				}
				#brands-sb-wrap.lg li.fmf a { /* front page */
					height:38px;
					width:119px;
					background:url(/img/logo-sprite-lg-new.png) 0 -311px no-repeat;
				}
				#brands-sb-wrap li.fmf a:hover,
				#brands-sb-wrap li.fmf a.here {
					opacity:1;
				}
				
			#brands-sb-wrap li.berrics a {
				overflow:hidden;
				height:71px;
				width:85px;
				background:url(/img/logo-sprite-lg-new.png) 0 -232px no-repeat;
				opacity:.5;
				text-indent:-9999em;
				display:block;
				}
				#brands-sb-wrap.lg li.berrics a { /* front page */
					height:71px;
					width:85px;
					background:url(/img/logo-sprite-lg-new.png) 0 -232px no-repeat;
				}
				#brands-sb-wrap li.berrics a:hover,
				#brands-sb-wrap li.berrics a.here {
					opacity:1;
				}

#post-meta-wrap p {
	font-size:10px;
	text-transform:uppercase;
}
#post-meta-wrap p a {
	text-decoration:none;
}
#blog-sb-nav {
	border-top:1px solid #656565;
	padding:10px 0;
}
#blog-sb-nav div {
	margin-left:25px;
	padding-top:10px;
}
#blog-sb-nav div h4 {
	color:#fff;
	font-size:14px;
	font-style:italic;
	margin:20px 0 5px 0;
	text-transform:uppercase;
}
#blog-sb-nav ul li {
	line-height:20px;
	font-size:12px;
}
#blog-sb-nav ul li a {
	color:#fff;
}
#blog-sb-nav ul li a:hover {
	text-decoration:underline;
}
#blog-sb-subscribe button {
	background:#282828;
	color:#ddd;
	cursor:pointer;
	border:1px solid #393939;
	font:11px Helvetica,Arial,sans-serif;
	margin:0;
	padding:1px 2px;
}
#blog-sb-subscribe input {
	background:#282828;
	color:#ddd;
	border:1px solid #393939;
	font:11px Helvetica,Arial,sans-serif;
	margin:0;
	padding:2px;
	width:140px;
}

/*Footer*/

#footer-wrap {
	color:#c0c0c0;
	width:960px;
	margin:auto;
	clear:left;
	padding-bottom:20px;
	font-size:11px;
	}
	#footer-brands {
		float:left;
		padding-right:20px;
		width:100%;
		margin-bottom:10px;
	}
	#footer-brands li {
		float:left;
		padding-right:20px;
	}
	#footer-links {
	
	}
	#footer-left {
		width:40%;
		float:left;
	}
	#footer-left a {
		margin-left:20px;
	}
	#footer-right {
		width:60%;
		float:right;
	}
	#footer-right ul {
		float:right;
	}
	#footer-right li {
		float:left;
		padding-left:20px;
	}

	#footer-subscribe {
		text-align:right;
	}
	#footer-subscribe button {
		background:#333;
		color:#c0c0c0;
		cursor:pointer;
		border:1px solid #555;
		font:11px Helvetica,Arial,sans-serif;
		margin:10px 0 0 0;
		padding:1px 2px;
	}
	#footer-subscribe input {
		background:#333;
		color:#c0c0c0;
		border:1px solid #555;
		font:11px Helvetica,Arial,sans-serif;
		margin:10px 2px 0;
		padding:2px;
		width:180px;
	}

/* contact form */

.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	padding:0 !important;
	/*
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	*/
}

.contactright {
	padding:5px 0 !important;
	/*
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	*/
	}
	.contactright input,
	.contactright textarea {
		border:1px solid;
	}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}