@charset "UTF-8";
/* CSS Document */
body{
background-color:#000000;
background-repeat:repeat;

}

#wrapper{
overflow:visible;
width:1024px;
background-position:inherit;
margin:auto;
}

#header{
height:34px;
width:1024px;
clear:both;
float:inherit;
}

#header_about{
height:320px;
width:1024px;
clear:both;
float:inherit;
background-color:#000000;
padding:
}

#top{
width:1024px;
}

#top_about{
width:auto;
height:auto;
background-color:#000000;
clear:both;
}

#side{
float:left;
clear:both;
}

#home{float:right;}

#message{float:right;}

#body2{
width:1024px;
float:inherit;
clear:both;
}
/*=============
=================== Ends Here =============================================*/
#body_about{
background-image:url(images/about.png);
background-repeat:no-repeat;
padding-left:20px;
padding-top:30px;
padding-right:15px;
height:370px;
float:inherit;
clear:both;
}

/*=============
=================== Ends Here =============================================*/
#navigation{
width:1024px;
height:74px;
clear:both;
}

ul#nav{
/*============= here you had typed list-type: instead of list-style ======== it is correct now */
list-style:none;
margin:0px;
padding:0px;
position:absolute;
} 

ul#nav li{ 
	margin:0;
	padding:0;
}

ul#nav li a{ /* Remember that a string line like this  only controls the last variable in the line. So these statements are only being applied to the "a" tag. ----------- which is inside of the li that is inside of the ul with the id nav.*/
text-decoration: none;
text-indent: -9999px;
position:absolute;
top:0;
}

/*======================== navigation styles "this is one whole CSS code for an up and rollover stage" Starts HERE==========
===============================================================================================================*/
ul#nav li a.nav1{
width:125px;
height:74px;
background-image:url(images1/home_btn.png);
	background-repeat:no-repeat;
left:0px
}

ul#nav li a:hover.nav1{
background-image:url(images1/home_btn_rlv.png);
width:125px;
height:74px;
}
/*=============
=================== Ends Here =============================================*/

ul#nav li a.nav2{
	width:209px;
	height:74px;
	background-image:url(images1/about_btn.png);
	background-repeat:no-repeat;
	left:125px
}

ul#nav li a:hover.nav2{
width:209px;
	height:74px;
	background-image:url(images1/about_btn_rlv.png);
	background-repeat:no-repeat;
	left:125px
}
/*=============
=================== Ends Here ======================================================================*/
ul#nav li a.nav3{
width:213px;
height:74px;
background-image:url(images1/Portfolio_btn.png);
left:334px
}
ul#nav li a:hover.nav3{
width:213px;
height:74px;
background-image:url(images1/Portfolio_btn_rlv.png);
left:334px
}
/*=============
=================== Ends Here ======================================================================*/

/*=============
=================== Ends Here ======================================================================*/
ul#nav li a.nav4{
width:152px;
height:74px;
background-image:url(images1/press_btn.png);
left:547px
}
ul#nav li a:hover.nav4{
width:152px;
height:74px;
background-image:url(images1/press_btn_rlv.png);
left:547px
}
/*=============
=================== Ends Here ======================================================================*/
ul#nav li a.nav5{
width:193px;
height:74px;
background-image:url(images1/contact_btn.png);
left:699px
}
ul#nav li a:hover.nav5{
width:193px;
height:74px;
background-image:url(images1/contact_btn_rlv.png);
left:699px
}
/*=============
=================== Ends Here ======================================================================*/
ul#nav li a.nav6{
width:132px;
height:74px;
background-image:url(images1/blog_btn.png);
left:892px
}
ul#nav li a:hover.nav6{
width:132px;
height:74px;
background-image:url(images1/blog_btn_rlv.png);
left:892px
}
/*=============
=================== Ends Here ======================================================================*/

#footer{padding-top:10px;
clear:both;
background-color:#1818181;

}