@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size:14px;
	font-family: FontinSans Bold, Helvetica, Arial, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0%;
	line-height: 140%;
	list-style-type: none;
	background-color:#B19773;
	letter-spacing: .05em;
	
}
/*--------wrapper--------*/
a.tuspecial {
cursor:pointer;
display:block;
float:right;
font-size:80%;
height:170px;
position:fixed;
right:-1px;
top:-1px;
width:100px;
z-index:1003;
}

a.tuspecial  {background:url(../images/tu-special.png)  bottom;}




#seowrap {
	margin:2em;
	padding: 2em 2em 2em 2.5em;
	float:left;
	width:880px;
	}

#headermain {height: 170px;
			padding-top: 1em;}

#headersecondary {height: 275px;
			padding-top: 1em;}
	
#container {
	width: 1000px;
	margin: 0 auto;
	overflow:hidden;
	}

#singlebox {
	width: 300px;
	height: 340px;
	background-image: url(../images/libg.png);
	overflow:hidden;
	margin-left:700px;
}

#three-col {
	width:100%;
	background-image:url(../images/bgscreen.png);
	overflow:hidden;
	border-bottom:solid 1px #766d51;
	border-top: solid 1px #DFC18E;
}

#three-col li {
	width: 300px;
	float:left;
	height: 340px;
	background-image: url(../images/libg.png);
	margin: 33px 0 25px 33px;
	text-align: center;
}

#three-col p {
	line-height:16px;
	margin: 12px 20px;
	color: #dfc18e;
	height:67px;
}

.right-col-minor {
	width:333px;
	float:right;
	height: 275px;
	
}

#content li {
	float:left;}



#singlebox p {
	line-height:16px;
	margin: 12px 30px;
	color: #dfc18e;
	height: 230px;
}

#content {
	background-color: #544736;
	overflow:hidden;	
	border-top:solid 15px #2e271e;
	padding:2em;
	
}

#content_white {
	background-color: #544736;
	overflow:hidden;	
	border-top:solid 15px #2e271e;
	
}

#lowercontent {
	background-color: #2e271e;
	overflow:hidden;
	border-bottom:solid 1px #766d51;
	background-image:url(../images/contact-footer.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height: 185px;
}

#mainleftbox {
	background-color: #818c68;
	width: 383px;
	float:left;
	padding:15px 0 15px 15px;
	margin:15px 0px;
	
	
	}
	

.minoritem ul li {
	padding: 1em;
	width: 300px;
}

.minoritem li {
	list-style-image: url(../images/checkmark.png);
	color: #dfc18e;
	padding: 0 0 0 20px;
	width: 300px;
	margin:0 0 0 2em;
	}

#mainleftbox li.majoritem{
	padding: 0 0 24px 0;
	}

#mainleftbox h2{
	margin:0 0 0px -10px;
	color: #dfc18e;
	width: 368px;
	padding: .2em 0 .2em 50px;
	height:50px;
	background:url(../images/h2bg.png) no-repeat top right;
	}
	
.indexlink {
	font-size:80%;
	font-style: italic;
	color: #dfc18e;
	padding:0 0 0 .5em;
	margin:0;
	}

#mainrightbox {
	width: 461px;
	float:right;
	background-color: #818c68;
	margin: 15px 0px;
	padding: 2em 1em 1em 1em;
	color:#dfc18e;	
	}

#mainrightbox h2{
	color: #dfc18e;
	height:50px;
	text-align:left;
	padding: .2em 0 .2em 50px;
	margin:0 0 0px -10px;
	width: 460px;
	background:url(../images/h2bglg.png) no-repeat top right;
}

#port h2 {padding:.2em 0 .2em 50px;
	background:url(../images/h2brderlong.png) no-repeat top left;
	height:50px;
	margin:0 0 15px -60px;
	width:890px;
	color: white;}


#mainrightbox p{padding: 0 4em 0 33px;
	margin-top:0;}

#mainrightbox ul.contact{width:100%}

#footer {
	background-color: #544736;
	height: 125px;
	width: 100%;
	clear: both;
	text-align: center;
	border-top: solid 1px #DFC18E;
}

.testbubble {
	font-size:100%;
	font-style:italic;
	background-image:url(../images/test-bubble.gif);
	background-repeat:no-repeat;
	width: 330px;
	height:182px;
	padding: .25em 1em 0 1em;
}

.test-tick {margin:-9px 0 0 10px;}

.test-name {margin:0;
	font-size:.85em;
	color: #DFC18E;}

#twitter-box {
	width:475px;
	float:right;
	height: 250px;
	background-color: #818c68;
	margin: 15px 33px;
	padding: 1em;
	color:#dfc18e;	
}

#twitter-box h2{
	color: #dfc18e;
	height:50px;
	text-align:left;
	padding: .2em 0 0 2em;
	width: 460px;
	background:url(../images/h2bglg.png) no-repeat top right;
	margin:0;
}

#twitter-box h3{
	color: #dfc18e;
	text-align:left;
	margin:0;
	padding: .2em 0 0 2em;
	}

#twitter-box p{
	color: black;
	text-align:left;
	padding: .2em 0 0 2em;
	margin-left:2em;
	width: 400px;
	background-color: #aebf88;
}


	

#specials li {
	width: 300px;
	float:left;
	height: 340px;
	padding:0 33px 0 0;
	margin: 33px 0px 25px 0px;
}

#three-col p {
	line-height:16px;
	margin: 12px 20px;
	color: #dfc18e;
	height:67px;
}

/*-----hostwrappers----*/
#hostingplans {background-color:white;
	padding: 2em;
	overflow:hidden;
	margin-top:2em;
	}
	
.promote {
	text-align:center;
	font-size:130%;
	padding-bottom:12px;
	background-color:#CCC;
	width:200px;
	float:left;
	border:6px solid #999999;
	margin:0 12px 12px 0;
	}

.hostreg {
	text-align:center;
	font-size:90%;
	padding-bottom:12px;
	margin:0 12px 12px 0;
	width:200px;
	background-color:#d3d1cd;
	float:left;
	border: 1px solid #999999;
	
	}

#hostingdetails {margin-top:2em;
	width:383px;
	float:left;
	background-color:#818C68;}

#hostingdetails h2 {padding:.2em 0 0 65px;
	background:url(../images/h2brderlong.png) no-repeat top left;
	height:50px;
	margin:0 0 0 -60px;
	width:870px;
	color: white;}
	
#hostingdetails h4{font-size:16px;
	position:relative;
	margin:0 0 0px -10px;
	color: #dfc18e;
	width: 380px;
	padding: .2em 0 .2em 1em;
	height:50px;
	background:url(../images/h2bg.png) no-repeat top right;}

.hostreg h1, .promote h1 {margin:25px;}

.hostreg h2, .promote h2 {margin:10px;}

.hostreg h4, .promote h4  {margin:5px;
	color:#333;
	font-size:18px;
	border-bottom: 1px color #333; }

.hostspec {width:375px;
	margin:1.5em;
	float:left;}
	
.hostreg li, .promote li {width:200px;}

.hostspec li {
	list-style-image: url(../images/checkmark.png);
	padding: 0 0 0 .5em;
	width: 245px;
	margin:0 0 0 2em;
	}
	
#hostingspecials {width:425px;
float:right;
margin-top: 2em;
padding: 1em;}

.righthost {width:152px;
	float:left;
	padding-left:.5em;}

.lefthost {width:100%;
	float:left;}

.lefthost li {list-style-type:square;
	padding-right:1em;
	margin-right:18px;
	}
	
.hostleft {width:200px;
	float:left;
	margin:1em;}


/*-----portwrappers----*/


#port {background-color:white;
	margin:2em;
	padding: 2em 2em 2em 2.5em;
	float:left;
	}
	
#port h2 {padding:.2em 0 .2em 50px;
	background:url(../images/h2brderlong.png) no-repeat top left;
	height:50px;
	margin:0 0 15px -60px;
	width:890px;
	color: white;}

#port li {margin: 0 5px 10px 5px;
	background-color:#d3d1cd;
	border: 1px solid #bbb;
	width:268px;
	padding:10px 4px 3px 8px;
	float:left;
	display:inline;
	height:351px;}

#port h4 {font-size: 1.35em;
	font-weight:bold;
	margin:.5em 0 .25em 0}

#port p {margin:.25em 0;
	font-size:.9em;}

#port li.wide {width: 560px;}

.construction {font-style:italic;
	font-size:.85em;}

li .portbutton {font-style:italic;
	font-size:.9em;
	font-weight: normal;
	color:black;}

/*---------services-------*/



.services-main-image {margin:0 0 2em 0;}

.services-half{clear:both;}

.services-full{clear:both;
	width:100%;}
	

li.services-small {margin: 5px 0px 0px 0px;
	background-color:#d3d1cd;
	width:275px;
	padding:15px 2px 15px 10px;
	float:left;
	display:inline;
	}
	 
#serviceswrap {background-color:white;
	margin:2em;
	padding: 2em 2em 2em 2.5em;
	float:left;
	}
	
#serviceswrap h2 {padding:.2em 0 0 65px;
	background:url(../images/h2brderlong.png) no-repeat top left;
	height:50px;
	margin:0 0 0 -60px;
	width:870px;
	color: white;}

.services-half li {margin: 0 5px 10px 5px;
	width:400px;
	padding:3px 3px 3px 10px;
	float:left;
	display:inline;}

#serviceswrap h4 {font-size: 1em;
	font-weight:bold;
	margin:.5em 0 .25em 0;
	color:#333;}

#serviceswrap p {margin-top:.25em}

#serviceswrap li.serviceimage {padding-top:1em;
	margin-bottom:30px;}

#serviceswrap li.service-title {margin-bottom:0;
	padding-bottom:0;
	color:#333;
	font-weight:bold;}

.description {background:none;}

.services-small-desc {float:left;
	margin: 25px 2em;
	width: 500px;}
	
.services-small-image	{float:left;
	width: 300px;
	margin: 2em 0 2.5em 0;
	padding: 0;
	}
	
li.services-small p, li.services-small h4  {margin:1em;}
/*-------twitterbg--------*/
.twitbgcontent { margin-top: 3em;}

.twittercontent {width:600px;
	margin-bottom:0;
	padding:0;}

.twitdescription {background-color:#999;
	margin:0;
	padding:.1em 0 .1em 1em;}
	

/*--------toolbox----------*/


/*--------Hex Colors------

light green: AEBF88
GREEN: 818C68
BROWN: 544736
TAN: B19773
LIGHT TAN: DFC18E

-------*/

.brown {color:#DFC18E;
		padding: 0 2.5em 0 .5em;}

.contactinfo {color:#DFC18E;}

.clear {clear:both;}

a:link {text-decoration: none;}
	
a:visited {text-decoration:none;
	color: #666666;}

a {outline:none;}

.right {float: right;}

.left {float: left;}

.enthimage {margin: 1em 10px 0 10px;
}

img {border:none;}

li {text-decoration:none;}

ul {text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;}

.logo {width:200px; float:left; margin-left:20px;}

.heading {background-image:url(../images/h2brder.gif);
		background-repeat:repeat-x;
		height: 20px;
		margin: 0;
		padding:.5em;
		border-bottom:solid 1px #766d51;
		border-top: solid 1px #DFC18E;
		color: white;
		text-align:center;}
		
#content h3{color:white;
		margin: 0;
		height:20px;
		padding:0 0 0 33px;
	}

fieldset {border:none;}

strong {color:#900;}



/*--------navigation----------*/

.mainnav {
position: relative;
width: 530px;
height:56px;
margin: 0;
float:right;
font-size:12px;
right:19px;
top:-1px;
}

.mainnav ul li {
float: left;
position: relative;
}

.mainnav ul li a{
	display:block;
	color: #AEBF88;
	width: 80px;
	text-align: center;
	padding: 3px;
	margin: 0 1px;
}


li.index a:hover {background-color:#B19773;   color: white;}
li.portfolio a:hover {background-color:#B19773;   color: white;}
li.about a:hover {background-color:#B19773;   color: white;}
li.news a:hover {background-color:#B19773;   color: white;}
li.services a:hover {background-color:#B19773;   color: white;}
li.contact a:hover {background-color:#B19773;   color: white;}
li.blog a:hover {background-color:#B19773;   color: white;}

body#home li.index a,
body#portfolio li.portfolio a,
body#about li.about a,
body#news li.news a,
body#services li.services a,
body#contact li.contact a {background-color:#B19773;color: white;}

.mainnav ul li ul {
display: none
}

.mainnav ul li:hover ul {
display: block;
position: absolute;
}

.mainnav ul li:hover ul li a {
display:block;
background:#B19773;
color:#544736;
width: 111px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
margin:0 0 0 1px;
padding:.25 em;

}

.mainnav ul li:hover ul li a:hover {
background:#DFC18E;
color:white;
}

.submenu {
	margin:0;
	padding:0;}

.submenu ul {
	width: 700px;
	float:right;
	background-color:#fff;}
	
.submenu ul li {
	width:72px;
	float: left;
	display: inline;
	color:#white;
	font-size:8pt;
	border-right: 1px #FFF;	
	
	}

.submenu ul li a{
	display:block;
	color: white;
	text-align: center;
	padding: .15em .25em;
	border-right: 1px #FFF;	
}



/*--------buttons--------*/
#three-col ul li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	margin: .5em auto;
	
}

#three-col ul li a.btn-webportfolio  {background:url(../images/btn-webport.gif) no-repeat bottom;
	width: 165px;
}

#three-col ul li a.btn-logoportfolio  {background:url(../images/btn-brand.gif) no-repeat bottom;
	width: 165px;
}

#three-col ul li a.btn-portfolio  {background:url(../images/btn-ourservices.gif) no-repeat bottom;
	width: 165px;
}

#three-col ul li a.btn-webportfolio:hover,
#three-col ul li a.btn-logoportfolio:hover,
#three-col ul li a.btn-portfolio:hover{
	background-position: top;
}

#singlebox ul li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	margin: 1em auto;
	
}

#singlebox ul li a.btn-learn  {background:url(../images/btn-learn.gif) no-repeat bottom;
	width: 165px;
}

#singlebox ul li a.btn-learn:hover{
	background-position: top;
}


#mainrightbox ul li a.twitterdownload {
	text-indent: -9999px;
	display: block;
	height: 40px;
	margin: .5em 0;
	
}

#mainrightbox ul li a.twitterdownload  {background:url(../images/btn-twitterdownload.png) no-repeat bottom;
	width: 165px;
}


#mainrightbox a.twitterdownload:hover  {background-position: top;}


/*------contact form------*/
#formLeft {
	width: 320px;
	float: left;
	
	}
	
	#formLeft h4 {margin:0;}
	
	#formLeft input.text-input {
		width: 300px;
		border: none;
		text-align: left;
		padding: 5px 0 0 10px;
		margin: 7px 0 0 8px;
		}
	
	#formLeft textarea {
		width: 300px;
		height: 150px;
		border: none;
		margin: 0 0 0 8px;
		padding: 5px 0 0 10px;
		
	}
	
label {
	margin-top: 8px;
	display: block;
	font-size: 1em;
	text-indent: 8px;
	font-weight:bold;
	color: #dfc18E;
}
label.error {
	position: relative;
	float:right;
	top: 0;
	right: 10px;
	color: white;
	font-size: .75em;
	text-align: right;
	font-style: italic;
	
}

#submit  {background:url(../images/btn-submit.gif) no-repeat bottom;
	width: 165px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	height: 40px;
	border:0 none;
	font-size: 0px;
	display:block;
	line-height:0px;
	}
	
#submit:hover{
	background-position: top;
}

.check {margin: 0 auto;
		text-align:center;}
		
#content .check h3, p {padding: 0 0 0 0;}

#mainrightbox ul li a.quote {
	text-indent: -9999px;
	display: block;
	height: 40px;
	margin: .5em 0;
	
}

#mainrightbox ul li a.quote  {background:url(../images/btn-quote.gif) no-repeat bottom;
	width: 165px;
}


#mainrightbox a.quote:hover  {background-position: top;}
	
.socialbuttons {
	text-align:center;
	color:red;
	padding-right:30px;
	margin:0 auto;}

#ajaxDiv {height: 100px;}

/*------quotestyle-------*/

	#quoteform {float:left;
		width:500px;
		}


	
	#quoteform input.text-input {background-color:#CCC;
		width: 450px;
		border: none;
		text-align: left;
		padding: 5px 0 0 10px;
		margin: 7px 0 0 8px;}
	
	#quoteform textarea {
		width: 450px;
		height: 100px;
		border: none;
		margin: 5px 0 0 8px;
		padding: 5px 0 0 10px;
		overflow:auto;
		background-color:#ccc;
	}

#quoteform label {color:black;
				margin: 1em 0 0 0;
				width:450px;
				}
				
#quoteadd {width:330px;
		margin: 5em 0 0 0;
		height: 500px;
		padding-left:2em;
		background-color:#818c68;
		float:right;}
		
#quoteadd h2 {color: #dfc18e;
	height:50px;
	text-align:left;
	margin:2em 0 0px -15px;
	padding: .2em 0 0 2em;
	width: 328px;
	background:url(../images/h2bglg.png) no-repeat top right;}

#quoteadd p {padding-left:2.5em;}
	

/*-----------twitterstyling--------------*/

#twitter_div {
	float:left;
	height: 160px;
	overflow: auto;
	width:475px;
	margin-bottom:30px;
}

ul#twitter_update_list {
	margin: 5px 0 0 0px;
	padding-left: 27px;
}

ul#twitter_update_list li {
	padding: 5px;
	width: 400px;
	margin-bottom: 1em;
	background: url(../images/bgscreen.png) repeat;
}

#twitter_update_list li a{
	color:#544736;
}

#twitter-link {
	padding-top: .5em;
}