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


/* BEGIN RESET STYLESHEET ======================================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #444;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET STYLESHEET ======================================================================================== */




body	{
	margin: 0px;
	font-family: "trebuchet ms", verdana;
	font-size: 13px;
	color: #444444;
	line-height: 17px;
	background: #f4f4f4 url(../images/ww-bg2.jpg) top repeat-x; /* acada2, 1a6cb1 */
}


a:link, a:visited { text-decoration: none; color: #2378af; }
a:hover	{ text-decoration: underline; }


h1	{
	color: black;
	font-size: 90%;
}
.seo	{
	font-size: 90%;
	text-align: left;
	color: white;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

h2	{
	color: black;
	font-size: 120%;
	margin-bottom: 2px;
}
h3	{
	color: black;
	font-size: 100%;
	text-align: center;
}
h4	{
	color: black;
	font-size: 90%;
}
h5	{
	color: black;
	font-size: 70%;
	margin-bottom: 0px;
}

h2.title	{
	font-size: 110%;
	text-align: left;
	margin: 15px 0 4px 0;
	color: #2378af;
	font-weight: bold;
}

h3.title {
	font-size: 100%;
	text-align: left;
	margin: 0px;
	color: #444;
	font-weight: bold;
}

h4.title {
	font-size: 90%;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	color: white;
	font-weight: bold;
}

h4.title-blk {
	font-size: 110%;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #444;
	font-weight: bold;
}

img { border: none; }

p { margin: 0 0 15px 0; }



dl dt { font-weight: bold; font-size: 110%; color: #3671a8; }
	dd { margin: 4px 0 20px 0px; }

ul { margin: 10px 0 0 30px; }


/* img, div { behavior: url(iepngfix.htc); } */

strong { font-weight: bold; }







/* =============================================================================== */

.div-for-padding { margin: auto; width: 96%; }

.centerer { margin: 0 auto; text-align: center; }

.preloadpic {display:none;}

.load {background:url(../images/loader.gif) no-repeat center;}

.extender { clear: both; font-size: 1px; }

.align-right { text-align: right; position: relative; }

.left-cell { width: 50%; float: left; }

.right-cell { width: 44%; float: right; }

.float-l { float: left; margin: 0 10px 10px 0; }

/* =============================================================================== */







#canvas	{  /* OVERALL CONTAINER -- FOR USE WHEN ABSOLUTE POSITIONING SOMETHING IN THE PAGE/CONTENT AREA */
	margin: 0 auto; z-index: 1; position: relative; width: 980px; height: 100%;
}


#top { width: 980px; height: 41px; margin: 0 auto; }
	#logo { width: 300px; height: 41px; position: absolute; top: 0px; left: 0px; }
	#menu-container { height: 41px; position: absolute; top: 0px; right: 0px; z-index: 9999; }
	
#feature { width: 100%; height: 300px; margin: 10px auto; position: relative; z-index: 2; }
	#imacs { width: 483px; height: 270px; position: absolute; top: 24px; right: 0px; z-index: 8888; }
	#h1-seo-index { width: 425px; height: 170px; background: transparent url(../images/h1-seo-index.png) top left no-repeat; position: absolute; top: 6px; left: 0px; text-indent: -9999px; }
	#feature h1.seo { display: inline; color: #444; font-size: 180%; font-weight: normal; line-height: 120%; width: 47%; position: absolute; top: 40px; left: 3px; }
	#contact-info-left { width: 204px; height: 84px; color: #3e524f; position: absolute; bottom: 10px; left: 0px; background: transparent url(../images/contact-info-bg.png) top left no-repeat; }
		#contact-info-left div { margin: 16px 0 0 46px; line-height: 13px; font-size: 90%; }
		#contact-info-left div strong { color: white; }
	#btn-faq { width: 204px; height: 84px; position: absolute; bottom: 10px; left: 260px; }

#feature2 { width: 50%; height: 84px; margin: 10px 0 0 0; position: relative; z-index: 7; }
	#h1-seo-about { width: 425px; height: 70px; background: transparent url(../images/h1-seo-about.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-contact { width: 425px; height: 70px; background: transparent url(../images/h1-seo-contact.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-services { width: 425px; height: 70px; background: transparent url(../images/h1-seo-services.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-pf { width: 425px; height: 70px; background: transparent url(../images/h1-seo-pf.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-faqs { width: 425px; height: 70px; background: transparent url(../images/h1-seo-faqs.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-byo { width: 425px; height: 70px; background: transparent url(../images/h1-seo-byo.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-custom-pkgs { width: 425px; height: 70px; background: transparent url(../images/h1-seo-custom-pkgs.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	#h1-seo-template-pkgs { width: 425px; height: 70px; background: transparent url(../images/h1-seo-template-pkgs.png) top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
	
	
#container { width: 100%; height: 100%; margin: 0 auto; }

	#left-col { width: 30%; margin-right: 3%; float: left; }

	#center-col { width: 30%; margin-right: 3%; float: left; }
	#center-col-wide { width: 64%; margin-right: 1%; float: left; }

	#right-col { width: 30%; margin-right: 3%; float: right; }

#footer { width: 100%; height: 60px; /* background-color: #D5D5D5; border-top: 1px solid silver; */ font-size: 80%; clear: both; display: block; }



ul.checkmarks { list-style-type: none; }
	ul.checkmarks li { list-style-type: none; line-height: 200%; font-size: 90%; margin: 0 0 0 -16px; padding: 0 0 0 20px; background: transparent url(../images/li-checkmark.png) 0px 3px no-repeat; }
	
ul.arrows { list-style-type: none; margin: 15px 0 20px 0; }
	ul.arrows li { list-style-type: none; line-height: 200%; font-size: 100%; line-height: 115%; margin: 0 10px 10px 0px; padding: 0 0 0 12px; background: transparent url(../images/arrow.png) 0px 2px no-repeat; }
	

ul.thick-ul { list-style-type: none; margin: 0; padding: 0; }
ul.thick-ul li a, ul.thick-ul li a:visited { display: block; width: 100%; line-height: 41px; text-indent: 6px; text-decoration:none; border-top: 1px solid white; border-bottom: 1px solid silver; background: #f4f4f4 url(../images/arrow.png) 96% 50% no-repeat; }
ul.thick-ul li a:hover { background-color: #ebebeb; }
	.custom-pkgs { background: transparent url(../images/icon-custom-pkgs.png) left center no-repeat; padding-left: 26px; }
	.temp-pkgs { background: transparent url(../images/icon-temp-pkgs.png) left center no-repeat; padding-left: 26px; }
	.byo-pkgs { background: transparent url(../images/icon-byo-pkgs.png) left center no-repeat; padding-left: 26px; }

#flashcontent-top { width: 760px; height: 180px; }
#site-thumbs { width: 168px; height: 120px; }



#latest-news-left { margin-top: 10px; }
#pkgs-build-left { display: none; }
#pkgs-right { margin-top: 20px; }
#testimonials-right { margin-top: 0px; }




.divbox-top { width: 180px; height: 7px; background: #deded4 url(../images/divbox-top.jpg) no-repeat; }

.divbox-content { width: 180px; height: 100%; background: #deded4 url(../images/divbox-content.jpg) repeat-y; }
.divbox-content-padding { width: 168px; height: 100%; margin: 0 auto; }
.divbox-bottom { width: 180px; height: 7px; background: #deded4 url(../images/divbox-bottom.jpg) no-repeat; }


.address { font-size: 80%; }



#news-div	{ width: 150px; height: 200px; }
#news-iframe	{ width: 150px; height: 200px; border: none; }


#testimonials-div	{ width: 150px; height: 260px; }
#testimonials-iframe	{ width: 150px; height: 260px; border: 1px solid white; }



#client-list { width: 100%; height: 100%; margin: 30px auto; }
	.client { display: block; height: 100%; clear: both; }
#client-list img { float: left; margin-right: 10px; }
#client-list p { font-size: 100%; }
#client-list a.url { font-size: 90%; color: gray; }
#client-list span.url { font-size: 90%; color: silver; }



#form-table { width: 90%; margin: 0 auto; font-size: 100%; border: 0; }
#form-table td { vertical-align: middle; }
#form-table td.left-col { width: 40%; text-align: right; padding-right: 7px; }
#form-table h4 { text-align: center; font-size: 130%; margin: 6px; }
#form-table h5 { text-align: center; font-size: 120%; margin: 4px; }
#form-table .colspan2 { text-align: center; }
.long-desc { width: 200px; height: 99px; background: none; }
#form-table input[type=text] { border: 0px; width: 188px; margin: 2px 0 0 4px; }
#form-table input.btn { width: 100px; }
.asterisk { color: red; font-size: 80%; }

.txtbox { background: #f4f4f4 url(../images/txtbox-bg.png) left center no-repeat; width: 200px; height: 33px; border: 0px; }
.txtbox-big { background: #f4f4f4 url(../images/txtbox-msg-bg.png) left center no-repeat; width: 200px; height: 99px; border: 0px; }


#service-list li { margin-top: 6px; }


.silver-border { border: 1px solid silver; border-bottom: 0px; margin: 20px 0 20px 0; }



.quote	{
	font-size: 80%;
	font-style:italic;
	width: 80%;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-top: 5px;
	background: url(../images/quote.png) no-repeat;
	display: block;
	clear: both;
}
.name {
	text-align: right;
	margin: 2px 10px 0 16px;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	font-style:italic;
	color: #ffae00;
	font-size: 80%;
}




/* DIVS THAT ARE HIDDEN AND MODULAR VIA FANCYBOX */

#fb-seo, #fb-xhtml, #fb-hosting { display: none; }
	#fb-xhtml { font-size: 90%; }

/* END DIVS THAT ARE HIDDEN AND MODULAR VIA FANCYBOX */