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

#header{
position:absolute;
top:0;
right: 0;
width:100%;
height:93px;
 background-image:url(images/header_back.jpg);
 background-repeat:repeat-x;

}

#logo{
position:relative;
top:15px;
left:-250px;
background:url(images/logo.png);
background-repeat:no-repeat;
width:200px;
height:68px;
}

#main_container{
position:absolute;
top:100px;
left:50%;
margin-left:-367px;

}


#main{
position:absolute;
background:url(images/main.jpg);
background-repeat:no-repeat;

}

#main.menu{
background-position:0px 0px;
width:202px;
height:328px;

}

#main.menu li{
margin-top:20px;
list-style:none;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;}

#main.menu li a{
text-decoration:none;
color:#FFFFFF;
}


#main.menu li a:hover{
padding-left:4px;
}
	

#main.main{
left:206px;
background-position:-220px 0px;
width:526px;
height:328px;
}

#main.box1{
left:2px;
top:330px;
background-position:-5px -345px;
width:185px;
height:130px;
}

#main.box2{
left:187px;
top:330px;
background-position:-195px -345px;
width:180px;
height:130px;
}

#main.box3{
left:368px;
top:330px;
background-position:-380px -345px;
width:180px;
height:130px;
}

#main.box4{
left:550px;
top:330px;
background-position:-565px -345px;
width:180px;
height:130px;
}


#contact{
position:absolute;
background:url(images/contact.jpg);
background-repeat:no-repeat;

}

#contact.menu{
background-position:0px 0px;
width:202px;
height:328px;

}

#contact.menu li{
list-style:none;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;}

#contact.menu li a{
text-decoration:none;
color:#FFFFFF;
}


#contact.menu li a:hover{
padding-left:4px;
}
	

#contact.main{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#000000;
text-align:left;
padding-top:80px;
padding-left:280px;

left:206px;
background-position:-220px 0px;
width:526px;
height:328px;
}

#contact.main a{
text-decoration:none;

}

#contact.box1{
left:2px;
top:330px;
background-position:-5px -345px;
width:185px;
height:130px;
}

#contact.box2{
left:187px;
top:330px;
background-position:-195px -345px;
width:180px;
height:130px;
}

#contact.box3{
left:368px;
top:330px;
background-position:-380px -345px;
width:180px;
height:130px;
}

#contact.box4{
left:550px;
top:330px;
background-position:-565px -345px;
width:180px;
height:130px;
}





#cs{
position:absolute;
background:url(images/comingsoon.jpg);
background-repeat:no-repeat;

}

#cs.menu{
background-position:0px 0px;
width:202px;
height:328px;

}

#cs.menu li{
list-style:none;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;}

#cs.menu li a{
text-decoration:none;
color:#FFFFFF;
}


#cs.menu li a:hover{
padding-left:4px;
}
	

#cs.main{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#000000;
text-align:left;
padding-top:80px;
padding-left:280px;

left:206px;
background-position:-220px 0px;
width:526px;
height:328px;
}

#cs.main a{
text-decoration:none;

}

#cs.box1{
left:2px;
top:330px;
background-position:-5px -345px;
width:185px;
height:130px;
}

#cs.box2{
left:187px;
top:330px;
background-position:-195px -345px;
width:180px;
height:130px;
}

#cs.box3{
left:368px;
top:330px;
background-position:-380px -345px;
width:180px;
height:130px;
}

#cs.box4{
left:550px;
top:330px;
background-position:-565px -345px;
width:180px;
height:130px;
}


#def-O{
position:absolute;
bottom:200px;
left:40%;
background:url(images/defs.png);
background-position:0px 0px;
background-repeat:no-repeat;
width:300px;
height:27px;
}

#def-D{
position:absolute;
bottom:200px;
left:40%;
background:url(images/defs.png);
background-position:0px -60px;
background-repeat:no-repeat;
width:300px;
height:24px;
}

#def-M{
position:absolute;
bottom:200px;
left:40%;
background:url(images/defs.png);
background-position:0px -27px;
background-repeat:no-repeat;
width:300px;
height:36px;
}


