/* css HostDiamond.com default style */
/* All associated graphics copyright 2008, Joe Moss */
/* Added: April 9th, 2008 */
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. E-mail submissions@hostdiamond.com for futher information or to request permission. Feel free to study the CSS and use techniques as you see fit. Do not copy-paste anything! */

/* -------------------------- BEGIN STYLESHEET -------------------------- */

/* CSS Hacks */

	/* Reset the margins to fix IE Box Model */
	* {margin: 0px; padding: 0px;}
	/* Run PNG Fix */
	img {behavior: url(iepngfix.htc);}
	/* Image DeBorder Fix */
	* img {border:0px;}'
	
	div#craftysyntax
	{
		position: absolute;
		left: 800px
	}

/* Main Page Css */

	/* html */
	html {background:#ffffff; font-family:verdana; font-size:12px; font-weight:normal; color: #fff;}
	div#bg {width:943px; height:auto; background: transparent url('images/sitebg.png') repeat-y 50%; margin-left:auto; margin-right:auto;}
	
	/* WRAPPER */
	div#header {background:#ffffff; width:853px; height:58px; margin-left:auto; margin-right:auto;}
	div#links {background: transparent url('images/linkbg.png') repeat-x; width:853px; height:33px; margin-left:auto; margin-right:auto;  vertical-align:bottom;}
	ul.shove {margin-left:140px;}
	ul.shove li a {list-style: none; display: inline; padding-bottom:16px;}
	
	ol li {list-style:none;}
	ul li {list-style:none;}
	
	#fourboxes ul {margin-left:0; padding-left:0; display:inline;}
	#fourboxes ul li.left {margin-left: 0; padding: 2px; list-style: none; display: inline; float:left;}
	#fourboxes ul li.first {margin-left: 0; border-left: none; list-style: none; display: inline;}

	ul li.left img {padding:0; padding-left:1em; padding-bottom:0; margin:0; text-indent: -1em;}
	
	div#homepage {background: transparent url('images/zlogo.png') no-repeat 0% 10%; width:100%; height:100%;}
	div#homepage2 {width:830px; height:490px; padding:15px; margin-left:auto; margin-right:auto; padding-bottom:0px;}
	
	div#threeboxes {width:430px; height:345px; float:right; padding-right:50px;}
	div#threeboxes ol li {width:416px; height:50px; background: url('images/3boxbg.png') no-repeat; margin-top:16px; color:#000; font-size:12px;}
	div#threeboxes ol li img {padding:10px; vertical-align:middle;}
	
	div#fourboxes {width:718px; height:153px; background: transparent url('images/gray.png') no-repeat; margin-left:auto; margin-right:auto; padding:6px;}
	div#fourboxes ul li.left {width:165px; height:120px; margin:4px; color:#000;}
	
	div#footer {background: transparent url('images/footerbg.png') no-repeat 50%; font-size:9px; color:#ffffff; width:943px; height:28px; margin-left:auto; margin-right:auto;}
	div#footer a:link, a:visited {color:#ffffff; border:0px;}

/* Web Design */
	div#shadowtopbg{background: transparent url('images/shadow_topbg.png') no-repeat; width:808px; height:3px; margin-left:auto; margin-right:auto;}
	div#shadowmiddlebg{background: transparent url('images/shadow_middlebg.png') repeat-y 50%; width:808px; min-height:500px; margin-left:auto; margin-right:auto;}
	div#shadowbottombg{background: transparent url('images/shadow_bottombg.png') no-repeat; width:808px; height:4px; margin-left:auto; margin-right:auto;}
	
	div#shadowheaderbg{background: transparent url('images/shadow_headerbg.png') repeat-x; width:802px; height:43px; margin-left:auto; margin-right:auto; border-left:1px solid #484747;border-right:1px solid #484747; text-align:left;}
	div#shadowheaderfloat{float:right; width:80px; height:16px; margin-top:9px; color:#666666; font-size:10px;}
	.hidebutton {margin-top:8px; margin-right:8px; float:right;}
	
	div#shadowwhitebg{background-color:white; width:800px; min-height:249px; margin-left:auto; margin-right:auto; color:black;}
	div#shadowwebhosting{background: transparent url('images/shadow_webhostingbg.png') no-repeat; width:800px; min-height:223px; margin-left:auto; margin-right:auto; color:black;}
	div#shadowcompanybg{background: transparent url('images/shadow_companybg.png') no-repeat; width:800px; height:75px; margin-left:auto; margin-right:auto; color:black;}
	
	div#shadowwhitebg ol li.normal {list-style:decimal; list-style-position:inside; margin-left:12px; line-height:140%;}
	div#shadowwebhosting ol li.normal {list-style:decimal; list-style-position:inside; margin-left:12px; line-height:140%;}
	ol li.normal {list-style:decimal; list-style-position:inside; margin-left:12px; line-height:140%;}
	
	div#launchportfoliobg {background: black url('images/shadow_portfoliobg.png') no-repeat; width:802px; height:340px; margin-left:auto; margin-right:auto; color:black;}
	div#shadowquotebg {background: transparent url('images/shadow_quotebg.png') no-repeat; width:802px; height:75px; margin-left:auto; margin-right:auto; color:black;}
	
	.companyh1 {color:#6699cc; font-size:18px; padding:0; margin:0; margin-bottom:0px;}
	.whyh1 {color:#000; font-size:14px; padding:0; margin:0; margin-bottom:0px;}
	
/* Links */

	a:link, a:visited {color:#000; text-decoration:none;}
	a:hover, a:active {color:#000; text-decoration:none;}

	a.white:link, a.white:visited {color:#000; font-size:10px;}
	a.white:hover {color:#000; text-decoration: none; font-size:10px;}
	
	a.copy:link, a.copy:visited {color:#000; font-size:9px; text-decoration: none;}
	a.copy:hover {color:#000; text-decoration: none;}