body {
background-color:#333333;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}
#box {
width:660px;
height:550px;
top:50%;
left:50%;
margin-top:  -275px;
margin-left: -330px;
position:absolute;
}
#top {
width:660px;
height:16px;
background-image:url(images/bgtop.jpg);
background-repeat:no-repeat;
}
#middle {
width:660px;
height:523px;
background-image:url(images/bgbody.jpg);
}
#bottom {
width:660px;
height:14px;
background-image:url(images/bgbottom.jpg);
background-repeat:no-repeat;
}
#nav {
width:630px;
height:44px;
background-color:#333;
margin:0 auto;
}
#nav #logo {
display:inline;
float:left;
}
#nav #logo h1 {
padding:0;
margin: 14px 0 0 10px;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}
#nav #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav #logo h1 span{
color:#999;
}
#nav #menu {
display:inline;
float:right;
}
#nav #menu ul{
padding:0;
margin:16px 10px 0 0;
font-size:12px;
}
#nav #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 10px;
text-transform:uppercase;
}
#nav #menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
#nav #menu ul li a:hover{
color:#999;
}
#main_img {
width:630px;
height:402px;
background-image:url(http://www.model-agency.com/images/model-agency-intro-002.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#main_text {
width:630px;
height:600px;
background-color:#333;
margin:0 auto;
}
#main_text p {
margin:0;
padding:0;
}
#main_text p a{
color:#FFFFFF;
text-decoration:none;
}
#welcome {
width:600px;
margin:0 auto;
padding: 10px 0;
}
#main_text h2 {
margin:0;
padding:0;
color:#CCCCCC;
font-size:14px;
}
#footer {
text-align:center;
color:#a9a9a9;
clear:both;
}
#footer a{
text-decoration:none;
color:#a9a9a9;
}
html { scrollbar-face-color:#333333;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#333333;
scrollbar-shadow-color:#222222;
scrollbar-highlight-color:#222222;
scrollbar-3dlight-color:#222222;
scrollbar-darkshadow-Color:#222222; }