/*  
Theme Name: Møre Kontakt AS
Theme URI: http://www.morekontakt.no
Description: Theme for wordpress
Version: 1.0
Author: We Make
Author URI: http://www.wemake.no
Tags: Organic
*/

/*	CSS RESET	*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}


/*	Basics	*/

body {
	background: #fff url(images/body-bg.gif) repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .05em;
	line-height: 1.3em;
	}
	
img {
	padding:2px;
	border:1px solid #bbb;
	background-color:#fff;
	}
p {line-height: 1.4em;}	
a {	color:#000; text-decoration: none; outline: none;}
a:hover {color:#ce3310;border-color: #ce3310;cursor:pointer;}
a.logolink {color:#fff;}
h2 {font-size: 1.4em; color: #ce3310; padding-bottom: 10px;text-shadow: #fff 0px 1px 0px;}
h3 {font-size: 1.3em;text-transform: uppercase;text-shadow: #fff 0px 1px 1px;line-height: 1.6em;}
h4 {font-size: 1.1em;text-shadow: #fff 0px 1px 1px;}
h5 {font-weight: bold;}

em {font-style: italic;}
.logo {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 30px;
	float: left;
	font-style: italic;
	top: 20px;
	left: 10px;
	text-shadow: #000 -1px -2px 2px;
	line-height: 1em;
	color: #fff;
	position: relative;
	}
#header {
	height: 125px;
	width: 100%;
	background: #000 url(images/header-bg.gif) repeat-x;
	}
#headercontent {
	width: 960px;
	height:125px;
	margin-left: auto;
	margin-right: auto;
}
#slider {
	height: auto;
	padding: 40px 0 20px 0;
	}
#shadow {
	height: 20px;
	width: 960px;
	background: transparent url(images/slider-shadow.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	}
#content {
	min-height:450px;  
	height:auto !important;  
	height:450px;
	padding-bottom: 20px;
	}

#footer {min-height: 200px;}

#wemake {
	height: 35px;
	float: right;
	font-size: .75em;
}

#wemake a {
	color: #909090;
}

#wemake a:hover {
	color: #000;
}
#wemake img{
	outline: none;
	border: none;
}


/*	Classes	*/

.red {color: #ce3310;}
.italic {font-style: italic;}
.cork {background: #fff url(images/cork.gif) repeat;}
.clear {clear: both;}
.dividertop {height: 7px;width: 100%;background: #fff url(images/hr.jpg) repeat-x;}
.dividerbottom {height: 7px;width: 100%;background: #eee url(images/hr2.jpg) repeat-x;}
.c940 {width: 940px;margin-left: auto;margin-right: auto;}
.c960 {width: 960px;margin-left: auto;margin-right: auto;}
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.bottom20 {padding-bottom: 20px;}
.fr {float: right;}
.fl {float: left;}
.pleft {width: 580px;}
.lp {text-shadow: #fff 1px 1px 0px; }
.l20 {padding-left: 20px;}
.b10 {padding-bottom: 10px;}
.b20 {padding-bottom: 20px;}
.date {
	font-size: .8em;
	color: #ce3310;
	text-transform: uppercase;
	display:inline;
	padding: 0px 10px 10px 0px;
	height: 40px;
	float: left;
	clear: both;
	}

.uppercase {text-transform: uppercase;}
.link {border-bottom: 1px solid #000;}
.small {font-size: .8em;}
.big {font-size: 1.2em;}


ul.fremside {float: left;}
ul.fremside li {
	width: 300px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}
	
#productsandservices li{
	margin-left: 0px;
}
#productsandservices a{
	color: #202020;
	padding: 5px 5px 5px 0px;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.7em;
	text-shadow: #fff 0px 1px 0px;
	}
#productsandservices a:hover {color:#ce3310;}	

#rightcolumn {
	width: 270px;
	margin-left: 40px;
	}


/*	MENU	*/

#header ul {
	display: block;
	float: right;
	width: auto;
	height: 47px;
	top: 77px;
	color: #bbb;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 1em;
	position: relative;
	right: 10px;
	}

#header ul li{float:left;}

#header ul li a{
	display: inline;
	height: 17px;
	width: auto;
	float: left;
	padding: 18px 15px 12px 15px;
	border-top: 1px solid #3d3d3d;
	border-left: 1px solid #202020;
	border-right: 1px solid #000;
	color: #ccc;
	text-align: center;
	}	
	
#header ul li a:hover {
	background: transparent url(images/menu-hover.png) repeat-x;
	border-top: 1px solid #858585;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	color: #eee;
	}	

/*	Slideshow	*/

.slideshow 			{width: 936px;height: 281px;background: url(images/sliger-bg.jpg) no-repeat;}
.slideshow img		{display:none; width:936px; height:275px; }
#slideshow 			{width: 942px;margin-left: auto;margin-right: auto;}

/*	Footer	*/

#footerleft {width: 450px; float: left;}
#footerleft li {display: inline;width: 150px;float: left;}

#footerright {width: 370px;height: 100px;float: right;}
#footerright li{display: inline;}

#footerright li a {display: block;float:left;height: 100px;padding: 0px;text-indent: -9999px;color: #fff;text-decoration: none; border: none;}
#footerright li a#siemens {width: 137px;background: transparent url(images/sprite-samarbeid.png) no-repeat left top;}
#footerright li a#siemens:hover {background: transparent url(images/sprite-samarbeid.png) no-repeat bottom left;}
#footerright li a#efa {width: 97px;background: transparent url(images/sprite-samarbeid.png) no-repeat -200px 0px;}
#footerright li a#efa:hover {background: transparent url(images/sprite-samarbeid.png) no-repeat -200px -100px;}
#footerright li a#tavleforeningen {width: 130px;background: transparent url(images/sprite-samarbeid.png) no-repeat -400px 0px;}
#footerright li a#tavleforeningen:hover {background: transparent url(images/sprite-samarbeid.png) no-repeat -400px -100px;}


/*	Products & Services	*/

#productlist, #serviceslist {margin-top: 40px;}
#productlist li, #serviceslist li{display: block;margin-bottom: 40px;}
.productimg, .servicesimg, .referenceimg {width: 550px;height: 241px;float: left;}
.producttxt, .servicestxt {width: 360px;height: 200px;padding-top: 40px;float: right; background: url(images/bg-paper.jpg) no-repeat;padding-left: 28px; padding-right: 20px;}

#abouttxt {width: 460px; float: left;}
#aboutimg {width: 421px; float: right;padding: 30px 0 20px 0;}


.kontaktul {
	width: 960px;
	margin-top: 40px;
}

.kontaktul li {
	display: inline;
	float: left;
}

.li1 {
	width: 300px;
	padding-right: 50px;
}

.li2 {
	width: 160px;
	padding-right: 30px;
}

.li3 {
	width: 360px;;
	padding-left: 40px;
}

input 				{height: 30px;width: 340px;padding: 5px 10px 1px 8px;background: #fcfcfc;border: 1px solid #bbb ;margin-bottom: 15px;margin-top:5px;}
textarea 			{height: 156px;width: 340px;padding: 10px 10px 10px 8px;background: #fcfcfc;border: 1px solid #bbb ;margin-bottom: 5px;margin-top:5px;}
input#send 			{background: #404040;border:1px solid #fff;height:60px;width:100px;padding: 20px;color:#ddd;float:right;margin-top:10px;}
input:hover#send 	{background: #606060;border:1px solid #fff;cursor:pointer;color:#fff;}
input:focus,
textarea:focus 		{background: #fff; color:#202020;}