html{
}

body {
background-color: black;
background-image: url(../Images/background.jpg);
background-repeat: no-repeat;
background-position: left top;
color:  white; 
margin:0 0 0 0px;
padding: 0 0 0 0;
word-spacing:1px;
font-family: Verdana, Georgia, Trebuchet MS, Arial, serif;
line-height: 1;
width: 1024px;
}

ul.double{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 110px;
clear: both;
}

ul.double li{
float: left;
}

ul.pictures{
list-style: none;
margin: 25px 0px 0px 0px;
padding: 0px 3px 100px 0px;
}

ul.pictures li{
float: none;
}

ul.pictures p{
width: 220px;
padding: -80px 0px 0px 0px;
text-align: justify;
font-size: 10px;
}

ul.pictures li a img{
border: 1px solid white;
}

ul.pictures li a:hover img{
border: 1px solid #ffff99;
}

ul.framework{
list-style: none;
margin:0px 0px 0px 0px;
padding:0;
clear: both;
}

ul.framework li{
float: left;
}

ul.framework h3 img{
margin: 240px 0 0 -535px;
padding: 0 0 0 0;
border: 10px solid white;
}

ul.nav{
list-style: none; 
margin: 137px 0px 0px 112px; 
padding: 0 0px 0 0px;
}

ul.nav li{
margin: 0px 8px 0 0px; 
padding: 0px 8px 0px 0px;
line-height: 1.15;
float: left;
}

ul.nav li a{
font-size:18px;
border:0px;
padding: 0px 0 0px 0px; 
margin: 0px 0px 0px 0; 
text-decoration: none;
}

ul.nav img{
border-width: 0px;
margin: 0px 0 0 0;
}

#picture{
padding: 20px 0px 0px 195px;
}

#main{
width:445px;
background: black;
margin:6px 0px 10px 110px;
padding:0px 0px 0px 0px;
line-height:1;
word-spacing:2.5px;
text-align: justify;
border: 1px solid white;
color: white;
}

.box{
background: transparent;
border:0px solid white;
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 20px;
float: none;
clear: none;
}

/*
.box:before{
background: url(../images/topright.gif)  no-repeat top right;
content: url(../images/topleft.gif);
display: block;
margin: -1px -29px 0px -30px;
}

.box:after{
background: url(../images/bottomright.gif)  no-repeat top right;
content: url(../images/bottomleft.gif);
display: block;
margin: -1px -29px -6px -29px;
}
*/

.box h1{
font-size:14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 0px 0 5px 0px;
padding: 5px 0 0 0;
color: #ff0000;
color: white;
}

.box h2{
font-size:12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 5px 0 5px 0px;
padding: 0px;
color: white;
}

.box h3{
font-size:8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 5px 0 5px 0px;
padding: 0px;
color: white;
}

.box h4{
font-size:11px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 5px 0 5px 0px;
padding: 0px;
color: white;
}

.box table{
font-size: 12px;
}

.box table img a{
font-size: 12px;
text-decoration: none;
}

.box table a{
font-size: 12px;
text-decoration: none;
color: white;
}

.box table tr td a:hover{
color:#ffff99;
text-decoration: underline;
}

.box a img{
border: 0;
}

.box p{
line-height: 1.20;
font-size: 12px;
margin: 15px 0 15px 0;
}

.box p a{
color:#ffff99;
text-decoration: underline;
}

.box p img{
border: 1px solid white;
}

.box p a:hover{
color: red;
}

.box ul{
list-style: none;
margin: 10px 0px 75px 0px;
padding: 0px 0px 10px 116px;
}

.box ul li{
float: left;
margin: 0px 10px 0px 0px;
}

#sub{
width:200px;
margin:6px 0px 2px 4px;
padding:0px 0px 0px 0px;
text-align: justify;
display: block;
}

.listbox{
background: black;
border:0px solid white;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
color: white;
font-size: 12px;
}

.listbox ul{
list-style: circle;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}


.listbox ul li{
padding: 0px 0px 20px 0px;
float: none;
margin: 0;
}

.smallbox{
background: #cc3333;
border:1px solid white;
padding: 15px 8px 5px 8px;
margin: 0px 0px 5px 0px;
color: white;
}

/*
.smallbox:before{
background: url(../images/toprightred.gif)  no-repeat top right;
content: url(../images/topleftred.gif);
display: block;
margin: -16px -9px 0px -9px;
}

.smallbox:after{
background: url(../images/bottomrightred.gif)  no-repeat top right;
content: url(../images/bottomleftred.gif);
display: block;
margin: 0px -9px -16px -9px;
}
*/

.smallbox h2{
text-align: center;
color: white;
text-transform: uppercase;
margin: 20px 0 5px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
text-decoration: underline overline;
}

.smallbox ul{
list-style: none;
margin: 25px 0px 25px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}


.smallbox ul li{
float: none;
margin: 0;
}

.smallbox ul li a{
text-decoration: none;
color: white;
clear: right;
font-size: 10px;
}

.smallbox ul li a:hover{
color: #ffff99;
text-decoration: underline;
}

b{
color: yellow;
}

#ad{
width:200px;
background: black;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: 0px solid white;
color: white;
}

.ad{
background: black;
border:0px solid white;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: white;
}

.ad a img{
border: 0px;
}