@charset "utf-8";
/* CSS Document */


/* ----------------------------------- */
/* misc. */
p.caption {
	font-size: 90%;
	color: #6891a2;
	text-align: right;
	padding-bottom: 30px;
}


/* ----------------------------------- */
/* background */
@media screen and (min-width: 1440px) {
	div#bgrd_design {
		background-size: cover!important;
	}
	div#content_main2_in{
		float:none !important;
	}
}

div#bgrd {
	position : relative;
	width : 100%;
	min-height: 100%;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	left: 0px;
	color: #333333;
}
div#bgrd_design {
	background-image: url(../content/mainbackgroundv2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 80vh;
    width: 101vw;
    top: 110px;
    background-size: contain;
    z-index: 1;
    position: absolute;
}
div#bgrd_left, #bgrd_right {
	background-repeat: repeat-x;
	height: 615px;
	width: 50%;
	top: 110px;
	position: absolute;
}
div#bgrd_left {
	/* background-image:url(../images/bgrd_left.gif); */
	left: 0px;
}
div#bgrd_right {
	/* background-image:url(../images/bgrd_right.gif); */
	right: 0px;
}
/* ----------------------------------- */
/* layout */
div#container {
	position : relative;
	width: 66%;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	z-index: 2;
}
/* ----------------------------------- */
/* content */

div#content {
	width : 100%;
	overflow : hidden;
	padding : 0;
	background-color: #FFFFFF;
}
div#content_feature_sub { 
	width : 100%;
	height : 90px;
	background-image: url(../images/content_design_sub.jpg);
	background-repeat: no-repeat;
}
div#content_container {
	min-height : 400px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	/*background-image: url(/images/bgrd_content_sub.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
/* main column */
div#content_main, div#content_main2, div#content_main3 {
	display : inline;
	float : left;
	min-height: 500px;
	overflow : hidden;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ccc;
	margin-bottom: 10px;
}
div#content_container_in {
	min-height : 400px;
	/* padding-right: 20px; */
	/* padding-bottom: 20px; */
	/* padding-left: 20px; */
	float : left;
	/* width:725px; */
	width: 77%;
	padding-left: 14px;
	padding-top: 14px;
	background-color: white;
	min-height: 101vh;
	/*background-image: url(/images/bgrd_content_sub.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
div#content_main2_in
{
	float : right;
	min-height: 500px;
	overflow : hidden;
	padding-top: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left:10px;
	/* width : 175px;  */
	width: 20%;
}
div#content_main {
	width : 375px;
}
div#content_main2 {  
	width : 650px; 
}
div#content_main3 {
	width : 509px;
}
/* ----------------------------------- */
/* sub column */
div#content_sub, div#content_sub2, div#content_sub3 {
	float : right; 
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 15px;
}
div#content_sub {
	width : 450px;
	padding-top: 15px;
}
div#content_sub2 { 
	width : 470px; 
	padding-top: 0px; 
}
div#content_sub3 {
	width : 200px;
	padding-top: 15px;
}
/* ----------------------------------- */
/* header branding */
div#branding { 
	background-image:url(../images/bgrd_header.jpg); 
	background-repeat: no-repeat; 
	background-position: center top; 
	z-index : 1; 
	position : relative; 
	width : 100%; 
	height : 110px;
	top: 0px; 
	 }
div#header { 
	background-image:url(../images/bgrd_header.jpg); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-color: #262628; 
	height: 110px; 
	width: 100%; 
	position: absolute; 
	top: 0px; 
	}
h1#logo { 
	z-index : 3; 
	position : absolute; 
	left : 30px; top : 0; 
	width: 228px; 
	height : 110px; 
	background : url(../images/makita_logo.gif) no-repeat; 
	}
h1#logo a { 
	display : block; 
	width: 330px; 
	height : 110px; 
	text-indent : -9999px; 
	}
/* main navn */
ul#nav_main {
	z-index : 2;
	position : absolute;
	top : 70px;
	left: 565px;
	width : 300px;
	height: 30px;
	margin : 0;
	padding : 0;
	list-style-type: none;
	height: 30px;
	}
ul#nav_main li {
	display : block;
	position : absolute;
	top : 0px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #607179;
	vertical-align: middle;
}
ul#nav_main li a {
	text-decoration: none;
	color: #afd6e5;
	width: 100%;
	display : block;
}
ul#nav_main li a:hover {
	text-decoration: none;
	color: #D99F2E;
}

li#nm_1 {
	left : 0px;
	width : 170px;
}
li#nm_2 {
	left : 170px;
	width :220px;
}
li#nm_3 {
	left : -100px;
	width : 170px;
}
li#nm_4 {
	left : 20px;
	width : 200px;
}
li#nm_5 {
	left : 175px;
	width : 250px;
}
li#nm_6{
	left : -200px;
	width : 250px;
}
/* global nav */
ul#nav_global {
	z-index : 2;
	position : absolute;
	top : 8px;
	left: 510px;
	width : 440px;
	height: 30px;
	margin : 0;
	padding : 0;
	list-style-type: none;
	height: 25px;
}
ul#nav_global li {
	display : block;
	position : absolute;
	top : 0px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2D363A;
	vertical-align: middle;
}
ul#nav_global li a {
	text-decoration: none;
	color: #CCC;
	width: 100%;
	display : block;
}
ul#nav_global li a:hover {
	text-decoration: none;
	color: #afd6e5;
}
li#ng_1 {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 200px;
}
/*Front toll free and contact global*/
li#ng_toll {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 200px;
	font-size:14px;
}
li#ng_fronthome {
	position : absolute;
	top : 0px;
	left : 150px;
	width : 95px;
}
li#ng_frontcontact {
	position : absolute;
	top : 0px;
	left : 220px;
	width : 95px;
}
/*end front global*/
li#ng_2 {
	position : absolute;
	top : 0px;
	left : 90px;
	width : 100px;
}
li#ng_3 {
	position : absolute;
	top : 0px;
	left : 220px;
	width : 95px;
}
li#ng_4 {
	position : absolute;
	top : 0px;
	left : 360px;
	width : 105px;
}
li#ng_4 a.client {
	color: #D99F2E;
}
li#ng_4 a.client:hover {
	color: #FFB728;
	text-decoration: none;
}

.expand {
	display: block;
}
.collapse {
	display: none;
}
#clear {
	clear:both;
}