/* CSS Document */

/* undo some default styling of common (X)HTML browsers
************************************************************/

/* No list-markers by default - 
* must redefine bullets w/ bg graphics
********************************************************/
ol, ul{
	list-style:none;
}

/* Avoid browser default inconsistent heading, 
* font-sizes and pre/code
********************************************************/
td, code, pre, h6, h5, h4, h3, h2, h1, body {
	font-size:1em;
}


/* Remove inconsistent (among browsers) - 
* default padding or margin 
********************************************************/
hr, img, td, tr, table, dl, dt, dd, div, label, input, fieldset, blockquote, p, html, body, form, pre {
	margin:0; padding:0;
}

h6, h5, h4, h3, h2, h1 {
	margin:0; padding:0;
}

li, ol, ul {
	margin:0; padding:0;
}

/* prevent blue linked image borders
********************************************************/
fieldset {
	border:none;
}

:visited img {
	border:none;
}

:link img {
	border:none;
}

a img {
	border:none;
}

/********************************************************/
h1 {
	color:#876A42;
	font-size:12px;
	font-family:Verdana, Arial;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	letter-spacing:0px;
	line-height:20px;
	padding:0px 0px 10px 0px;
}

h2 {
	color:#0184fc;
	font-size:14px;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	letter-spacing:0px;
	padding:0px 0px 10px 0px;
}

li {
	color:#876A42;
	font-size:12px;
	font-family:Verdana, Arial;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	letter-spacing:0px;
	line-height:20px;
	padding:0px 0px 10px 0px;
	
}

p {
	color:#876A42;
	font-size:11px;
	text-align:left;
	padding:0;
	}

	

body, html {
	background-color:#fff;
	font-size: 13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
	text-transform:none;
	color: #9F9C95;
	font-family: "Lucida Sans", Arial, Verdana;	
	line-height: 18px;	
}

div#container {
	position:relative;
	width:980px;
	min-height:800px;
	height:auto;
	margin:auto;
}

div#logo {
	position:relative;
	width:400px;
	height:138px;
	top:40px;
	background:transparent url('images/logo2.jpg') no-repeat scroll left top;
	float:left;
}

div#watermark {
	position:relative;
	top:10px;
	width:442px;
	height:329px;
	background: transparent url('images/water.jpg') no-repeat scroll left top;
	float:right;
} 
div#watermark:after {
  clear:both;
}
div#hosting-image {
	position:relative;
	top:210px;
	width:442px;
	height:329px;
	background: transparent url('images/smoke.gif') no-repeat scroll left top;
	float:right;
} 
div#design-image-jigsaw {
	position:relative;
	top:210px;
	width:442px;
	height:329px;
	background: transparent url('images/design-image-jigsaw.jpg') no-repeat scroll left top;
	float:right;
} 

div#web-image-sites {
	position:relative;
	top:210px;
	width:442px;
	height:329px;
	background: transparent url('images/web-image-sites.jpg') no-repeat scroll left top;
	float:right;
} 


div#blank {
	position:relative;
	top:10px;
	width:442px;
	height:329px;
	background: transparent url('images/blank.gif') no-repeat scroll left top;
	float:right;
} 


div#cans {
	position:relative;
	top:180px;
	width:442px;
	height:329px;
	background: transparent url('images/communicate.jpg') no-repeat scroll left top;	
	float:right;
} div#cans:after {
  clear:both;
}

div#line {
	position:relative;
	width:980px;
	height:2px;
	background: transparent url('images/line2.jpg') no-repeat scroll left top;
	float:left;
	top:-165px;
}

div#main {
	position:relative;
	width:550px;
	height:auto;
	float:left;
	margin: -150px 0 30px 0;
	}
div#clear {
  clear:both;
}	
div#main-contact {
	position:relative;
	width:550px;
	height:auto;
	float:left;
	margin: -100px 0 30px 0;
	}

div#column-projects {
	position:relative;
	width:300px;
	background-image:url('images/project.jpg');
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	}

div#column-print {
	position:relative;
	width:300px;
	background-image:url('images/printer.jpg');
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	}
	
div#column-payment {
	position:relative;
	width:300px;
	background-image:url('images/pay.jpg');
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	}
	div#clear {
  clear:both;
}	

div#column4-text {
	position:relative;
	width:300px;
	float:left;
	}

div#column5-text {
	position:relative;
	width:300px;
	float:left;	}
	
div#column6-text {
	position:relative;
	width:300px;
	float:left;
		}
	
	
div#footer {
	position:relative;
	width:980px;
	height:2px;
	top:30px;
	background: transparent url('images/line2.jpg') no-repeat scroll left top;
	
}

div#current1 {
	position:relative;
	width:300px;
	top:50px;
	float:left;
	}
	
div#current2 {
	position:relative;
	width:300px;
	top:50px;
	float:left;
		}

/*****************************************************************/


ul#menu {
	position:relative;
	float:left;
	height: 26px;
	width: 980px;
	top:-165px;
}

li {
float: left;
}


ul a {
	padding-right: 53px;
	padding-left: 53px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: normal;
	font-size: 14px;
	color: #00457c;
}


ul a:hover {
color: #aaabab;
}
ul#images {
	position:absolute;
	top:-118px;
	padding-right: 54px;
	padding-left: 54px;
	width: 1000px;
	width:80px;
	height:80px;
	float:left;
	left:-1100px;
	
	}