*{
padding: 0;
margin: 0;
}
body{
background: #222222;
font-family: trebuchet;
color: #cccccc;
}
#container{
width: 960px;
margin: 40px auto 20px auto;
padding-bottom: 20px;
border-bottom: 1px solid white;
overflow: hidden;
}
#header{
width: 960px;
border-bottom: 1px solid white;
padding-bottom: 20px;
margin-bottom: 20px;
overflow: hidden;
}
h1{
font-size: 40px;
width: 400px;
float: left;
}
h2{
font-size: 20px;
margin-bottom: 10px;
}
h3{
width: 938px;
border: 1px solid #555555;
background: #333333;
margin-bottom: 10px;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.white{
color: #cccccc;
}
.green{
color: #00cc33;
font-weight: bold;
}
.pink{
color: #E98181;
}
.yellow{
color: #E0E981;
}
.blue{
color: #81B9E9;
}
#nav{
width: 500px;
float: right;
}
#nav ul{
list-style: none;
}
#nav li{
float: right;
padding-left: 20px;
padding-right: 20px;
padding-top: 25px;
}
#section_1{
width: 938px;
background: #444444;
overflow: hidden;
border: 1px solid #555555;
margin-bottom: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
}
#section_1_left{
width: 400px;
float:left;
padding: 10px;
}
#section_1_left p{
text-align: justify;
font-size: 17px;
line-height: 25px;
}
#section_1_middle{
float: left;
width: 400px;
height: 229px;
background: #333333;
margin-left: 30px;
margin-top: 10px;
border: 3px solid #555555;
padding: 10px;
position: relative;
}
#section_1_middle img{
position: absolute;
top: 10;
left: 10;
display: none;
}
#section_1_controls{
width: 50px;
float: left;
margin-left: 10px;
margin-top: 10px;

}
#section_1_controls ul{
list-style: none;
}
#section_1_controls li{
padding: 5px 10px 5px 10px;
background: #333333;
text-align: center;
margin-bottom: 10px;
border: 3px solid #555555;
cursor: pointer;
}
#services{
width: 960px;
font-size: 17px;
line-height: 25px;
}
#services_left, #footer_left{
width: 440px;
float: left;
}
#services_right{
width: 440px;
float: right;
}
#footer_right{
float:left;
}
#footer{
width: 960px;
margin: 0 auto 10px auto;
overflow: hidden;
}
.clear{
width: 958px;
clear:both;
}
.clear2{
width: 300px;
height: 40px;
clear:both;
}
input[type=text]{
margin: 10px 0 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 400px;
padding: 5px;
background: #333333;
border: 1px solid #555555;
color: #cccccc;
}
input[type=submit]{
margin: 10px 0 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
background: #333333;
border: 1px solid #555555;
color: #cccccc;
}
textarea{
margin: 10px 0 10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 410px;
height: 200px;
background: #333333;
border: 1px solid #555555;
color: #cccccc;
}
ul{
list-style: none;
}
#blog{
 margin-left: 30px;
 width: 500px;
 float:left;
 text-align: justify;
 }
 .entry{
 margin-bottom: 20px;
 }
 #blog_nav{
 width: 350px;
 float: right;
 }
 #explore{
 overflow: hidden;
 width: 350px;
 }
 #explore ul{
 list-style: none;
 }
 #explore li{
 float: left;
 padding: 10px;
 }
 #titles{
 position: relative;
 width: 350px;
 height: 300px;
  }
 #titles ul{
 position: absolute;
 top: 0;
 left: 0;
 display: none;
 margin-bottom: 20px;
 }
 #titles li{
 display:block;
 width: 330px;
 padding: 10px;
 border-bottom: 1px dashed #cccccc;
 }
 #alternative{
 width: 960px;
 margin: 15px auto;
 font-size: 17px;
line-height: 25px;
 }
 #alternative li{
 float: left;
 margin-right: 15px;
 }