body{
font-family:Arial, Helvetica, sans-serif;
margin:auto;
background:#000000;
}
/*GENERAL*/
img{ 
border:0px;
}

ul{
list-style:none;
}

#topbar{
background:url(../img/top-bar.jpg) center no-repeat;
height:20px;
width:100%;
}

#container{
background:url(../img/container-bg.jpg) center repeat-y;
float:left;
width:100%;
}

#content{
width:745px;
margin:auto;
}

/*Start Header*/
#header{
width:745px;
float:left;
}

#logo{
float:left;
width:297px;
height:83px;

}

#navigation {
width:448px;
height:83px;
float:left;
background:url(../img/nav-bg.png) no-repeat;
}



.nav_button {
width:106px;
height:28px;
background-image:url(../img/nav-button-off.png);
font:Helvetica;
text-align:center;
float:left;
padding-top:15px;
text-decoration:none;
color:#ffffff;
font-size:10px;
margin-top:5px;
margin-left:1px;
}

.nav_button:hover {
background:url(../img/nav-button-on.png);
color:#FFFFFF;
text-decoration:none;
}



/*Gallery Nav*/

#gallery-nav{
width:735px;
height:28px;
float:left;
padding:17px 0px 0px 10px;
font-size:12px;
}

#gallery-nav .buttonoff {
float:left;
width:95px;
height:18px;
background:url(../img/gallery-nav-button-on.jpg) no-repeat;
text-align:center;
color:#FFFFFF;
padding-top: 8px;
text-decoration:none;
color:#FFFFFF;

}

#gallery-nav .buttonoff:hover {
float:left;
width:95px;
height:18px;
background:url(../img/gallery-nav-button-off.jpg) no-repeat;
text-align:center;
color:#FFFFFF;
padding-top: 8px;
text-decoration:none;
color:#FFFFFF;
}

#gallery-nav a{
text-decoration:none;
color:#FFFFFF;
}

/*Home Content*/
#title {
width:715px;
height:20px;
float:left;
padding:10px;
padding-right:10px;
}


#main-content{
background:url(../img/home-section-bg.jpg) no-repeat center top;
width:745px;
float:left;

}

#left-content{
width:297px;
height:528px;
float:left;
}


#gallery-content-home{
width:276px;
height:251px;
float:left;
padding-top:14px;
padding-left:21px;
margin-bottom:5px;
}



#sites-content-right{
width:446px;
height:563px;
float:left;
}

#info {
width:396px;
height:403px;
padding:20px;
padding-right:30px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
clear:both;
}

#home-banner{
float:left;
width:423px;
height:107px;

}
/*Clients*/

#clients{
width:420px;
float:left;
margin-left:150px;
padding:20px;

}

/*Contact*/
#contact{
height:700px;
padding-left:40px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

}


/*Gallery Content*/
#gallery-content{
background:url(../img/gallery-bg.jpg) no-repeat;
width:745px;
height:568px;
float:left;

}

#gallery-content .main-img{
width:311px;
padding:22px 0px 0px 32px;
float:left;
}

#gallery-list{
float:right;
width:360px;
padding-left:10px;
padding-top:0px;
}

#gallery-list .gallery-thumb{
float:left;
padding:10px 0px 0px 14px;
}

#gallery-title{
font:Arial, Helvetica, sans-serif;
font-size:22px;
color:#FFFFFF;
float:right;
padding:40px 40px 0px 0px;

}

#gallery-list p{
font:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
float:left;
color:#FFFFFF;
padding:15px 22px 0px 20px; 

}

#details {
width:340px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
padding:10px 0px 0px 20px;

}

#details .container{
float:left;
text-align:left; 
margin-left:0px;
}

#details .container2{
float:left;
text-align:left; 
margin-left:40px;
}


/*Footer*/
#footer{
background:url(../img/footer.jpg) no-repeat;
width:705px;
height:100px;
margin-left:10px;;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding:10px 0px 0px 40px;;
}

/*Bottom Bar*/
#bottom-bar{
background:url(../img/bottom-bar.jpg) center no-repeat;
height:20px;
width:100%;
float:left;
}

/*SLIDER*/

#news-container{
background:url(../img/new-bg.jpg) no-repeat;
width:269px;
height:263px;
float:left;
margin: 15px 0px 0px 22px;
}
.news{
	
width:220px;
height:249px;
float:left;
padding-top:0px;

padding-left:10px;
padding-right:10px;
overflow:auto;
margin-left:15px;
margin-top:10px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}