body{
background:url(images/splatter.gif) no-repeat top right #000;
margin:0;
padding:0;
color:#919191;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#body_btm{
background:url(images/body_btm.gif) repeat-x bottom bottom;
}

img{
border:0;
}

#wrapper{
width:800px;
text-align:center;
margin:auto;
}

#spacer{
clear:both;
}

#navigation{
margin:0;
padding:0;
width:800px;
height:46px;
background:url(images/nav-l.gif) top left no-repeat #545454;
}

#navigation .nr{
background:url(images/nav-r.gif) top right no-repeat;
padding-right:21px;
height:46px;
}

#navigation .menu{
margin-left:21px;
color:#fff;
height:36px;
float:left;
width:429px;
margin-top:3px;
}

#navigation .menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
letter-spacing:3px;
}

#navigation .menu ul{
height:36px;
list-style:none;
margin:0;
padding:0;
text-align:left;
width:429px;
}

#navigation .menu li{
list-style:none;
display:block;
float:left;
height:36px;
line-height:36px;
}

#navigation .menu li a{
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
line-height:36px;
margin-top:2px;
padding:1px 9px;
}

#navigation .menu li a:hover{
font-style:italic;
}

#navigation .search{
color:#000;
font-size:11px;
margin-top:3px;
width:290px;
float:right;
height:36px;
background:url(images/search-l.gif) top left no-repeat #8d8d8d;
line-height:36px;
text-align:left;
}

#navigation .search a{
color:#000;
text-decoration:underline;
font-weight:bold;
}

#navigation .search .sn{
background:url(images/search-r.gif) top right no-repeat;
padding-right:16px;
height:36px;
line-height:36px;
}

#navigation .search .textbox{
margin:5px 0 0 0;
}

#navigation .search .btnsearch{
background:#8d8d8d;
border:0;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}

#header{
clear:both;
height:95px;
padding:50px;
text-align:left;
}

#content{
color:#919191;
font-size:11px;
text-align:left;
width:800px;
background:url(images/content-t.png) top no-repeat;
padding-top:10px;
}

#content .cbg{
background:#1b1b1b;
filter:alpha(opacity=90);
float:left;
padding:0px 0px 0px 15px;
width:800px;
}

html>body #content .cbg {
width:785px;
background:url(images/content.png) repeat;
}

#content .cbg img{
filter:alpha(opacity=100);
}

#content .cb{
clear:both;
background:url(images/content-b.png) bottom no-repeat;
width:800px;
height:9px;
}

#content .text{
width:550px;
float:left;
background:url(images/text-t.png) no-repeat top left;
padding-top:10px;
margin-bottom:10px;
}

#content .text .tb{
background:url(images/text-b.png) no-repeat top left;
width:550px;
height:11px;
clear:both;
}

#content .text .content{
width:550px;
background:#fff;
float:left;
padding: 0 10px;
}

html>body div #content .text .content{
width:530px;
}

#content .text .content a{
color:#66cc66;
text-decoration:underline;
}

#content .text .content a:hover{
text-decoration:none;
}

#content .text .content img{
margin:10px 10px 0 0;
padding:0;
float:left;
}

#content .text .content .imagelist img{
margin:0;
}

#content .text .content ul.imagelist{
list-style:none;
margin:10px 10px 0 0; 
padding:0;
text-align:left;
width:333px;
float:left;
}

#content .text .content .imagelist li{
list-style:none;
display:block;
float:left;
padding-right:3px;
padding-bottom:3px;
}

#content .text .content .imagelist li a{
display:block;
float:left;
margin-top:2px;
}

#content .text .content h1{
font-size:15px;
font-weight:bold;
padding:0;
margin:0;
color:#000;
}

#content .text .content h2{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
color:#000;
}

#content .text .content hr{
clear:both;
height:1px;
width:100%;
border:0;
border-bottom:dashed 1px #ccc;
}

#content .submenu{
width:230px;
float:right;
font-size:14px;
}

#content .submenu ul{
list-style:url(images/bullet.gif);
margin:0 5px;
padding:0 5px;
}

#content .submenu ul li{
margin:10px;
}

#content .submenu ul li a{
color:#fff;
text-decoration:none;
}

#content .submenu a{
color:#fff;
text-decoration:none;
}

#content .submenu ul li a:hover{
text-decoration:underline;
}

#content .submenu .templates h1{
width:216px;
height:41px;
background:url(images/templates.png) no-repeat;
font-size:14px;
color:#fff;
padding:10px;
margin:0;
}

html>body #content .submenu .templates h1 {
width:196px;
height:21px;
}

#content .submenu .webtools{
margin-top:10px;
}

#content .submenu .webtools h1{
width:216px;
height:41px;
background:url(images/webtools.png) no-repeat;
font-size:14px;
color:#fff;
padding:10px;
margin:0;
}

html>body #content .submenu .webtools h1 {
width:196px;
height:21px;
}

#content .submenu .ads{
margin-top:10px;
}

#content .submenu .ads h1{
width:216px;
height:41px;
background:url(images/ads.png) no-repeat;
font-size:14px;
color:#fff;
padding:10px;
margin:0;
}

html>body #content .submenu .webtools h1 {
width:196px;
height:21px;
}

#footer{
clear:both;
font-size:10px;
color:#fff;
}

#footer a{
color:#FFFF99;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

div.sociable { margin: 16px 0;text-align:center;margin:auto }

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}

.sociable span {
display: block;
}

.sociable ul {
list-style:none;
margin:0 auto;
padding:0;
}

.sociable li {
list-style:none;
display:block;
float:right;
background: none;
margin: 0;
padding: 1px;
}

.sociable ul li:before { content: ""; }

.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}



.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}

.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}