/* CSS Document */

body{

background-color:#f4f1e9;

margin:0;

padding:0;

text-align:center;

font-family:Arial;

color:#3d3d3d;

line-height:1.5em;

font-size:13px;
}

#wrapper{

width:800px;

margin-left:auto;

margin-right:auto;

text-align:left;

position:relative;

}

.clear{

clear:both;

}


/*...................................................................................... Fonts */

h1, h2, h3 { 

color:#003139;

}

h1{

font-size:18px;

}


h3{

font-size:14px;

border-top: 1px solid #8cb0b8;

padding-top:15px;

margin-bottom:5px;

}


h2{

font-size:14px;

margin-bottom:5px;

}





/*...................................................................................... Nav*/


#nav{

background:url(images/nav_back.jpg) top left no-repeat;

width:800px;

height:67px;

}


#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 67px;
	position: relative;
}


#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}


#menu .home {
	width: 98px;
	height: 45px;
	background: url(images/home.jpg) no-repeat;
	left: 30px;
	top: 3px;
}

#menu .product {
	width: 230px;
	height: 49px;
	background: url(images/product.jpg) no-repeat;
	left: 160px;
	top: 0px;
}

#menu .request {
	width: 175px;
	height: 52px;
	background: url(images/view.jpg) no-repeat;
	left: 430px;
	top: 0px;
}


#menu .contact {
	width: 108px;
	height: 48px;
	background: url(images/contact.jpg) no-repeat;
	left: 650px;
	top: 0px;
}

/*...................................................................................... Branding*/



#logo{

background:url(images/logo.jpg) top left no-repeat;

width:161px;

height:108px;

margin-bottom:15px;

}

.idea{

background:url(images/idea.gif) top left no-repeat;

width:169px;

height:93px;

position:absolute;

top:150px;

left:540px;

}


/*...................................................................................... Content*/



#content{

background-color:#FFFFFF;

border: 1px solid #d3d0c8;

}


.left2{

float:left;

width:770px;

margin:20px 0 20px 15px;

}


.right{

float:right;

width:220px;

padding-left:20px;

margin:20px 20px 20px 0;

border-left:1px solid #8cb0b8;

margin-top:60px;

}


/*...................................................................................... Right*/


.right{

color:#789a9f;

}

.right ul{

margin:0;

padding:0 0 10px 0;

border-bottom: 1px solid #8cb0b8;

}


.right ul li{

list-style:none;

margin:0px;

padding:0 0 5px 0;

}

.right ul a:link, .right ul a:visited{

background:url(images/arrow.jpg) left center no-repeat;

padding-left:25px;

color:#003139;

text-decoration:none;

}

.right ul a:hover{

color:#f4c016;

text-decoration:underline;

}


.right a:link, .right a:visited{


color:#003139;

text-decoration:underline;

}

.right a:hover{

color:#f4c016;

text-decoration:underline;

}


.fp{

padding:0px;

margin:0px;

}



/*...................................................................................... Left*/















/*...................................................................................... Footer*/


#footer{

text-align:center;

color:#969286;

}