body {
	font-family: Verdana, Arial, sans-serif;
	margin: 15px 0;
	padding: 0px;
	background: #2D2D39 url(images/bg_lava.jpg) repeat-x;
	color:#666666;
}

h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 0.25em 0;
	}
	
h1 {color:#669900; font-size: 4.0em;}
h2 {color:#669900; font-size: 2.5em;}
h3 {font-size: 1.8em;}
	
a {color: #FF6600; text-decoration: none;}
a:hover {color:#3366CC;}

a img { border: none;}

dl {margin: 0; padding: 0;}
dt {margin: 5px 0; font-size: 1.2em; font-weight: bold;}
dd {margin: 10px;}

#COL3, #COL2 {
	width: 800px;
	margin: 0 auto;
}

#nav {
	width: 770px;
	height: 26px;
	margin-bottom: 9px;
	background: url(images/bg_nav.jpg) no-repeat;
	padding: 4px 15px 0 15px; }
	
#navBar, .hList ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 100%;}

#navBar li, .hList li {float: left;}

.hList img {display: block; padding: 0 5px; margin-bottom: 10px;}

#navBar a {display:block; padding: 0 8px; height:24px; text-indent:-999em; background-position: top; background-repeat:no-repeat; }
#navBar a:hover {background-position: bottom;}

#btnAbout {
	background-image: url(images/btn_about.gif);
	width: 87px; }
	
#btnNews {
	background-image: url(images/btn_news.gif); 
	width: 56px; }	
#btnSvcs {
	background-image: url(images/btn_services.gif); 
	width: 81px; }
	
#btnPortfolio {
	background-image: url(images/btn_portfolio.gif); 
	width: 100px; }
	
#btnQuote {
	background-image: url(images/btn_quote.gif); 
	width: 115px; }
	
#btnClients {
	background-image: url(images/btn_clients.gif); 
	width: 115px; }

#btnContact {
	background-image: url(images/btn_contact.gif); 
	width: 88px; }
	
#pageAbout #btnAbout,
#pageNews #btnNews,
#pageSvcs #btnSvcs,
#pagePortfolio #btnPortfolio,
#pageQuote #btnQuote,
#pageClients #btnClients,
#pageContact #btnContact {
	background-position: bottom;}
	
	
#masthead {
	clear: both;
	padding: 0;
	text-indent: -999px; }
	
#masthead a { 
	background: url(images/masthead_cham.jpg) #66CC00;
	top: 0;
	left: 0;
	width: 800px;
	height: 156px;
	cursor:pointer;
	display: block; }
#masthead h1, #masthead h2 {margin: 0; padding: 0;}
	
#content {
	width: 575px;
	padding: 10px 205px 5px 20px;
	margin: 0 auto;
	background: #F8F5E9;
	position: relative;
	font-size: 0.7em;
}

#content p {
	line-height: 1.6em;
	margin: 1.25em 0 0 0;
	padding: 0;}

#rightCol {
	position: absolute;
	top: 10px;
	left: 615px;
	width: 175px;
}

#leftCol {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 175px;
}

/* PAGES */

#COL3 #content {
	width: 410px;
	padding: 10px 195px 10px 195px;
}


#footer {
	width: 760px;
	margin: 0 auto;
	padding: 25px 20px 0 20px;
	background: url(images/bg_footer.gif) no-repeat top;
	height: 30px;
	color: #FFFFFF;
	font-size: 0.7em;
}

#hostingTbl td{
	border-bottom: 1px solid #7DAA7D;
}

#hostingTbl th {width:17%}

.col2 {background: #F0EAD0; }

.container {width: 50%; float: left;}

.clearBoth {clear: both;}

.frame {
	padding: 3px;
	border: 1px solid #3366CC;
}

.left {float: left; margin: 10px}
.center {text-align:center;}

.headerImg {
	margin: 0 0 5px 0;
}

.box {
	background: url(images/box_top_l.gif) top left no-repeat #EFE8CB ;
	padding: 15px 15px 10px 15px;
	}

.box h2 { margin: 0; padding: 0;}

.headlineBlock {
	margin: 0 0 0 225px;
}

.numList {margin: 10px 0px 10px 18px; padding: 0px; }

.bulList li {margin: 10px 0;}

.ulList {margin: 0 20px 0 0; padding: 0; list-style:none;}
.ulList li {margin: 10px 0;}

.menuList {margin: 0; padding: 0; list-style:none;}
.menuList li {border-bottom: #CCCCCC 1px solid}
.menuList a {padding: 5px 0; display: block; }
.menuList a:hover {background:#FF6600; color:#FFFFFF;}

/* FORMS */

#contact, #contact ul, #cc_form, #cc_form ul {margin: 0; padding:0;
	list-style:none;}
	
#contact li, #cc_form li {padding: 5px 0; clear:left; vertical-align:middle}

#contact input, 
#cc_form input, 
#cc_form .input1  {width: 200px;}

#contact .input2 {width: 350px;}

#cc_form .inputShort {width:100px;}

#contact .checkbox {width: auto;}

#contact li label, #cc_form li label { 
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding: 4px 10px;}
	
#cc_form li label {width: 230px;}

#contact fieldset {
	margin: 10px 0;
	padding: 10px;
}
	
legend {font-size: 1.2em; color:#669900}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* INDEX PAGE */

#tools P {
	font-size: 10px;
	line-height: 110%;
	padding: 0 0 18px 0;
	margin: 0;
}

#tools img {
	float: left;
	padding: 0 4px 0 0;
	clear: both;
	vertical-align:text-top
}

#news {margin: 15px 0}

#news P {
	font-size: 10px; 	
	line-height: 120%;
	margin: 1.0em 0;}

#portfolio ul {
	list-style:none;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#portfolio li {margin: 7px 0;}

/* END INDEX */

/* PAGES */

#pageAbout #btnAbout,
#pageNews #btnNews,
#pageSvcs #btnSvcs,
#pagePortfolio #btnPortfolio,
#pageQuote #btnQuote,
#pageClients #btnClients,
#pageContact #btnContact {
	cursor: default; }
	
#pageSvcs #content,
#pageNews #content {background: url(images/bg_cham.jpg) no-repeat #F8F5E9}

#pageSvcs #masthead a { 
	background: url(images/masthead_lava.jpg) #66CC00;}
	
#pageNews #masthead a { 
	background: url(images/masthead_baby.jpg) #66CC00;}
	
#pageClients #masthead a { 
	background: url(images/masthead_knowledgebase.jpg) #66CC00;}
	
#pageQuote #masthead a { 
	background: url(images/masthead_quote.jpg) #66CC00;}
	
#pageContact #rightCol {width: 210px; left: 570px;}

#pageContact #content, 
#pagePortfolio #content {background:url(images/lizard_silo.gif) no-repeat #F8F5E9;} 

#pageAbout #content, 
#pageQuote #content,
#pageClients #content {background:url(images/lizard_silo_rt.gif) no-repeat #F8F5E9 top right;} 
	

#pageQuote #rightCol {width: 200px; left: 585px;}

#pageQuote #content {
	width: 545px;
	padding: 10px 235px 5px 20px;
}


#pageClients h3, 
#pageNews h3 {margin: 1.25em 0 0 0; padding: 0;}

/* PORTFOLIO PAGE */
#pagePortfolio #masthead a { 
	background: url(images/masthead_dog.jpg) #66CC00;}

#pagePortfolio #rightCol {width: 180px; left: 600px;}

#pagePortfolio #rightCol h4 {display: block; color: #FFFFFF; font-size: 1.2em; background: #669900; padding: 2px 5px;}

#portThumbs img {margin: 7px;}

#portThumbs a img {	filter:alpha(opacity=50);-moz-opacity:0.5;}

#portThumbs a:hover img {filter:alpha(opacity=100);-moz-opacity:1.0;}

#portThumbs td {padding: 8px;}
#iconLegend {padding: 15px 0;}
#iconLegend img {padding: 0 10px 0 0;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
font-size: 0.7em;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.dockclass{
position:relative;
}

@media print {
	#navBar {display: none}	
	#rightCol {display: none}
	#masthead {text-indent: 0}
	#masthead a {height: auto;}
	#masthead h1, #masthead h2 {font-size: 18pt;}
}