#support {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
/* ripped from the hospitality site, for the big sentence under logo */
.lightbg {
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.darkbg .highlight_strong span { /* spans have a white bg */
	background-color: #eee;
	color: #111;
}
.lightbg .highlight_strong span { /* spans have a dark grey bg */
	background-color: #F60;
	color: #fff;
}
.lightbg .highlight_strong span a{ /* spans have a dark grey bg */
	color: #003;
}
.darkbg .highlight span, .darkbg .highlight ul li { /* spans have a dark grey bg */
	background-color: #1f1f1f;
	color: #ccc;
}
.lightbg .highlight span, .lightbg .highlight ul li { /* spans have a light grey bg, and lists */
	background-color:#3CF;
	color: #111;
}
.darkbg .highlight h1 span { /* makes the h1 brighter and less heavy weight */
	color: #fff;
	/* font-weight: normal; */
}
.highlight_strong h1, .highlight h1 {
	margin-bottom: 15px;
	line-height: 32px; /* ie6, ie7 needs 33px here */
}
.highlight p, .highlight_strong p {
	margin-bottom: 15px;
	line-height: 20px; /* ie6, ie7 needs 21px here */
}
.highlight_strong h1 span, .highlight h1 span {
	padding: 0px 3px 2px 1px;
}
.highlight p span, .highlight_strong p span {
	padding: 1px 4px 2px 1px;
}

.highlight_large p, p.highlight_large { /* used when text in p tags needs to be extra big, like on homepage intro */
	font-size: 20px;
	margin-bottom: 15px;
	padding: 0;
	line-height: 29px !important; /* ie6, ie7 needs 28px here */
	letter-spacing: -1px;
}
.highlight_large2 p, p.highlight_large2 { /* used when text in p tags needs to be extra big, but not as big as above, like on article intros */
	font-size: 16px;
	margin-bottom: 15px;
	padding: 0;
	line-height: 24px !important; /* ie6, ie7 needs 23px here */
}
/* projects section */

div#projects {
	width:860px;
	margin:30px 0 20px 0;
	padding:0 0 30px 0;
	clear:both;
}

#projectsLeft {
	width:420px;
	float:left;
}
#projectsLeft2 {
	width:420px;
	float:left;
	margin-top:10px;
}
#projectsLeft3 {
	width:420px;
	float:left;
	margin-top:10px;
}

#projectsRight {
	width:420px;
	float:right;
}
#projectsRight2 {
	width:420px;
	float:right;
	margin-top:10px;
}
#projectsRight3 {
	width:420px;
	float:right;
	margin-top:10px;
}

/* headings with colored backgrounds */

h2.heading {
	background-color:#3CF;
	padding:3px 8px 3px 8px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

#downloads {
	background-color:#444;
	width:66px;
}

#websites {
	width:156px;
	font-size: 14px;
}

#motion {
	width:126px;
	font-size: 14px;
}
#websites2 {
	width:156px;
	font-size: 14px;
}

#motion2 {
	width:126px;
	font-size: 14px;
}
#websites3 {
	width:156px;
	font-size: 14px;
}

#motion3 {
	width:126px;
	font-size: 14px;
}

#featuredProjects {
	width:100px;
}

/* portfolio links */

ul.linkList {
	list-style-type:none;
	margin:20px 0 0 0;
	font-size:11px;
}

.linkList li {
	margin:0 0 2px 0;
}

.linkList li a {
	display:block;
	text-decoration:none !important;
	color:#777;
	padding:2px 7px 4px 7px;
	background-color:#f8f8f8;
}

.linkList li a:hover {
	background-color:#3CF; !important;
}

.linkList li a:visited {
	color:#777;
	background-color:#eee;
}
/* this is the main contact area on top of support page */
blockquote {
	margin: 15px;
	margin-left:0px;
 	padding: 10px;  	
  	font: bold 1.3em/1.5em 'arial', Sans-serif;   
	background:#C4F2F7;
   border: 1px solid #EFEFEF;
	color:#333;
}
blockquote li {display:block;}
.small_img_contact { float:left; margin-right:15px;}
#banner_hosting {
	margin:auto;
	}

#hosting_box {
	width:780px;
	height:430px;
	margin:auto;
	background-image: url(images/hosting_offer.jpg);
}
#hosting_box_button {
	height: 100px;
	width: 780px;
	padding-top: 335px;
}
#hosting_box_button li{ 
width:220px;

display:inline;}

.hosting_btn_2 {
padding-right:65px;
padding-left:75px;
	
	}
#hosting_box_button ul{ 
width:740px;
display:block;
float:left;
padding-left:42px;
}
/* Questions and Answers page */

.questions { width:700px;
	
	}

	ul.qanda {width: 680px; float: left; margin-bottom: 20px;}
		ul.qanda li {background: url(/images/content/bg_fade_gen.png) repeat-x bottom; width: 670px;}
		
		ul.qanda li.question {background: none; padding: 0 0 0 0; float: left;}
		ul.qanda li.answer {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		ul.qanda li.answersml {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
		
		ul.qanda li.question p {padding-top: 12px; }
		ul.qanda li.answer p {padding-top: 5px; float: left; width: 600px;}
		ul.qanda li.answersml p {padding-top: 12px; float: left; width: 600px;}
	
		ul.qanda li p.q {padding: 3px; background-color: #F60; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 0 10px; float: left; font-size: 14px; -moz-border-radius: 10%;}
			
		ul.qanda li p.a {padding: 3px; background-color: #0CF; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 10px 10px; font-size: 14px; -moz-border-radius: 10%;}
		
		#webdesigner_form { width:614px;
		margin:auto;
}

		#webdesign_page { width:900px;
		margin:auto;
}

.image_web { border:1px; #666; padding:4px; background:#FFF; margin-bottom:10px; margin-right:10px; margin-left:10px;}

/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:150px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#fff url(images/form5/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(images/form5/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(images/form5/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:100px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */

/* domain page banner */

ul.domain_banner { width:860px; display:block; padding-left:70px;;}
ul.domain_banner li{ display:inline; padding-right:50px;}

#hosting_explained { width:885px; background-color:#3CF; padding:10px;}
#hosting_explained p {
	color:#333;
	font-size:12px;
}
#hosting_explained h2 {
	color:#333;
	
}
#hosting_explained h3 {
	color:#333;
	
}
.included { float:left; margin-right:10px;}