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

body {
	background-image:url(images/page_BG.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size:12px;
	color:#666;
	font-style:normal;
	margin:0;
	padding:0;
	text-align:left;
}

a {
	text-decoration:none;
}

p { padding:0; margin:0 0 20px 0;}

img {border:0;}

img, div, ul, li, a, h1, list {behavior: url(iepngfix.htc);}

a, a:active, a:visited {
	color:#3399cc;
}

input.contact {
	width:300px;
	border:1px solid #999;
	padding:5px;
	color:#0099CC;
}

textarea {
	width:300px;
	height:200px;
	border:1px solid #999;
	padding:5px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#glow_wrapper {
	height:183px;
	background:url(images/header_glow.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}

#page_wrapper {
	width:960px;
	margin: 0 auto;
}


#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	height:108px;
	width:515px;
	margin:33px 0 0 23px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
	
}

#upper_navs {
	margin:74px 22px 0 0;
	float:right;
	color:#333;
}


#upper_navs a, #upper_navs a:active, #upper_navs a:visited {
	color:#00ccff;
}

#upper_navs a:hover {
	color:#666;
}

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

NAVIGATION

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


#nav_bar {
	clear:both;
	margin-left:5px;
	height:42px;
}

#nav_bar a:hover
{
	background-position:0 -42px;
}
	
#nav_bar a.on {
	background-position:0 -42px !important;
}

.nav_pack
{
	display:block;
	background-image:url(images/nav_about_pack.gif);
	background-position:0 0;
	width:191px;
	height:42px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_designer
{
	display:block;
	background-image:url(images/nav_about_designer.gif);
	background-position:0 0;
	width:228px;
	height:42px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_case
{
	display:block;
	background-image:url(images/nav_case_studies.gif);
	background-position:0 0;
	width:162px;
	height:42px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_order
{
	display:block;
	background-image:url(images/nav_ordering.gif);
	background-position:0 0;
	width:132px;
	height:42px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_faqs
{
	display:block;
	background-image:url(images/nav_FAQs.gif);
	background-position:0 0;
	width:86px;
	height:42px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_right
{
	background-image:url(images/nav_right.gif);
	background-position:0 0;
	width:152px;
	height:42px;
	float:left;

}


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

HOME SPECIFIC

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

#screen_glow {
	position:absolute;
	top:155px;
	margin:0 0 0 758px;
}

#home_left {
	float:left;
	margin:10px 0 0 25px;
}

h1.home {
	background-image:url(images/home_main_h1.gif);
	background-repeat:no-repeat;
	width:426px;
	height:71px;
	text-indent:-99999px;
	overflow: hidden;
	padding:0;
	margin:11px 0 0 0;
}

h3.home {
	background-image:url(images/home_main_text.gif);
	background-repeat:no-repeat;
	width:426px;
	height:105px;
	text-indent:-99999px;
	overflow: hidden;
	padding:0;
	margin:0 0 10px 0;
}

img.home_button {
	margin:0 0 16px 0;
}
	

#home_right {
	float:right;
	margin:0 47px 0 0;
}


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

CONTENT

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

#content {
	margin:4px 0 0 0;
	background-image:url(images/left_shadow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:960px;
}

#content #right_shadow {
	background-image:url(images/right_shadow.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#main_content {
	float:left;
	padding:20px 20px 20px 25px;
	width:661px;
	line-height:20px;
	font-size:14px;
	
}

#content_wide {
	clear:both;
	padding:5px 27px 20px 27px;
	width:906px;
	line-height:20px;
	font-size:14px;
}

hr.blue {
	background-color:#bdf2ff;
	color:#bdf2ff;
	height:1px;
	border:0;
	margin:3px 0 1px 0;
}

h3 {
	color:#006699;
	font-size:14px;
	font-weight:bold;
}


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

ABOUT THE PACK PAGES

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

h1.pack {
	background-image:url(images/h1_pack.gif);
	height:68px;
	width:364px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.hosting {
	background-image:url(images/h1_hosting.gif);
	height:34px;
	width:536px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.logo {
	background-image:url(images/H1_logo.gif);
	height:35px;
	width:520px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.cards {
	background-image:url(images/h1_cards.gif);
	height:34px;
	width:459px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.website {
	background-image:url(images/h1_website.gif);
	height:34px;
	width:523px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}


h1.stationery {
	background-image:url(images/h1_stationery.gif);
	height:34px;
	width:534px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

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

OTHER PAGES

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

h1.about_designer {
	background-image:url(images/h1_about_designer.gif);
	height:34px;
	width:289px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.ordering {
	background-image:url(images/h1_ordering.gif);
	height:34px;
	width:133px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.faqs {
	background-image:url(images/h1_FAQs.gif);
	height:34px;
	width:76px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.contact {
	background-image:url(images/h1_contact.gif);
	height:34px;
	width:167px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

h1.CS_SEF {
	background-image:url(images/h1_case_studies_SEF.gif);
	height:34px;
	width:417px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
}

#login {
	width:230px;
	height:130px;
	background-color:#CCC;
	padding:20px 0 0 20px;
}

#login input {
	border:1px solid #999;
	background-color:#FFF;
	color:#00ccff;
	margin-bottom:10px;
	height:15px;
	padding:5px;
}

img.sef_logo {
	margin-top:-20px;
}

.faq_q {
	font-weight:bold;
	color:#0099CC;
	margin-top:20px;
	display:block;
}

li {
	color:#0099CC;
	font-weight:bold;
	list-style-image:url(images/bullet.png);
}

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

SIDEBAR

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

#sidebar_shadow {
	background-image:url(images/sidebar_shadow.gif);
	width:6px;
	height:315px;
	float:right;
}

#sidebar {
	background-image:url(images/sidebar_BG.gif) !important;
	background-repeat:repeat-x;
	width:243px;
	float:right;
	padding:10px 0;
	margin-right:5px;
}

#sidebar ul {
list-style-image:url(images/bullet.png);
padding:0px;
margin:10px 0 0 0;
}

#sidebar ul li{
	border-bottom:1px solid #bfd8e5;
	padding:10px 10px 10px 0;
	margin:0 0 0 34px;
}

#sidebar ul li.last_li{
	border:0;
}

#sidebar li a, #sidebar li a:active, #sidebar li a:visited {
	color:#006699;
	font-weight:bold;
	font-size:14px;
}

#sidebar li a:hover {
	color:#333;
}

img.sidebar_title {
	margin:9px 0 0 17px;
}

#sidebar_bottom {
	background-image:url(images/sidebar_bottom.gif);
	height:5px;
	background-repeat:repeat-x;
}

#right_promo {
	padding-top:20px;
}


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

FOOTER

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

#footer {
	background-image:url(images/footer_BG.gif);
	background-repeat:repeat-x;
	height:62px;
}

#footer_wrapper {
	margin:0 auto;
	width:960px;
}

#footer_logo {
	padding:15px 5px 0 18px;
	float:left;
}

#copyright {
	float:left;
	color:#999;
	font-size:10px;
	padding:18px 0 0 0;
}

#wp_logo {
	float:right;
	padding:15px 20px;
}