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

body{
	background-image:url(Images/bg.jpg);
	background-repeat: repeat-x;
	font-family:"Century Gothic", Arial;
	color: #666;
	background-color: #373737;
}

#container{
position: relative;
background-image: url(Images/container3.jpg);
background-repeat: no-repeat;
width: 860px;
height: 720px;
top: 4px;
margin-left: auto;
margin-right: auto;
}

#banner{
background-image:url(Images/banner.jpg);
background-repeat: no-repeat;
position: relative;
margin-left: auto;
margin-right: auto;
height: 160px;
width: 830px;
top: 15px
}

.navbar{
position: relative;
margin-left: auto;
margin-right: auto;
height: 50px;
width: 840px;
top: 10px;
left: 0px;
}

.navbar ul{
margin: 0;
margin-left: -1px;
padding: 0;  
float: left;
}  
	
.navbar ul li{
display: inline;
text-align: center;
}

.navbar ul li a{  
float: left;
text-decoration: none;  
width: 140px;
height: 38px;
background-image:url(Images/button.jpg);
background-repeat:no-repeat;
padding-top: 15px;
color: #888;
font-weight: bold;
font-size: 14px;
}  

.navbar ul li a:hover, .menu ul li .current{  
color: #fff;  
background-image: url(Images/hoverButton2.jpg);
background-repeat:no-repeat;
} 

#contactDetails{
font-size: 10px;
position: absolute;
right: 10px;
bottom: 10px;
width: 500px;
text-align: right;
}

#content{
margin: 30px;
margin-right: 20px;
text-align: justify;
}

#feature{
	position: relative;
	float:right;
	top: 45px;
width: 265px;
height: 361px;
background-image:url(Images/Feature.gif);
background-repeat:no-repeat;
margin-left: 20px;
padding: 10px;
padding-right: 30px;
}

h1{
font-size: 22px; 
font-weight: 100;
color: #272727;
}

h2{
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
}

p{
font-size: 14px;
margin: 0px;
}

ul{
font-size: 14px;
margin: 0px;
}