﻿* {
list-style:none;
text-decoration:none;
color:#FFFFFF;
border:0;
margin:0;
padding:0;
}



body {
overflow:auto;
background-image:url(images/bodybg.gif);
color:#000;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}



.text {
color: #333;
}



#wrapper {
background-image:url(images/wrapperbg.gif);
background-repeat:repeat-y;
width:1000px;
background-color:#FFF;
margin:0 auto;
padding:0;
}

.clear{
clear:both;
}



img {
display:block;
}

a {
color:#FFFFFF
}

a:hover {
color:#999999;
}



/* Header */

#header{
text-decoration: none; 
border:0; 
padding:0; 
display: block; 
text-indent: -9999px; 
letter-spacing: -9999px; 
font-size:0; 
width: 300px; 
height:99px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-position:0 0;
margin-bottom:20px;
}



#header:hover { 
background-position: -300px 0;
}







/* Content Left */

#contentleft{
margin-left:10px;
height:100%;
float:left;
width:300px;
padding-top:10px;
}



#contentleft img{
margin-bottom:20px;
}



#contentleft .smallplugs {
margin-left:16px;
margin-bottom:16px;
padding:2px;
border:#000 dashed 1px;
float:left;
}

#contentleft .smallplugs:hover{
margin-left:16px;
margin-bottom:16px;
padding:2px;
border:#FFF dashed 1px;
float:left;
}



#contentleft .menu {
clear:both;
background-image:url(images/menu.gif);
background-position:inherit;
background-repeat:no-repeat;
padding-top:40px;
margin-bottom:20px;
}



#contentleft .menu li{
margin-left:20px;
}





/* Content Middle */


#contentmid {
margin-left:10px;
float:left;
width:500px;
}


#contentmidaround{
margin-left:10px;
float:left;
width:500px;
}
#contentmidaround #contentmid{
margin-left:0px;
float:none;
width:auto;
}


.plug0 p, .plug1 p {
color:#CCCCCC;
font-size:10px;
position: absolute;
left: 0;
bottom: 0;
}

.plug0 img, .plug1 img {
padding:2px;
border:#616161 dashed 1px;
position:absolute;
top:0px;
width:160px;
}

.plug0 img:hover, .plug1 img:hover{
padding:2px;
position:absolute;
top:0px;
border:#FFF dashed 1px;
}



.plug3 img {
border:#616161 dashed 1px;
position:absolute;
top:0px;
width:160px;
}

.plug3 img:hover {
border:#FFF dashed 1px;
position:absolute;
top:0px;
width:160px;
}



.plug0 h2, .plug1 h2 {
color:#f5ad4f;
font-size:14px;
}

.plug0 .small1, .plug0 .small2, .plug0 .small3, .plug1 .small1, .plug1 .small2, .plug1 .small3 {
height:95px;
width:95px;
}

.plug0 .small1, .plug0 .small1:hover, .plug1 .small1, .plug1 .small1:hover {
position:absolute;
left:0px;
top:-98px;
}

.plug0 .small2, .plug0 .small2:hover, .plug1 .small2, .plug1 .small2:hover {
position:absolute;
left:105px;
top:-98px;
}

.plug0 .small3, .plug0 .small3:hover, .plug1 .small3, .plug1 .small3:hover {
position:absolute;
left:210px;
top:-98px;
}





.plug0{
margin:10px;
position:relative;
border-bottom:#FFFFFF 1px dotted;
height:160px;
padding-bottom:10px;
}

.plug0 img{
left:0px;
}

.plug0 .descr{
position:absolute;
top:0px;
left:170px;
width:310px;
height:169px;
}



.plug1{
margin:10px;
position:relative;
border-bottom:#FFFFFF 1px dotted;
height:160px;
padding-bottom:10px;
}

.plug1 img{
right:0px;
}

.plug1 .descr{
position:absolute;
top:0px;
right:170px;
width:310px;
height:169px;
}





/* Content Right*/
#contentright{
margin-left:10px;
float:left;
width:160px;
padding-top:10px;
}



#contentright img{
margin-bottom:20px;
}



#contentright .smallplugs {
margin-left:16px;
margin-bottom:16px;
padding:2px;
border:#000 dashed 1px;
}



#contentright .smallplugs:hover{
margin-left:16px;
margin-bottom:16px;
padding:2px;
border:#FFF dashed 1px;
}



#contentright .partners {
clear:both;
background-image:url(images/partners.gif);
background-position:inherit;
background-repeat:no-repeat;
padding-top:40px;
margin-bottom:20px;
}



#contentright .partners li{
margin-left:20px;
}



/* Footer and below the content*/

#links {
clear:both;
background-color:#000000;
border-left:10px #FFFFFF solid;
border-right:10px #FFFFFF solid;
border-top:10px #FFFFFF solid;
width:970px;
padding:5px;
}



#footer{
clear:both;
background-color:#000000;
border-left:10px #FFFFFF solid;
border-right:10px #FFFFFF solid;
border-top:10px #FFFFFF solid;
width:970px;
padding:5px;
}

/* Page Navigation */
#page_navi {
text-align:center;
margin:auto;
padding-bottom:10px;
}

#page_navi a {
border:#CCC 1px solid;
font-size:10px;
margin:5px;
padding:5px;
background-color:#333;
color:#FFF;
}

#contentmidaround h1 {
font-size:14px;
color:#f5ad4f;
}