* {
margin:0;
padding:0;
}
body {
background-color:#000099;
background-image:url(../images/topbar.jpg);
background-repeat:repeat-x;
font-size:12px;
font-family:Arial;
text-align:left;
color:#999999;
}
#page {
width:780px;
margin:auto;
text-align:left;
}
#header {
width:780px;
height:60px;
clear:both;
}
#header .left {
width:300px;
float:left;
padding-top:15px;
padding-left:10px;
}
#header .right {
width:430px;
float:right;
padding-right:10px;
}
h1 a {
color:#FFFFFF;
font-size:40px;
font-weight:bold;
text-decoration:none;
}
h1 a span {
color:#ececec;
font-weight:normal;
text-decoration:none;
}
a {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:underline;
}
.menulinks {
float:right;
}
.menulinks a {
padding-top:15px;
border-top:5px solid #555555;
font-size:14px;
font-weight:bold;
color:#999999;
text-decoration:none;
display:block;
padding-left:15px;
padding-right:15px;
float:left;
height:30px;
}
.menulinks a:hover {
text-decoration:none;
}
.menulinks a.orange1 {
display:none;
background-color:#e58a14;
border-top:5px solid #e58a14;
color:#FFFFFF;
}
.menulinks a.orange:hover {
border-top:5px solid #e58a14;
color:#e58a14;
}
.menulinks a.green1 {
display:none;
background-color:#3ad53a;
border-top:5px solid #3ad53a;
color:#FFFFFF;
}
.menulinks a.green:hover {
border-top:5px solid #3ad53a;
color:#3ad53a;
}
.menulinks a.blue1 {
display:none;
background-color:#58d2fb;
border-top:5px solid #58d2fb;
color:#FFFFFF;
}
.menulinks a.blue:hover {
border-top:5px solid #58d2fb;
color:#58d2fb;
}
.menulinks a.pink1 {
display:none;
background-color: #c43fb9;
border-top:5px solid  #c43fb9;
color:#FFFFFF;
}
.menulinks a.pink:hover {
border-top:5px solid #c43fb9;
color:#c43fb9;
}
.menulinks a.darkblue1 {
display:none;
background-color: #6666ff;
border-top:5px solid  #6666ff;
color:#FFFFFF;
}
.menulinks a.darkblue:hover {
border-top:5px solid #6666ff;
color:#6666ff;
}
#mainarea {
	clear:both;
	width:780px;
	padding-top: 10px;
}
h2 {
font-size:30px;
padding-bottom:10px;
}
p {
line-height:20px;
}
#home {
width:780px;
padding:10px;
display:block;
}
#home img {
border:1px solid #e58a14;
float:left;
margin-top:3px;
margin-right:8px;
margin-bottom:3px;
}
#home h2 {
color:#e58a14;
}
#about {
width:780px;
padding:10px;
display:none;
}
#about img {
border:1px solid #3ad53a;
float:left;
margin-top:3px;
margin-right:8px;
margin-bottom:3px;
}
#about h2 {
color:#3ad53a;
}
#services {
width:780px;
padding:10px;
display:none;
}
#services h2 {
color:#58d2fb;
}
#contact {
width:780px;
padding:10px;
display:none;
}
#contact h2 {
color:#c43fb9;
}
#contact h3 {
color:#c43fb9;
font-size:18px;
padding-bottom:10px;
}
#projects {
	width:780px;
	padding:10px;
	display:none;
	text-align: left;
	vertical-align: text-top;
}
#projects h2 {
color:#6666ff;
}
.contentarea {
	width:480px;
	padding-right:10px;
	float:left;
}
.sidebar {
width:250px;
float:left;
margin-top:50px;
padding:10px;
background-color:#444444;
}
.sidebar p {
	clear:both;
}
.servicearea {
width:780px;
padding:10px;
float:left;
}
#contactform {
font-size:12px;
color:#FFFFFF;
padding-top:5px;
padding-left:5px;
}
#contactform .left {
float:left;
padding:0px;
width:100px;
}
.input {
background-color:#3e3e3d;
border:1px solid #555555;
color:#FFFFFF;
width:400px;
padding:4px;
height:14px;
margin-bottom:5px;
}
.textarea {
background-color:#3e3e3d;
border:1px solid #555555;
color:#FFFFFF;
float:left;
width:400px;
padding:4px;
}
.input:focus, .textarea:focus, #sendbutton:hover {
border:1px solid #c43fb9;
}
#sendbutton {
background-color:#3e3e3d;
color:#FFFFFF;
border:none;
width:100px;
font-family:Arial;
font-size:12px;
padding:4px;
margin-top:10px;
margin-left:310px;
border:1px solid #555555;
}
#sendbutton:hover {
background-color:#c43fb9;
color:#FFFFFF;
}
.input_caption {
clear:both;
padding-top:3px;
padding-bottom:2px;
}
#footer {
color:#FFFFFF;
padding-top:20px;
clear:both;
width:770px;
padding-right:10px;
text-align:right;
}
li {
list-style-type: square;
list-style position: inside;
line-height: 20px;
padding-left: 1px;
margin-left: 12px;
}