*{
	margin:0;padding:0;
}
html{
	background : #777 url('../images/body-bg_flat.png') repeat-x;
}
          
div#pageinfo{
 	color : #444;
 	text-align : center;
    font-weight : bold;
    font-size : 60%;
	font-family : georgia, serif;
}
div#pageinfo a{
  	color : #333;
}
div#container{
	margin : 10px auto; 
	width : 800px;
	background : #ededff;	
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	font-family :  Verdana, sans-serif;
}

div#header{
	height : 250px;
	padding : 0;
	background : #000025 url(../images/header_flat.png) no-repeat;
	}
	
body#homepage div#header{
	background : #000025 url(../images/homeheader_flat.png) no-repeat;
}
	
div#header h2{
	text-align: right;
	font: italic 120% Georgia, Serif;
	color : #222;
}

div#content{
	background : url('../images/footer-banner_flat.png') no-repeat 0 100%;
	padding: 20px 25px 20px 25px;
	border-top : 1px solid #333;
}

body#homepage div#content{
	color : white;
	background :#000103 url('../images/home-footer-banner_flat.png') no-repeat 0 100%;
	background-color : #000103;
	padding: 0px 25px;
	border : 0;
}

body#workpage div#content{
	background :#000103 url('../images/home-footer-banner_flat.png') no-repeat 0 100%;
}

ul#topmenu{
	list-style-type:none;
	position:relative;
	text-align:center;
	top:200px;
	right : 20px;
}

ul#topmenu li{
	font : 110% tahoma,verdana,sans-serif;
	text-align : center;
	margin : 0;
	float : right;
}

ul#topmenu li a{
	border : 0;
	border-left : 1px solid #004398;
	padding : 4px 10px;
	color : #999;
	text-align : center;
}
ul#topmenu li#m_home a{
	border : none;
}

ul#topmenu li a:hover{
	text-decoration : underline;
}

ul.homemenu{
	list-style-type : none;
	text-align : center;
}

ul.homemenu li{
	font : 150% tahoma,verdana,sans-serif;
	text-align : center;
	margin : 20px 0;
}

body#contactpage li#m_contact a, body#howpage li#m_how a, body#servicespage li#m_services a, body#workpage li#m_work a, body#aboutpage li#m_about a{
	color : #ccc;
}

div#leftcol ul li{
	padding-right : 10px;
}
div#rightcol ul li{
	padding-left : 10px;
}
div#bothcol{
	clear:both;
}

div.clear{
	clear:both;
}

div#bothcol ul li{
	margin-top : 0;
}

ul.homemenu li a{
	border : 3px solid #889;
	display : block;
	padding : 20px;
	color : white;
}
ul.homemenu li a:hover{
	border : 3px solid #004387;
}

div#sidebar{
	float: left;
	margin: 20px 0 20px 20px;
	padding: 10px 40px 20px;
	border : 1px solid #777;
}

div#leftcol{
	float : left;
	width:50%;
}

div#rightcol{
	float:right;
	width : 50%;
}

div#bothcol{
	width : 100%;
}

div#sidebar h2{
	font-variant: small-caps;
	padding-bottom:10px;
}

div#footer{
	height : 100px;
	clear : both;
	text-align: center;
	font-size: 10px;
}

div#footer p{
	color : #999;
	margin : 20px 0 0 0;
}

p{
	margin-bottom:16px;
}	
h3{
	margin-top : 5px;
	padding-bottom : 6px;
}
h4#alert{
	border : 1px solid #ccc;
    text-align : center;
    color : green;
    padding : 2px 0;
    margin-bottom : 10px;
    cursor : pointer;
}
a{
	text-decoration : none;
}
a:hover{
	border-bottom : 1px solid #444;
}

a img{
	border : 0;
	padding-right: 5px;
}

input{
	margin-bottom : 2px;
	}
input.text{
	border : 1px solid #999;
}
input:focus{
	background-color : #ee9;
	color : #000;
}
label{
	float : left;
	clear : left;
	text-align : right;
	display : block;
	width : 100px;
	cursor : pointer;
}

input,textarea,select{
  font-family : Verdana, sans-serif;
  font-size : 80%;
}

body#homepage input,body#homepage textarea{
  width : 260px;
}

div.srv{
	float : left;
	width : 50%;
}

body#servicespage h4+ul{
	list-style-type : none;
	padding: 2px 0;
	margin : 0;
	background : #ededff;
}

body#servicespage ul li{
	padding-bottom: 2px;
}

body#servicespage h4{
	margin: 2px;
	padding : 2px;
	background : #cbcadd;
	font-size : 90%;
	font-weight : bold;
	text-align : center;
}