@charset "utf-8";
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

img{
	border:none;
}

#header {
	height:129px;
	background:url(../images/headerBG.gif) repeat-x;
}

#header .pageWidth {
	width:1000px;
	margin:auto;
}

#header #logo{
	width:268px;
	height:124px;
	margin:0px;
	padding:0px;
	background:url(../images/logo.jpg) no-repeat;
	float:left;
	margin-left:15px;
}

#header #logo h1{
	margin:0px;
	padding:0px;
	display:none;
}
#header #logo p{
	margin:0px;
	padding:0px;
	float:left;
	margin-left:85px;
	margin-top:87px;
	font-size:0.9em;
	color:#303024;
}

#header #navigation {
	height:129px;
	float:right;
	margin-right:60px;
}

#header #navigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#header #navigation ul li {
	float:left;
	height:129px;
	width:81px;
}

#header #navigation ul li.selected {
	background:url(../images/selectedBG.gif) no-repeat;
}


#header #navigation ul li a {
	display:block;
	height:129px;
	text-decoration:none;
}

#header #navigation ul li .homeIcon {
	background:url(../images/homeIcon.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li .contactIcon {
	background:url(../images/contactIcon.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li .aboutIcon {
	background:url(../images/aboutIcon.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li .menuIcon {
	background:url(../images/menuIcon.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li .specialsIcon {
	background:url(../images/specialsIcon.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li .seoIcon {
	background:url(../images/seoIcon.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li .portfolioIcon {
	background:url(../images/portfolioIcon.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li .sitedesignIcon {
	background:url(../images/siteDesignIcon.gif) no-repeat 8px 36px;
	
}

/* for selected */

#header #navigation ul li.selected .homeIcon {
	background:url(../images/homeIcon-selected.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li.selected .contactIcon {
	background:url(../images/contactIcon-selected.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li.selected .aboutIcon {
	background:url(../images/aboutIcon-selected.gif) no-repeat 8px 36px;
	
}
#header #navigation ul li.selected .menuIcon {
	background:url(../images/menuIcon-selected.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li.selected .specialsIcon {
	background:url(../images/specialsIcon-selected.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li.selected .seoIcon {
	background:url(../images/seoIcon-selected.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li.selected .portfolioIcon {
	background:url(../images/portfolioIcon-selected.gif) no-repeat 8px 36px;
	
}

#header #navigation ul li.selected .sitedesignIcon {
	background:url(../images/siteDesignIcon-selected.gif) no-repeat 8px 36px;
	
}



#arrow{
	background:url(../images/Arrow.jpg) no-repeat;
	width:9px;
	height:5px;
	font-size:1px;
}

#middleArea {
	background:url(../images/brownBG.gif) repeat-x #a37519;
	overflow:auto;
}

#middleArea .pageWidth {
	width:900px;
	margin:auto;
}

#carouselContainer {
	background:url(../images/greenRoundedTop.gif) no-repeat;
	padding-top:9px;
	margin-top:46px;
}

#carousel {
	background:url(../images/greenRoundedMiddle.gif) repeat-x #e5e5ab;
	height:212px;
	padding:20px 20px 0px 20px;
}

#carousel .prev, #carousel .next{
	width:36px;
	height:39px;
	margin-top:70px;
	cursor:pointer;
}

#carousel .prev{
	float:left;
	background:url(../images/leftArrowButton.gif) no-repeat;
}

#carousel .next{
	float:right;
	background:url(../images/rightArrowButton.gif) no-repeat;
}

#carousel .carouselImages{
	float:left;
	height:135px;
	margin-top:20px;
	margin-left:20px;
}

#carousel .carouselImages ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#carousel .carouselImages ul li{
	float:left;
	width:162px;
	height:125px;
	background:url(../images/carouselImageBG.gif) no-repeat;
	padding-top:9px;
	padding-left:8px;
	margin-right:20px;
}
#carousel h3 {
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-weight:normal;
	color:#7d5300;
}

#carouselBottom {
	background:url(../images/greenRoundedBottom.gif) no-repeat;
	height:10px;
}

#contentContainerTop {
	background:url(../images/greenRoundedTop2.gif) no-repeat;
	padding-top:9px;
	margin-top:46px;
}
#content{
	background:url(../images/greenRoundedMiddle2.gif) repeat-x #e5e5ab;
	padding:20px 20px 0px 50px;
}
#contentContainerBottom{
	background:url(../images/greenRoundedBottom2.gif) no-repeat;
	height:10px;
	margin-bottom:40px;
}


#content ul.features{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:auto;
	height:1%;
}

#content ul.features li{
	float:left;
	width:380px;
	height:100px;
	padding-right:20px;
	margin-bottom:15px;
	margin-top:15px;
}

#content ul.features li img{
	float:left;
	margin-right:10px;
}

#content ul.features li h3{
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-weight:normal;
	color:#7d5300;
}

#content ul.features li p{
	margin:0px;
	padding:0px;
	font-size:0.9em;
	color:#303024;
}

#content ul.features li a{
	text-decoration:underline;
	color:#303024;
}

#deepPagecontentTop {
	background:url(../images/greenRoundedTop3.gif) no-repeat;
	padding-top:9px;
	margin-top:46px;
}

#deepPagecontent{
	background:url(../images/greenRoundedMiddle2.gif) repeat-x #e5e5ab;
	padding:20px 20px 20px 50px;
	overflow:auto;
	height:1%;
}


#deepPagecontent h3, #deepPagecontent p,  #deepPagecontent h4 {
	margin:0px;
	padding:0px;
}

#deepPagecontent h3.title{
	font-size:1.6em;
	font-weight:normal;
	color:#7d5300;
	margin:0px;
	padding:0px;
}

#deepPagecontent p.textWithHeading{
	font-size:0.9em;
	color:#303024;
	margin:0px;
	padding:0px;
	margin-bottom:50px;
}

#deepPagecontent p{
	font-size:0.9em;
	color:#303024;
	margin-top:10px;
}

#deepPagecontent h4{
	font-size:1.1em;
	font-weight:normal;
	color:#7d5300;
	margin-top:20px;
}


#deepPagecontent a{
	text-decoration:underline;
	color:#303024;
}

#deepPagecontent ul{
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:20px;
	font-size:0.9em;
	color:#303024;
}

#deepPagecontent div.plan{
	overflow:auto;
	float:left;
	margin-bottom:40px;
}

#deepPagecontent div.plan h5.planHeading1 {
	background:url(../images/planHeading.gif) no-repeat;
}
#deepPagecontent div.plan h5.planHeading2 {
	background:url(../images/planHeading2.gif) no-repeat;
}

#deepPagecontent div.plan h5 {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	color:#7d5300;
	width:382px;
	height:46px;
	padding-left:20px;
	padding-top:10px;
}

#deepPagecontent div.plan h2 {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	color:#7d5300;
	margin-left:20px;
	font-weight:normal;
	margin-top:20px;
}

#deepPagecontent div.plan ul {
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:20px;
	list-style:none;
	margin-bottom:20px;
}

#deepPagecontent div.plan ul li {
	background:url(../images/arrowwithbrownBG.gif) no-repeat 0px 5px;
	margin-bottom:5px;
	padding-left:20px;
}


#deepPagecontent div.plan button {
	border:none;
	background:#7d5300;
	color:#FFF;
	font-weight:bold;
	width:120px;
	height:30px;
	margin-left:40px;
	cursor:pointer;
}

#deepPagecontent div.hostingButtons {
	margin-top:20px;
	margin-bottom:20px;
}

#deepPagecontent div.hostingPlans table {
	width:100%;
}

#deepPagecontent div.hostingPlans table td.mainColumn{
	width:380px;
	vertical-align:text-top;
	padding-right:20px;
	background:url(../images/dottedHR.gif) repeat-x left bottom;
	padding-bottom:10px;
	padding-top:5px;
}

#deepPagecontent div.hostingPlans table td.mainColumn h4{
color:#7d5300;
margin:0px;
padding:0px;
font-size:1.2em;
margin-bottom:10px;
}


#deepPagecontent div.hostingPlans table td.singleColumn{
	width:380px;
	vertical-align:text-top;
	padding-right:20px;
	background:url(../images/dottedHR.gif) repeat-x left bottom #d4d4a2;
	padding-bottom:10px;
	padding-top:5px;
}

#deepPagecontent div.hostingPlans table td.singleColumn h4{
color:#7d5300;
margin:0px;
padding:0px;
font-size:1.2em;
margin-bottom:10px;
margin-top:10px;
text-decoration:underline;
}



#deepPagecontent div.hostingPlans table td.mainColumn h3{
color:#7d5300;
margin:0px;
padding:0px;
font-size:0.9em;
background:url(../images/arrowwithbrownBG.gif) no-repeat 0px 3px;
padding-left:10px;
margin-left:10px;
}

#deepPagecontent div.hostingPlans table td.mainColumn p{
color:#010101;
margin:0px;
padding:0px;
font-size:0.8em;
margin-left:20px;
}

#deepPagecontent div.hostingPlans table td.planColumn{
	width:120px;
	text-align:center;
	vertical-align:text-top;
	background:url(../images/dottedHR.gif) repeat-x left bottom;
	padding-bottom:10px;
	padding-top:5px;
}

#deepPagecontent div.hostingPlans table td.planColumn img{
	vertical-align:middle;
}

#deepPagecontent div.hostingPlans .hostingHeading {
	background:url(../images/planBG.gif) no-repeat left top;
	width:100px;
}

#deepPagecontent div.hostingPlans .hostingHeading h3 {
	margin:0px;
	padding:0px;
	font-size:1em;
	font-weight:bold;
	padding-top:10px;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:5px;
	background:url(../images/dottedHR.gif) repeat-x left bottom;
}

#deepPagecontent div.hostingPlans .hostingHeading h2 {
	margin:0px;
	padding:0px;
	font-size:0.8em;
	font-weight:normal;
	margin-top:10px;
	height:55px;
}

#deepPagecontent div.hostingPlans .hostingHeading p {
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	height:33px;
}

#deepPagecontent div.hostingPlans .hostingHeading span {
	display:block;
	font-size:1em;
	color:#FFF;
	height:30px;
	background-color:#5f5c5c;
	margin-left:2px;
}

#deepPagecontent div.hostingPlans .hostingHeading button {
	background:url(../images/planButtonBG.gif) no-repeat;
	border:none;
	width:87px;
	height:25px;
	color:#FFF;
	cursor:pointer;
}

#deepPagecontent div.hostingPlans .planFooter p {
margin:0px;
padding:0px;
font-size:0.7em;
margin-bottom:10px;
margin-top:40px;
}


#deepPagecontent .portFolio {

}

#deepPagecontent .portFolio img {
margin-right:30px;
float:left;
}

#deepPagecontent .portFolio div {
float:left;
overflow:auto;
width:450px;
margin-bottom:60px;
}

#deepPagecontent .portFolio h4 {
margin-top:0px;
margin-bottom:20px;
}

#deepPagecontent .portFolio h4 a {
color:#7d5300;
text-decoration:none;
}

#deepPagecontent .portFolio h4 a:hover{
text-decoration:underline;
}

#deepPagecontent .portFolio p {
font-size:0.9em;
}

#deepPagecontent .portFolio a.openPortFolio{
display:block;
float:left;
font-size:0.9em;
font-weight:bold;
padding-left:15px;
background:url(../images/arrowwithbrownBG.gif) no-repeat 0px 4px;
}


#bottomArea {
	background:url(../images/greyBG.gif) repeat-x #fdfefe;
	overflow:auto;
	padding-top:60px;
	padding-bottom:60px;
}

#bottomArea .pageWidth{
	width:785px;
	margin:auto;	
}

#bottomArea h3{
	margin:0px;
	padding:0px;
	font-size:1.4em;
	font-weight:normal;
	color:#7c461c;
	background:url(../images/dottedLine.gif) repeat-x 0px 25px;
	padding-bottom:5px;
}

#bottomArea #firstColumn{
	width:375px;
	float:left;
}

#bottomArea #secondColumn{
	width:375px;
	float:right;
}

#bottomArea #firstColumn ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:20px 0px 0px 20px;
	color:#343434;
}


#bottomArea #firstColumn ul li{
	background:url(../images/darkGreyArrow.gif) no-repeat 0px 7px;
	padding-left:20px;
	padding-bottom:5px;
	overflow:auto;
}

#bottomArea #firstColumn ul li a{
	text-decoration:none;
	color:#343434;
	float:left;
}

#bottomArea #firstColumn ul li .whiteBox{
	height:26px;
	width:165px;
	float:right;
	background:url(../images/whitebox.png) no-repeat top right;
	padding-top:10px;
	font-size:0.7em;
	text-align:center;
	color:#343434;
	display:none;
}
#bottomArea #secondColumn ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:20px 0px 0px 20px;
	color:#343434;
}


#bottomArea #secondColumn ul li{
	background:url(../images/darkGreyArrow.gif) no-repeat 0px 7px;
	padding-left:20px;
	padding-bottom:5px;
	overflow:auto;
}

#bottomArea #secondColumn ul li a{
	text-decoration:none;
	color:#343434;
	float:left;
}

#bottomArea #secondColumn ul li .whiteBox{
	height:26px;
	width:165px;
	float:right;
	background:url(../images/whitebox.png) no-repeat top right;
	padding-top:10px;
	font-size:0.7em;
	text-align:center;
	color:#343434;
	display:none;
}

#form {
	margin:20px 0px 0px 20px;
	color:#343434;
}

#form .formRow{
	overflow:auto;
	margin-bottom:10px;
}

#form .formRow label{
	display:block;
	float:left;
	width:80px;
}

#form .formRow input{
	background:url(../images/textBG.gif) no-repeat;
	width:251px;
	height:28px;
	padding-left:10px;
	padding-top:8px;
	border:none;
}

#form .formRow textarea{
	background:url(../images/textAreaBG.gif) no-repeat;
	width:251px;
	height:108px;
	padding-left:10px;
	padding-top:8px;
	overflow:auto;
	border:none;
}

#form .buttonRow{
	text-align:center;
}

#form .buttonRow button{
	background:url(../images/buttonsBG.gif) no-repeat;
	width:80px;
	height:40px;
	border:none;
	margin-left:10px;
}

#footer{
	height:40px;
	border-top:1px solid #c7c7c7;
	font-size:.8em;
	padding-top:10px;
}

#footer p{
	margin:0px;
	padding:0px;
	color:#000;
}
	
#footer p a{
	color:#000;
	text-decoration:none;
}

#footer p a:hover{
	color:#000;
	text-decoration:underline;
}

#footer .pageWidth{
	width:1000px;
	margin:auto;
}

#footer .copy{
	float:left;
}

#footer .powered{
	float:right;
}