/* CSS Document */

/*Reset to default values as these values are browser specific*/
p, h1, h2, h3 {
margin:0 0 0 0; /*top,right,bottom,left*/
padding: 0 0 0 0;/*top,right,bottom,left*/
}

h2 {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 18px;
	font-weight:100;
}

h3 {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 16px;
	font-weight:100;
}

a {
	list-style:none;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC9933;
}


ul h2 {
	margin-top:10px;
	margin-bottom:10px;
}

/*ul {
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
	list-style-position: outside;
	list-style-image: url(../Images/grassbullet.jpg);
}*/

.GrassList {
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
	list-style-position: outside;
	list-style-image: url(../Images/grassbullet.jpg);
}

table {
	/*Centre the table*/
	text-align:left; 
	margin-left: auto;
	margin-right: auto;
	border-spacing:0px;
	
	
	border-width:thin;
	border-style:solid;
	width:750px;
	
/*	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;*/
}

td {
	width:350;
	padding:5px;
	vertical-align:top;
	border-width:thin;
	border-style:solid;
}


/*-----------------------------------------------------------*/
/* Tooltips */
/*-----------------------------------------------------------*/

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

abbr {
  border-bottom: 1px dashed;
	border-bottom-color:#CC9933;
  text-decoration: none;
}

/*-----------------------------------------------------------*/
/* Common */
/*-----------------------------------------------------------*/

body {
background-color:#F7E8D4;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

.clearfloats {
	clear: both;
}

#wrapper {
text-align:left;
width:900px;
margin:0 auto;
position:relative;
background-color:#FFFFFF;
}

#TopShadow {
width: 900px;
height: 75px;
background:url("../Images/top.jpg") no-repeat;
background-color:#FFFFFF;
}

/* holds the content */
#SideShadow {
width: 750px;
padding-left:75px;
padding-right:75px;
background:url("../Images/sides.jpg");
background-color:#FFFFFF;
}

#BottomShadow {
width: 900px;
height: 45px;
background:url("../Images/bottom.jpg") no-repeat;
background-color:#FFFFFF;
text-align:center;
padding-top:30px;
}
/*-----------------------------------------------------------*/
/* Content Page */
/*-----------------------------------------------------------*/

#banner {
	width: 750px;
	height: 240px;
	background:url("../Images/SunsetHigh.jpg") no-repeat top left;
}

#navigation {
	margin-top:10px;
	margin-bottom:20px;
	
}

#navigation a {
	font-size:14px;
	color:#CC9933;
}

#navigation a:link, #navigation a:visited {	
	text-decoration:none;
}

#navigation a:hover, #navigation a:active {
	text-decoration:underline;
}

div#navigation ul {
	text-align:center;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style:none;
}

div#navigation li {
	display:inline;
	color:#00FF00;
	padding:0 5px;
	/*border-right:1px solid #CC9933;*/
}

body#home a#homeNav,
body#market a#marketNav,
body#design a#designNav,
body#hosting a#hostingNav,
body#deals a#dealsNav,
body#portfolio a#portfolioNav,
body#why a#whyNav,
body#contact a#contactNav {
	color:#666666;
}

/*-----------------------------------------------------------*/
/* Index */
/*-----------------------------------------------------------*/

.column1{
	float:left;
	width:520px;
	text-align:justify;
	/*margin-top:20px;*/
	padding-right:30px;	
}

.column2 {
	float:left;
	width:200px;
	/*margin-top:20px;*/
}

div.column2 img {
	padding:10px;
}

div#quicklinks img{
	float:left;
	padding:0px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:4px;
}

div.column1 img {
	float:left;
	padding-right:10px;
}

/*-----------------------------------------------------------*/
/* default */
/*-----------------------------------------------------------*/

.default {
	margin-top:10px;	
	padding: 10px;
}


/*-----------------------------------------------------------*/
/* Marketing Page */
/*-----------------------------------------------------------*/

div.services img{
	float:right;
	padding-left:80px;
	padding-right:80px;
}

/*-----------------------------------------------------------*/
/* Hosting */
/*-----------------------------------------------------------*/

#hosting img{
	margin-top:20px;
	margin-left:110px;
}

div.smallbusiness img{
	float:right;
	margin-top:30px;
	padding-left:10px;
	padding-right:10px;
}

div.enterprise img{
	float:right;
	margin-top:50px;
	padding-left:10px;
	padding-right:10px;
}

/*-----------------------------------------------------------*/
/* Web Design */
/*-----------------------------------------------------------*/

div.single img, div.multiple img, div.dynamic img{
	float:right;
	padding-left:80px;
	padding-right:80px;
}


/*-----------------------------------------------------------*/
/* Portfolio */
/*-----------------------------------------------------------*/

.site {
	margin-top:20px;
}

/*-----------------------------------------------------------*/
/* Transfer */
/*-----------------------------------------------------------*/

div#transfer img {
	margin-left:165px;
}

/*-----------------------------------------------------------*/
/* Pricebuster */
/*-----------------------------------------------------------*/

#buster img{
	float:right;
	margin-top:20px;
}

/*-----------------------------------------------------------*/
/* Contact Us */
/*-----------------------------------------------------------*/

div#contact img{
	float:left;
	padding:0px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:4px;
}

/*-----------------------------------------------------------*/
/* Assessment */
/*-----------------------------------------------------------*/

#assessment img{
	float:right;
	margin-right:20px;
	margin-left:20px;
}


#contact-form {
	margin-top:30px;
	border: 1px solid #CCCCCC;
	/*background-color: #F7E8D4;*/
	background-color: #ebdecd;
	padding: 10px;
}

#contact-form label {
	display:block;
	width: 100%;	
}

#contact-form div {
	margin: 10px;
}

#contact-form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#contact-form legend {

	font-weight: bold;
	margin: 10px;
	padding: 0;
}

/*#contact-form .txt {
	width: 100%;
	border: 1px solid #CCCCCC;
	padding: 2px;
}*/

#contact-form div.submit {
	text-align: center;
} 



/*-----------------------------------------------------------*/
/* ------*/
/*-----------------------------------------------------------*/


#contact-form {
	margin-top:30px;
	border: 1px solid #CCCCCC;
	/*background-color: #F7E8D4;*/
	background-color: #ebdecd;
	padding: 10px;
}

#contact-form p {
	display:block;
	width: 100%;	
}

#contact-form div {
	margin: 10px;
}

#contact-form fieldset {
	border: none;
	margin: 10;
	padding: 0;
}

#contact-form legend {

	font-weight: bold;
	margin: 10px;
	padding: 0;
}

#contact-form .txt {
	width: 100%;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

#contact-form div.submit {
	text-align: center;
}