/*
Theme Name: Skåne Marmor
Theme URI: http://www.m-olsson.com
Description: Skåne Marmor corporate site
Version: 1.0.0
Author: Mikael Olsson
Tags:

*/

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/nav.css");


body {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	background:transparent url(img/bgImg.jpg) repeat fixed 0 0;
}


A:link {color: #d58200; text-decoration: none}
A:visited {color: #d58200; text-decoration: none}
A:active {color: #d58200; text-decoration: none}
A:hover {color: #cccccc; font-weight:bold;}

/*ul {list-style-type:none}*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	background-color:#FFF;
}

/* subnav ----------------------------------------------- */

.subnav {width: 235px; float: left;}
ul.subnavUl {
	display: block;
	text-decoration: none;
	list-style: none;
	width: 235px;

margin:0;  
padding:0;
}
ul.subnavUl a {
	width: 235px;
	font-size: 16px;
  	display: block;
  	text-decoration: none;	
}
ul.subnavUl li {
	
	width: 235px;
	border-bottom:solid; border-bottom-color:#cccccc; border-bottom-width:1px;
	
float:left; clear:left;

}
ul.subnavUl li a {
	float:left; clear:left;
	width: 235px;
  	background: #ffffff;
 	color: #000000;	
  	padding-bottom: 10px;
  	padding-top: 10px;
}
ul.subnavUl li a:hover {
	width: 235px;
  	background: #e8e8e8;
}




/* nav ----------------------------------------------- */

#contentHeader{width: 940px; height: 128px; background-color: #343637;}

#logo{width: 296px; float:left; height: 30px; margin:0; padding-left:60px; padding-top:40px;}
#tools{float:right; width: 200px; height: 30px; padding-right:32px; padding-top:15px;}
.tools  {color:#FFFFFF; text-decoration:none; font-size: 11px; padding-right:13px;}

#navBg{width: 940px; height: 50px; background-color: #343637;}
#nav{width: 685px; height: 50px; margin-left:32px; background: #2a2c2e;}
#navlist{margin: 0; padding: 0;}
#navlist li{display: inline; list-style: none; margin: 0; padding: 0;}
#navlist li a{float: left; display: block; background-color: #2a2c2e; color: #fff; height: 50px; width: auto; padding-left:28px; padding-right:28px;}
#navlist li a:hover{background: #1f2022;}
#navlist li a.active{background: #1f2022;}
.dropdown {position: absolute; top: 178px; width:875px; height: 354px; color: #fff; margin:0; margin-left:32px; background: #2a2c2e; display: none; z-index: 100;}

.columnnav {width: 185px; float: left; padding-top:50px;}
ul.columnnavUl {
	display: block;
	text-decoration: none;
	list-style: none;
	width: 185px;
}
ul.columnnavUl a {
	width: 185px;
	font-size: 14px;
  	display: block;
  	text-decoration: none;	
}
ul.columnnavUl li {
	width: 185px;
	border-bottom:solid; border-bottom-color:#4a4b4d; border-bottom-width:1px;

}
ul.columnnavUl li a {
	width: 185px;
  	background: #2a2c2e;
 	 color: #fff;	
  	padding-bottom: 10px;
  	padding-top: 10px;
}
ul.columnnavUl li a:hover {
	width: 185px;
  	background: #1f2022;
}
.h4navInfo {
	font-family:georgia, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	width:400px;
	padding-top: 5px;
	font-size: 15px;
	font-style:italic;
	font-weight:normal;
	line-height:20px;
	color:#FFF;
}

/*nav column content*/
.columnContent {width: 575px; float: right; padding-top:20px; padding-right:34px;}
  
h2 {
	font-size: 20px;
	line-height:8px;
}

  
#prev {position: absolute; top: 308px; margin-left:32px; z-index: 30;}
#next {position: absolute; top: 308px; margin-left:864px; z-index: 40;}
#slideshow {width: 940px; height: 370px;}

#mainTxt {width: 940px; height: 194px; background-color: #d58200;}
#holderTxt {width: 745px; padding-left:60px; padding-top:42px; float:left;}
#mainLine {width: 20px; float:left; height: 108px; margin-top:42px; border-right:thin; border-right-style:solid; border-right-width:1px; border-right-color:#FFF;}

/*maintxt*/
.h1mainWhite {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 34px;
font-weight: bold;
color:#FFF;
}
.h2mainWhite {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding-top: 10px;
font-size: 16px;
font-weight: bold;
line-height:22px;
color:#FFF;
}

/*sub*/
#subTxt {width: 940px; height: 85px; background-color: #d58200;}
#holderSubTxt {width: 745px; padding-left:60px; padding-top:27px; float:left;}
.h1subWhite {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 34px;
font-weight: bold;
color:#FFF;
}


#subTwoColumnsHolder {width: 908px; height: auto; padding-top:50px; }
#subLeftHolder {width: 537px; float:left; padding-left:65px; padding-bottom:80px;}
#subLeftHolderFull {width: 537px; float:left; padding-left:65px; padding-bottom:0px;}
#subRightHolder {width: 270px; float:left; padding-left:32px;}
#subFull {width: 940px; height: auto; padding-top:20px; clear:both;}
#subWide {width: 874px; height: auto; padding-top:50px; padding-left:65px; clear:both;}
#subWideContact {width: 874px; height: auto; padding-left:65px; clear:both;}
#subLeftHolderGallery {width: 537px; float:left; padding-left:65px; padding-bottom:10px;}
#subWideGallery {width: 854px; height: auto; padding-bottom:50px; padding-left:65px; clear:both;}
/*sub*/


#mainAreas{width: 940px; padding-top:46px; height:284px; clear:both}


#footerLightBlue{width: 940px; height:105px; background-color: #d8eef5; clear:both}
#footerBg{width: 940px; height:45px; background-color: #a9e8ff;}

/* nav
----------------------------------------------- */





ul.ddsg-wrapper, ul.ddsg-wrapper ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.ddsg-wrapper a {
  display: block;
  text-decoration: none;	
}

ul.ddsg-wrapper li {
  margin-top: 1px;
}

ul.ddsg-wrapper li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul.ddsg-wrapper li a:hover {
  background: #000;
}

ul.ddsg-wrapper li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.ddsg-wrapper li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}