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

* {
margin:0px;
padding:0px;
}

/* ------------------body-----------------------*/

body {
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#333333;
}


/* -------------------wrapper-------------------- */

#wrapper {
width:900px;
margin-left:auto;
margin-right:auto;
}


/* -------------------header-------------------- */

#header {
width:900px;
height:150px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}




/*-----------------navigation-------------------*/


#navigation {
	width:900px;
	height:125px;
	padding-top: 20px;
	float:left;
	}
	
	#navigation ul {
	margin:0;
	list-style:none;
	
}

#navigation li	{
	background-image:
	background-repeat:no-repeat;
}

#navigation li a:link, #navigation li a:visited {
display:block;
width:870px;
height:20px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#acd001;
padding:5px 0px 0px 30px;;
}


#navigation li a:hover {
height:18px;
color:#00aeef;
background-color:#666666;
border:solid 1px #fff;
}


#home #navigation li.home,
#one #navigation li.one,
#two #navigation li.two,
#three #navigation li.three,
#contact #navigation li.contact{
color:#00aeef;
}


#home #navigation li.home a,
#one #navigation li.one a,
#two #navigation li.two a,
#three #navigation li.three a,
#contact #navigation li.contact a{
color:#00aeef;
}


/* -------------------content-------------------- */

#content_main {
width:898px;
height:300px;
border:solid 1px #fff;
margin-top:20px;
margin-bottom:20px;
float:left;
}

#left_bar {
width:30px;
height:300px;
background-color:#666666;
float:left;
}

#content_pic {
width:500px;
height:300px;
float:left;
}

#content_right {
width:338px;
height:270px;
overflow: auto;
background-image:url(images/ex_pic_2.jpg);
background-attachment:fixed;
color:#00aeef;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
line-height:20px;
padding:15px;
float:right;
}




/* -------------------footer-------------------- */

#footer {
width:900px;
height:15px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
float:left;
clear:both;
}


/*-----------------text-------------------*/


h1+p {
margin-top:0px;
}

h1 {
color:#acd001;
font-size:15px;
font-family:Verdana, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:normal;
text-decoration:none;
margin-bottom:0px;
}

h2 {
color:#666666;
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:normal;
text-decoration:none;
margin-bottom:0px;
}



/*-----------------links-------------------*/

a:link, a:visited {
color:#00aeef;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#333333;
text-decoration:none;
font-weight:bold;
}


#footer a:link, #footer a:visited {
color:#666666;
text-decoration:none;
font-weight:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:none;
font-weight:none;
}