body {
	margin:0;
	padding:0;
	background:#2476CA url(images/bg_top.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	line-height: 1.5em;
	}

#container {
	margin:0px auto;
	width:760px;
	background-color: white;
	background-image: url(images/r_bar.jpg);
	background-repeat: no-repeat;
	}

#header {
	width: 760px;
	height: 71px;
	}
	
h1 {
	margin: 0px;
	padding: 0px;
	}

#header h1 a {
	display:block;
	width:246px;
	background: url(images/logo_comnet.gif) no-repeat 0 0;
	height: 71px;
	}

#header h1 a:hover {
   background-position: -246px 0;
	}

#header h1 a span {
	display: none;
	}

/***************************************************
	Navigation
***************************************************/

#topnav { height:53px;}
#topnav ul {float:left;list-style-type:none;margin: 0px;padding: 0px;}
#topnav ul li {float:left;margin: 0px;padding: 0px;}
#topnav ul li a { display:block; text-indent: -3000px; height:53px; text-decoration:none; }
#topnav #btn1 a { background: url(images/btn_home.gif) no-repeat; width:60px; }
#topnav #btn2 a { background: url(images/btn_about.gif) no-repeat; width:69px; }
#topnav #btn3 a { background: url(images/btn_portfolio.gif) no-repeat; width:98px; }
#topnav #btn4 a { background: url(images/btn_services.gif) no-repeat; width:86px; }
#topnav #btn5 a { background: url(images/btn_contact.gif) no-repeat; width:93px; }
#topnav #btn1 a:hover, #topnav #btn2 a:hover, #topnav #btn3 a:hover, #topnav #btn4 a:hover, #topnav #btn5 a:hover { background-position:0 -53px; }
#topnav #btn1 a.on, #topnav #btn2 a.on, #topnav #btn3 a.on, #topnav #btn4 a.on, #topnav #btn5 a.on { background-position:0 -53px; }

#main {
	float:left;
	width:480px;
	min-height: 400px;
	height: auto; 
	}

.box {
	background-image: url(images/c_websites.gif);
	background-repeat: no-repeat;
	height: 124px;
	width: 481px;
	}

.box_l {
	width: 260px;
	float: left;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 10px;
	margin: 0px;
	}
	
.box_l h3 {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	}
	
.box_r {
	height: 124px;
	width: 160px;
	float: right;
	background-image: url(images/bg_item.gif);
	background-repeat: no-repeat;
	text-align: center;
	}
	
.box_r:hover {
	background-image: url(images/bg_item_on.gif);
	}

.box strong {
	font-size: 1.2em;
	color: #009900;
	}

#sidebar {
	float:right;
	width:260px;
	}

#sidebar p {
	margin: 160px 0px 0px;
	padding-left: 10px;
	line-height: 1.3em;
	padding-right: 10px;
	color: #1A629D;
	}
.btnbox {
	float: left;
	width: 250px;
	padding-left: 40px;
}


#footer {
	clear:both;
	padding-top: 10px;
	height: 140px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-color: #2476CA;
	}

#footer p {
	padding:5px;
	color: #B1C8D2;
	font-family: Tahoma, Helvetica, sans-serif;
	float: right;
	margin-top: 30px;
	}
	
#footer a {
	color: #FFFFFF;
	}
	
h2 {
	font-size: 2em;
	font-weight: normal;
	color: #0099CC;
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 5px;
	}

h2 span {
	color: #00CCFF;
	font-size: 0.8em;
	}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #006699;
	margin: 10px 0px 5px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

#rCol h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}
	
a{outline: none;}
a:active{outline: none;}
img {border: 0;}
.hide {display: none;}
.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
a:link {color: #0099CC;}
a:visited {color: #0099FF;}
a:hover {text-decoration: none;}
#content {padding-left: 20px;}
abbr, acronym, .help {cursor: help;}

div.thumb { margin-bottom:20px; }
div.thumb a img {
    background:url(images/thumb_f.jpg) no-repeat;
    padding:15px;
    margin-right:4px;
	}
div.thumb a:hover img {
     background-position: 0 -104px ;
	}

#portfolio {
	height:43px;
	float: right;
	width: 222px;
	margin-top: 10px;
	margin-left: 10px;
}
#portfolio ul {float:left;list-style-type:none;margin: 0px;padding: 0px;}
#portfolio ul li {float:left;margin: 0px;padding: 0px;}
#portfolio ul li a { display:block; text-indent: -3000px; height:43px; text-decoration:none; }
#portfolio #prv a { background: url(images/btn_previous.gif) no-repeat; width:90px; }
#portfolio #up a { background: url(images/btn_up.gif) no-repeat; width:38px; }
#portfolio #nxt a { background: url(images/btn_next.gif) no-repeat; width:93px; }
#portfolio #prv a:hover, #portfolio #up a:hover, #portfolio #nxt a:hover { background-position:0 -43px; }
.subttl {
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}

/***************************************************
	form
***************************************************/

.required {
	color: #CC0000;
	}

#rCol {
	float: right;
	width: 180px;
	}
	
#lCol {
	width: 270px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
	float: left;
	}
	
form br {
	line-height: 1px;
	}
	
#contactForm input.inp, #contactForm textarea.inp {
	font: 11px verdana, sans-serif;
	color: #006699;
	width: 250px;
	background: #FCFCFC;
	border: 1px solid #CCC;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	}
	
#contactForm input.inp:hover, #contactForm textarea.inp:hover {
	border: 1px solid #4FD3FF;
	}
	
#contactForm input.inp:focus, #contactForm textarea.inp:focus {
	border: 1px solid #99CC00;
	background: #FFF !important;
	color: #333333;
	}
#rCol p {
	margin: 5px 0px 0px;
	padding: 0px;
}

.nameurl {
	margin-left: 22px;
}
.captcha {display:block;}
.captcha img {border: 1px solid #ccc; padding:2px;}