/* @override http://www.gilbertmobel.se/wp-content/themes/gilbert-sl/style.css */



/*

Theme Name: Gilbert Snickeri and Lackering

Description: WordPress theme for Gilbert Snickeri and Lackering

Version: 1.0

Author: Intelliweb

Author URI: http://www.intelliweb.se/

Tags: 

*/



/* reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, ol, ul, li, fieldset, form, table, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

}

:focus {

	outline: 0;

}



html, body {

	height: 100%;

}

ol, ul {

	list-style: none;

}



#box-wrap ul {

	list-style-type: disc;

	list-style-position: outside;

	display: table;

	padding-left: 20px;

	color: #fff;

}



#box-wrap ul li {

	padding-bottom: 10px;

	color: #a0a0a0;

}

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



strong {

	font-weight: bold;

}

em {

	font-style: italic;

}



.right {

	float: right;

}

.left {

	float: left;

}

.hide {

	display: none;

}

.clear {

	clear: both;

}

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clearfix {

	display: block;

}



/* Wrap */

/* ----------------------------------------- */

body {

	background-color:#181818;

	margin:0;

	padding:0;

}



#wrap{

	width:1010px;

	margin:0 auto;

	position:relative;

}



#header{

	width:100%;

	padding:0;

	height:100px;

}



#logo{

	float:left;

	padding:17px 0 0 15px;

}



/* Navigation */

/* ----------------------------------------- */

#nav a{

	font:14px Trebuchet MS, "Trebuchet MS";

	text-decoration:none;

	color:#a4a4a4;

}



#nav{

	position:relative;

	float:right;

	height:18px;

	display:inline;

	margin:52px 5px 0 0;

}



ul.menu

{

	list-style-type:none;

}



ul.menu li

{

	height:25px;

	padding: 0 30px 0 0;

}



.menu li:hover

{

	color:#fff;

}



ul.menu li a:hover

{

	color:#FFF !important;

	text-decoration:none;

}



.menu li{

	float:left;

	position:relative;

}



.menu ul

{

	border-top:1px solid #cacaca;

	display:none;

	list-style:none;

	margin:0;

	padding:0;

	position:absolute;

	top:1.5em;

	left:0;

}



.menu li ul a

{

	padding:3px 5px 0 10px;

	width:11em;

	height:auto;

	float:left;

}



.menu ul ul

{

	list-style:none;

	top:auto;

	z-index:999;

}



.menu li li, .menu li li li, .menu li li li li

{

	background:#b8b8b8;

	border-bottom:1px solid #cacaca;

	height:auto;

	padding-bottom:3px;

	padding-top:0;

	top:0;

	z-index:10;

}



.menu li li a, .menu li li li a, .menu li li li li a

{

	color:#fff !important;

}



.menu li li:hover, .menu li li li:hover, .menu li li li li:hover

{

	color:#FFF;

	background:#666;

}



.menu li ul ul

{

	top:-1px;

	left:11em;

	margin:0;

}



/* ----------------------------------------- */





/* Mid */

/* ----------------------------------------- */

#inner-wrapper{

	width:100%;

	height:auto;

	background-color:#111111;

}



#mid{

	width:100%;

	height:415px;

	background:url(images/mid-bg.png) #111111 repeat-x;

}



#breadcrumb, .breadcrumb{

	padding:13px 0 20px 0;

	margin:0 0 0 35px;

	font:14px "Trebuchet MS";

	color:#868686;

	

}



.breadcrumb a{

	color:#868686;

	text-decoration:none;

}



#featured{

	background:url(images/featured-bg.jpg) no-repeat;

	height:369px;

	padding:0;

	position:relative;

	z-index:9;

}



#feat-side{

	width:275px;

	float:right;	

}

#feat-side p,

#feat-side h3{

	padding-bottom:20px;	

}



#feat-side h3{

	padding-top:10px;	

}



h1 {

	color: #fff;

	margin-bottom: 20px;

	font-size: 20px;

}

h2 {

	color: #a0a0a0;

	margin-bottom: 20px;

	font-size: 18px;

}

h3 {

	color: #a0a0a0;

	margin-bottom: 10px;

	font-size: 16px;

}

h4 {

	color: #a0a0a0;

	margin-bottom: 10px;

	font-size: 14px;

}



#box-wrap p {

	margin-bottom: 20px;

}



#content{

	width:940px;

	padding:0px 35px 0 35px;

	font-weight:normal;

	font-family:"Trebuchet MS";

	color:#a0a0a0;

}



.content-text

{

	color:#a0a0a0;

	font-size:14px;

	font-weight:normal;

}



#box-wrap{

	padding: 15px 0 50px;

	border-bottom:#5b5b5b 1px solid;

}



.alignright {

	float: right;

	padding-left: 12px;

	padding-bottom: 10px;

}

.alignleft {

	padding-bottom: 10px;

	padding-right: 12px;

	float: left;

}



#content .item{

	width:295px;

	float:left;

	margin:0;

	padding:0 15px 0 0;

}



#content .item h2{

	font:18px "Trebuchet MS";

	color:#a0a0a0;

	padding-bottom:20px;

}



#content .item p{

	color:#a0a0a0;

	font-size:12px;

}



#about-left{

	width:610px;

	float:left;

}



#about-left h2{

	padding:25px 0 20px 0;	

}



#lower-about {

	

}



#lower-about h2 {

	color: #a0a0a0;

	font-size: 18px;

} 



#lower-about p {

	color: #a0a0a0;

	font-size: 12px;

	margin-bottom: 15px;	

}



#about-right {

	float: right;	

	width: 239px;

	padding-top: 70px;

}



#about-right p {

	color: #6e6e6e;

	font-style: italic;

	font-size: 14px;

	margin-bottom: 5px;

}



/* footer */



#footer {

	background:#000000;

	color:#919191;

	clear: both;

	font-size:14px;

	margin-top: 50px;

	padding:15px 0 8px 0;

}



#footer p {

	color: #3f3f3f;

	font-family: Trebuchet MS;

	font-size: 12px;

	text-align: center;

	margin-bottom: 10px;

}



/* content left - inner page */

.content-left

{

	color:#404040;

	float:left;

	font-size:14px;

	margin-bottom:40px;

	width:600px;

}



.content-left a, .content-text a, #content a

{

	color:#adadad;

	text-decoration:none;

}



.content-left a:hover

{

	text-decoration:underline;

}



.content-left h1, .content-left h2, .content-left h3, .content-left h4, .content-left h5

{

	font-weight:normal;

}



.content-left h1, .content-left h1 a

{

	color:#5e5e5e;

	font-size:24px;

	font-weight:normal;

	text-decoration:none;

}



.content-left h2, .content-left h2 a

{

	color:#c3c3c3;

	font-size:18px;

	font-weight:normal;

	text-decoration:none;

}



/* sidebar */

#sidebar

{

	color:#7a7a7a;

	float:right;

	font-size:14px;

	margin:55px 0 0 0;

	min-height:100px;

	width:300px;

}



#sidebar a

{

	color:#7a7a7a;

	text-decoration:none;

}



#sidebar h2.widgettitle

{

	border-bottom:1px solid #0f0f0f;

	color:#3b3b3b;

	font-size:18px;

	font-weight:normal;

	padding:0 0 15px 0;

	margin-top:0;

}



#sidebar div.widget

{

	margin-bottom:40px;

}



#sidebar ul

{

	margin-left:0;

	padding:0;

}



#sidebar ul li

{

	margin-bottom:10px;

}



#sidebar ul li ul

{

	margin-left:15px;

}



/* banner slider */

.slider_img

{

	float:left;

	margin:0;

	padding:0;

	width:543px;

	z-index:2;

}



.featured-text

{

	float:left;

	padding:10px 0 0 15px;

	width:300px;

}



#slider

{

	margin:9px 45px 0 66px;

	width:543px !important;

}



.slider_img img

{

	height:317px;

	z-index:3;

}



#slider_next

{

	background:url(images/next-btn.png) no-repeat;

	cursor:pointer;

	display:block;

	height:43px;

	position:absolute;

	right:-12px;

	text-indent:-9999px;

	top:115px;

	width:42px;

	z-index:99;

}



#slider_prev

{

	background:url(images/prev.png) no-repeat;

	bottom:40px;

	cursor:pointer;

	display:block;

	height:43px;

	position:absolute;

	left:-7px;

	text-indent:-9999px;

	width:42px;

	z-index:99;

}



.navigation .alignleft

{

	float:left;

}



.navigation .alignright

{

	float:right;

}



a img

{

	border:none;
}

#credits {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#credits a {
	color: #3f3f3f;
	font-family: Trebuchet MS;
	font-size: 11px;
	text-decoration: none;
}