body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height:1.4em;
}
h1, h2, h3 {
	margin-top: 10;
}

h1 {
    margin: 0px 0px 0px 0px;
    font-size: 2.2em;
    padding: 5px 0px 5px 0px;
    line-height:1.0em;
}

h2 {
    margin: 0px 0px 5px 0px;
    font-size: 1.8em;
    padding: 5px 0px 0px 0px;
    line-height:1.1em;
}

h3 {
	margin: 0px 0px 0px 0px;
    font-size: 1.2em;
    padding: 0px 0px 5px 0px;
    color:#f19021;

}
h4 {
    margin: 6px 0px 5px 0px;
    font-size: 1.0em;
    padding: 0px 0px 0px 0px;
    color:#f19021;
}
h5 {
    margin: 0px 0px 5px 0px;
    font-size: 1.4em;
    padding: 0px 0px 0px 0px;
    color:#f19021;
}

h6 {
    margin: 0px 0px 5px 0px;
    font-size: 1.6em;
    padding: 0px 0px 0px 0px;
    color:#f19021;
}
h1.case_study {
    font-size: 1.3em;
}

h5.contact_us {
    font-size: 1.0em;
}

h3.business {
    color:#4064ae;
}
.business {
    color:#4064ae;
}
h3.economy{
    color:#35823e;
}
.economy{
    color:#35823e;
}
h3.premium {
    color:#7f1d68;
}
.premium {
    color:#7f1d68;
}


li.links { list-style: square; color:#e36125;}

ul.home
{
list-style-type: none;
padding: 0;
margin: 0;
}

li.home
{
font-weight:bold;
font-size:13px;
background-image: url(images/nav_bullet.jpg);
background-repeat: no-repeat;
background-position: 0.4em;
padding-left: 20px;
line-height:3em;

}


.newsDate {
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
    padding: 0px 0px 0px 0px;
    color:#666666;
    font-weight:bold;
}
.orange {
    color:#f19021;
}
.blue {
    color:#005a99;
}
.light_blue {
    color:#00ade6;
}
.teal {
    color:#00b79b;
}
.purple {
    color:#99258b;
}
.gray {
    color:#666666;
}

ul {
	list-style-image: url(images/img07.gif);
}

a {
	color: #df7226;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #df7226;
}

a.gray {
    color:#666666;
}

a.gray:hover {
    color:#666666;
    text-decoration:none;
}

a img {
	border: none;
}
.bold {
    font-weight:bold;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

#loginTable {
    width:100%;
    padding: 0px 0px 0px 5px;
    text-align:right;
    border: solid 0px green;
}

#loginTable th {
  text-align:right;
  font-size:1.0em;
  font-weight: bold;
  padding-right:4px;
  width:100%;
}

#loginTable td {
    padding:2px 0px 0px 0px;   
}


#loginTable input {
 width:190px;
}

.wizardSteps {
    padding:10px;
    vertical-align:top;
}
.wizardSteps td { vertical-align: top; }

.linksTable {
    width:600px;
    border:solid 0px green;
    margin:auto;
    clear:none;
    
}
.linksTable tr td {
}
.servicesTable {
    width:600px;
    padding: 0px 0px 0px 0px;
    border:solid 0px green;
    margin:auto;
    clear:none;
}

.servicesTable td {
 padding:4px 0px 0px 0px;
 font-weight:bold;
}
.featuresTable {
    width:590px;
    padding: 0px 0px 0px 0px;
    margin:auto;
    border-collapse:collapse;
}

.featuresTable th {
 padding:10px;
 font-weight:bold;
 text-align:left;
 border-bottom:solid 1px #e8e8e8;
 border-left:solid 1px #e8e8e8;
 border-right:solid 1px #e8e8e8;
 border-top:0px;
 vertical-align:top;
}
.alternate_row {
    background-color:#FDF5E6;
}
.table_footer {

}

.pricesTable {
    width:590px;
    padding: 0px 0px 0px 0px;
    margin:auto;
    border-collapse:collapse;
}

.pricesTable th {
 padding:10px;
 font-weight:bold;
 text-align:left;
 border-bottom:solid 1px #e8e8e8;
 border-left:solid 1px #e8e8e8;
 border-right:solid 1px #e8e8e8;
 border-top:0px;
 background-color:#e36125;
 color:#ffffff;
}

.pricesTable {
    width:590px;
    padding: 0px 0px 0px 0px;
    margin:auto;
/*    border-collapse:collapse;*/
}

.pricesTable th {
 padding:5px;
 font-weight:bold;
 text-align:left;
 /*border:solid 0px #e8e8e8;*/
 vertical-align:top;
}
.pricesTable td {
 padding:5px;
 font-weight:normal;
 text-align:left;
 /*border:solid 0px #e8e8e8;*/
 vertical-align:top;
}

.pricesTable .shaded {
 background-color:#e8e8e8;
 text-align:center;
 vertical-align:middle;
}

.pricesTable .subHead {
 color:Orange;
 text-align:center;
}

.compareTable {
    width:590px;
    padding: 0px 0px 0px 0px;
    margin:auto;
    border-collapse:collapse;
}

.compareTable th {
 padding:10px;
 font-weight:bold;
 text-align:left;
 border-bottom:solid 1px #e8e8e8;
 border-left:solid 1px #e8e8e8;
 border-right:solid 1px #e8e8e8;
 border-top:0px;
 vertical-align:top;
 background-color:#f5f6f6;
}
.compareTable td {
 padding:10px;
 font-weight:normal;
 border:solid 1px #e8e8e8;
 
 text-align:center;
}

.featuresTable th.featuresTableTopCell {
    border-bottom:0px;
}

.featuresTable th.featuresTableBottomCell {
    border-bottom:0px;
}

.featuresTable td {
 padding:10px;
 font-weight:bold;
 border:solid 1px #e8e8e8;
 background-color:#f5f6f6;
 text-align:center;
}

#client_login {
    background: #FFFFFF url(images/nav_subscribe.jpg);
    padding: 0px 0px 0px 0px;
    width:300px;
    border:solid 0px green;
    height:158px;
    margin-top:6px;
    
}

.clientTable td {
 padding:0px;
 padding-left:10px;
 vertical-align:top;
 text-align:left;
}
.clientTable th {
 padding:0px;
 vertical-align:top;
 text-align:right;
 font-weight:normal;
 color:#333333;
 font-style:italic;
}

.right {
 text-align:right;
}

#page_container {
    width: 930px;
    padding: 20px 0 0 0;
    margin: 0 auto;  
}

#page_start {
	width: 930px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(images/page_start.gif) no-repeat;
	height:7px;
	font-size:1px;
}

#page_content {
    width: 920px;
    padding: 0px 15px 0 5px;
    background: #FFFFFF url(images/page_bg.gif) repeat-y;
}

#top_header {
    width: 908px;
	text-align: right;
	color: #8d8d8c;
	padding: 5px 0px 0px 0px;
	border:solid 0px yellow;
	height:24px;
}
.top_header_call{
    display:inline;
    
}
.top_header_number {
    color: #e46525;
    font-size: 1.5em;
    font-weight:bold;
    border:solid 0px red;
    display:inline;
    line-height:24px;
}
#top_header_logo {
    width: 915px;
    padding: 0px 0px 0px 10px;
    border:solid 0px blue;
}

.header_hr {
    background-color: #d6d6d6;
    color:#d6d6d6;
    height: 5px;
    width: 920px;
    padding:0px 0px 0px 0px;
    margin:5px 0px 10px 0px;
    border: none;
}
.newsbreak_hr {
    border-style:none;
    border-top: 1px dashed #cccccc;
    height: 1px;
    margin-top:10px;
    margin-bottom:0px;
}

.newsItem{
    margin: 0;
	padding: 0;
	font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height:1.2em;
}

#bottom_logo {
    width: 915px;
	padding: 10px 0px 8px 10px;
}

#page_main_outer {
    width: 915px;
    padding-left: 0px;
    padding-right: 0px;
}

#page_main {
    width: 590px;
    float: left;
    padding:10px;

}
.page_main_left {
    width: 300px;
    padding:10px 0px 0px 0px;
    float:left;
    clear:left;
    border:solid 0px red;

}
.page_main_right {
    width: 590px;
    padding:0px 0px 10px 15px;
    float:left;
}

#content_left {
    padding: 0px;
    width: 285px;
    float: left;
    text-align: justify;
}
#content_left img{
    padding: 0px;
}

#content_right {
    padding: 0px;
    width: 285px;
    float: right;
    text-align: justify;
}
#content_right img{
    padding: 0px;
}
#portfolio_container {
    border: dashed 1px #cccccc;
    display:table; 
    padding:10px 10px 10px 10px;
    width:570px;
}

.portfolio_left {
    padding: 0px;
    width: 340px;
    float: left;
    border:0px solid red;
}

.portfolio_left_print {
    padding: 0px;
    width: 330px;
    float: left;
    padding-left:1px;
    border:solid 0px green;
}

.portfolio_right {
    padding: 0px;
    width: 190px;
    float: right;
    border:solid 0px green;
}
.portfolio_detail_hr {
    border-style:none;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px solid white;
    height: 2px;
    margin-top:10px;
    margin-bottom:10px;
    
    
 }
 
.portfolio_detail {
    display:block;
    clear:both;
    padding: 20px 10px 0px 0px;
    line-height:1.5em;
}
.portfolio_break {
    display:block;
    clear:both;
    padding: 20px 0px 20px 0px;
    line-height:1.5em;
}

.designProcessHeader {
    border: 0px solid red;
    font-size: 1.6em;
    text-align:center;
    padding:5px;
    width:300px;
    font-weight:bold;
    line-height: 1.1em;
}
.designProcess {
    width:280px;
    padding:10px;
    text-align:center;
    border: 0px solid green;
}
.designProcess img{
    padding:40px 0px 30px 0px;
}

#page_end {
    width: 930px;
	margin: 0 auto;
	padding: 0px 15px 30px 15px;
	background: #FFFFFF url(images/page_end.gif) no-repeat;
}

#page_nav_left {
    float: left;
    width: 300px;
}
#page_nav_right {
    float: right;
    width: 600px;
    padding:0px 8px 0px 0px;
}
#page_nav img {
    vertical-align: bottom;
    text-align: right;
}
#toolbox {
    width:300px;
    text-align:right;
    padding: 20px 0px 0px 0px;
    border:solid 0px yellow;
    vertical-align:bottom;
}
#login_filler {
    width:300px;
    height:120px;
}

/*
#toolbox_design_process_nav {
    width: 100%;
    text-align: center;
    padding: 0px;
}
#toolbox_design_process_nav p {
    padding: 10px;

}
*/
/* start rollovers */
#nav_home {
	background-image: url(images/nav_home_on.jpg);    /* rollover state */
	height:38px;
	width:301px;
}
#nav_about_us {
	background-image: url(images/nav_about_us_on.jpg);    /* rollover state */
	height:38px;
	width:301px;
}
#nav_portfolio {
	background-image: url(images/nav_portfolio_on.jpg);    /* rollover state */
	height:38px;
	width:301px;
}
#nav_services {
	background-image: url(images/nav_services_on.jpg);    /* rollover state */
	height:38px;
	width:301px;
}
#nav_contact {
	background-image: url(images/nav_contact_on.jpg);    /* rollover state */
	height:38px;
	width:301px;
}
#nav_portfolio_brand {
    background-image: url(images/nav_branding_and_identity_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_portfolio_web {
    background-image: url(images/nav_web_development_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_hosting_overview {
    background-image: url(images/nav_hosting_overview_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_hosting_economy {
    background-image: url(images/nav_hosting_economy_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_hosting_business {
    background-image: url(images/nav_hosting_business_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_hosting_premium {
    background-image: url(images/nav_hosting_premium_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_hosting_compare {
    background-image: url(images/nav_hosting_compare_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_portfolio_print {
    background-image: url(images/nav_print_media_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#toolbox_design_process {
    background-image: url('images/toolbox_design_process_on.jpg');    /* rollover state */
	height:50px;
	width:300px;
	}
#toolbox_online_design_brief {
	background-image: url(images/toolbox_online_brief_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}
#toolbox_wholesale_web_packages {
	background-image: url(images/toolbox_wholesale_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}
#toolbox_links {
	background-image: url(images/toolbox_links_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}
#toolbox_hosting_services {
	background-image: url(images/toolbox_hosting_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}
#toolbox_print_price_list {
	background-image: url(images/toolbox_price_list_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}
#toolbox_job_request {
	background-image: url(images/toolbox_job_request_on.jpg);    /* rollover state */
	height:50px;
	width:300px;
}

#nav_services_website_development {
    background-image: url(images/nav_services_website_development_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_services_website_evaluations {
    background-image: url(images/nav_services_website_evaluations_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_services_graphic_design {
    background-image: url(images/nav_services_graphic_design_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_services_flashbook {
    background-image: url(images/nav_services_flashbook_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_services_virtual_presenters {
    background-image: url(images/nav_services_virtual_presenters_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_services_ecommerce {
    background-image: url(images/nav_services_ecommerce_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_services_email_marketing {
    background-image: url(images/nav_services_email_marketing_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_services_hosting {
    background-image: url(images/nav_services_hosting_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}

#nav_services_back_to {
    background-image: url(images/nav_services_back_to_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}
#nav_services_email_campaigns {
    background-image: url(images/nav_services_email_campaigns_on.jpg);    /* rollover state */
    height :20px;
	width:300px;
}



/* end rollovers */
.flash_content {background: #000000;}
/* url(images/main_image_home4.jpg);}*/

/* Application: Common Code */

.rollover { display: block;} /* Allow setting widths and heights */
.rollover img {
    width: 100%;
    height: 100%;
    border: 0;
} /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


.tip_green {border:solid 1px #35823e; width:180px; padding:8px; position:absolute; z-index:99;visibility:hidden;top:80px;left:20px;background-color:#fff;background-color:#fff;}
.tip_green h3 {font-size:1.1em;border-bottom:1px solid #35823e;margin:0 0 4px 0;color:#35823e;text-align:left;}
.tip_green p {font-size:0.8em;margin:0;padding:0;text-align:justify;}

.tip_blue {border:solid 1px #4064ae; width:180px; padding:8px; position:absolute; z-index:99;visibility:hidden;top:80px;left:20px;background-color:#fff;background-color:#fff;}
.tip_blue h3 {font-size:1.1em;border-bottom:1px solid #4064ae;margin:0 0 4px 0;color:#4064ae;text-align:left;}
.tip_blue p {font-size:0.8em;margin:0;padding:0;text-align:justify;}

.tip_purple {border:solid 1px #7f1d68; width:180px; padding:8px; position:absolute; z-index:99;visibility:hidden;top:80px;left:20px;background-color:#fff;background-color:#fff;}
.tip_purple h3 {font-size:1.1em;border-bottom:1px solid #7f1d68;margin:0 0 4px 0;color:#7f1d68;text-align:left;}
.tip_purple p {font-size:0.8em;margin:0;padding:0;text-align:justify;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
	position: absolute;
	z-index: -1;
}

.hoverbox a:hover .preview
{
	display: block;
	position: relative;
	top: -180px;
	left: -40px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	color: inherit;
}

.hoverbox .preview
{
}


/* drop menu */
.anylinkcss{
/*position:absolute;*/
visibility: hidden;
position:relative;top:0px; left:0px;border:solid 1px green;
width:300px;text-align:right;
}

.anylinkcss a{
width: 300px;
text-decoration: none;
padding:0px;
line-height:1.2em;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 300px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0px solid orange;
padding: 2px;
padding-left: 4px;
}

.homepage_testimonials{
background: #FFFFFF url(images/nav_quotes.jpg) no-repeat;
height:190px;
width:290px;
text-align:right;
float:right;
}
.homepage_testimonials_text{
float:right;
padding:8px 40px 0px 10px;
margin:0px;
width:209px;
height:190px;
}