/* Elements */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

/*
body.ap	{background-image: url(/images/background.gif);background-repeat: repeat;background-color: #B0BBDA;}
*/

body.hp	{background-color: #FFFFFF; background-image: url(/images/hp_background.png);background-repeat: repeat-x;}

body.main_body	{background-color: #FFFFFF; background-image: url(/images/main_background.png);background-repeat: repeat-x;}

body.email	{background-color: #FFFFFF;}

A:link, a:active, a:visited {color: #0F3B7E;
background: none}
	
A:hover {color: #669ACC;
background: none}

ADDRESS {margin: 0em 0% 0em 0%;
font: italic 11px/1 Verdana}

BIG {font-size: 13px}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 1}

BUTTON {cursor: auto}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 1}

CODE {font-size: 11px;
font-family: Verdana} /* To avoid overriding boldness/italicity by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 13px}

DD {margin: 0em 0% 0em 0%;
line-height: 1}

DL {margin: 0em 0% 0em 0%}

DT {margin: 0em 0% 0em 0%;
line-height: 1}

H1 {margin: 0em 0% 0em 0%;
font: .7em/1 Verdana}

H2 {margin: 8px 10px 5px 10px; font-size: 14px; color:#465EA0;}

H3 {margin: 5px 10px 5px 10px; font-size: 12px; color:#000000;}

H4 {margin: 0em 0% 0em 0%;
font: 11px/1 Verdana}

H5 {margin: 0em 0% 0em 0%;
font: 11px/1 Verdana}

H6 {margin: 0em 0% 0em 0%;
font: 11px/1 Verdana}

HR {margin: 0em 0% 0em 0%}

HTML {margin: 0px 0% 0px 0%;
background: white}

INPUT, SELECT {cursor: auto;
/*border: 1px;
border-color: #aaaaaa;
border-style: inset;
border-spacing: 20px;*/
font: 10px/12px Verdana;
margin: 1px 0% 1px 0%}

KBD {font: 11px Verdana}

LI {margin: 5px 2px 5px 2px;
line-height: 1}

OL {margin: 0em 0% 0em 5%;
list-style: decimal}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman}

OL OL OL OL {list-style: decimal}

p{margin: 5px 20px 10px 10px; line-height: 15px}

PRE {margin: 0em 0% 0em 0%;
font: 11px/1 Verdana}

SAMP {font: 11px Verdana}

SMALL {font-size: 9px}

SUB {font-size: 9px}

SUP {font-size: 9px}

TD {border: 0em; padding: 0px 0% 0px 0%; text-align: left; vertical-align:top;}

TEXTAREA {cursor: text}

TH {font: bold 11px/1 Verdana;
text-align: left;
padding: 0px 10px 3px 0%;
vertical-align: bottom}

TT {font: 11px Verdana}

UL {margin: 0em 0% 0em 5%;
list-style: none;}

UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square}

UL UL UL UL {list-style: disc}

/******************************************************************************
  The following are the Head, Body and Foot Layers
********************************************************************************/

TABLE {border-width: 0px; border-collapse: collapse; width:850px;}
table.body{background-color:#FFFFFF;}
TR {padding: 0px 0% 0px 0%; margin: 0px 0% 0px 0%}
td.blackline {background-color: #FFFFFF;}
td.bodytext {font-size: 10px; font-face: verdana, arial; color: #000000}
td.subheadings {font-weight: bold; font-size: 9pt; padding:5px 10px 5px 10px; color: #000000}
form{margin: 0px 0px 0px 0px;}

.headings {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: 003399; font-weight: bold}
.formelement {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; font-weight: normal}
.pagetitles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: 003399; font-weight: normal}
.solutions {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: 3366CC; font-weight: bold}	 	  	

.subheadings:link, .subheadings:active, .subheadings:visited {color: #0F3B7E;
font-size: 12px}

.subheadings:hover {color: #669ACC;
font-size: 12px}
		
/* Classes */
/******************************************************************************
  The following are all utility styles used to create WHITE SPACE
********************************************************************************/
tr.ws_1 {height: 1px}
tr.ws_5 {height: 5px}
tr.ws_10 {height: 10px}
tr.ws_15 {height: 15px}
tr.ws_25 {height: 25px}
tr.ws_50 {height: 50px}
tr.ws_100 {height: 100px}

td.ws_1 {width: 1px}
td.ws_5 {width: 5px}
td.ws_10 {width: 10px}
td.ws_15 {width: 15px}
td.ws_25 {width: 25px}
td.ws_29 {width: 29px}

p.ws_5 {height: 5px}

/******************************************************************************
  The following are all FORM styles
********************************************************************************/
form{margin: 0px 0% 0px 0%}
td.form_label {padding:3px 10px 3px 10px; color:#798EC9; width:190px;}
td.form_field {padding:3px 10px 3px 10px; vertical-align:top; width:332px;}
td.form_label_required {padding:12px 10px 0px 10px; color:#FF0000; width:120px;}

td.form_label_options {padding:3px 10px 3px 10px; color:#798EC9;}
td.form_field_options{padding:3px 10px 3px 10px; vertical-align:top; width:200px;}
/******************************************************************************
  The following are all Header class styles
********************************************************************************/
table.header_wrapper{width:100%;}
td.header_wrapper{background-color:#000000; padding:5px 0px 5px 0px;}
td.header_logo {text-align: left; background-color:#000000;}
td.header_text{text-align: right; background-color:#000000; padding:0px 5px 0px 0px; color:#FFFFFF; vertical-align:middle;}
a.header:link, a.header:active, a.header:visited {color: #FFFFFF; text-decoration:none; font-size: 12px;}
a.header:hover {color: #CCCCCC; text-decoration:none; font-size: 12px;}

/******************************************************************************
  The following are all styles related to the NAVIGATION bar
********************************************************************************/
table.nav_wrapper{width:100%;}
td.nav_wrapper{background-color:#596993; padding:5px 0px 5px 0px;}
td.navbar { background-color:#596993; height:20px; font-size: 12px; padding: 0px 0px 0px 0px; vertical-align:middle; color: #ffffff;}
a.navtext:link, a.navtext:active, a.navtext:visited {color: #ffffff; font-size: 12px; text-decoration: none}
a.navtext:hover {color: #798EC9; text-decoration: none; font-size: 12px;}

#footer_backgound{background-color:#EEEEEE; }
table.footer_wrapper{width:100%; margin-top:10px;}
td.footer_wrapper{background-color:#EEEEEE; padding:5px 0px 5px 0px;}
td.footer_line{background-color:#666666; padding:5px 0px 5px 0px;}
td.footer {color: #000000; padding: 10px 0px 10px 0px;}	
a.footer:link, a.footer:active, a.footer:visited {color: #666666; text-decoration: none}
a.footer:hover {color: #669ACC;text-decoration: none;}
p.footer{margin: 5px 10px 5px 0px; font-size:12px; border-bottom: 1px #CCCCCC dashed; width: 250px; padding-bottom: 5px;}
h2.footer{margin: 0px 0px 0px 0px; font-size:14px; color: #596993;}

/***********************************************************************************
  The following are all styles related to the INDEX TEMPLATE
************************************************************************************/
td.photobox { vertical-align:top; width:216px;}
h2.pagetitle {margin: 10px 5px 15px 10px; color: #666666; font-size: 16px; font-weight: bold;}
h3.intro_text{margin: 2px 5px 7px 10px; font-size: 13px; font-weight: bold;}
a.inpageheadings:link, a.inpageheadings:active, a.inpageheadings:visited {color: #0F3B7E; font-size: 12px}
a.inpageheadings:hover {color: #669ACC; font-size: 12px}
h2.recent_posts{margin: 5px 10px 5px 0px; }
p.recent_posts{font-size:10px; margin: 5px 10px 5px 0px; border-bottom: 1px #CCCCCC dashed; width: 250px; padding-bottom: 5px;}

/***********************************************************************************
  The following are all styles related to the PROMO BOX on the INDEX TEMPLATE
************************************************************************************/
table.promo{width:250px;}
td.promocolumn {width: 250px; vertical-align:top; padding:0px 10px 0px 0px;}
ul.promo_title{margin: 0px 0px 0px 10px; text-align:left;list-style:none; font-size:11px;}
li.promo_text{margin:0px 0px 3px 10px; font-size:10px;}
p.promotext {margin: 2px 10px 7px 10px; font-size:10px; line-height: 12px}
h3.promohead {margin: 5px 5px 0px 5px; font-size: 12px; color:#000000;}
table.box {width: 190px}
td.web_package {vertical-align:top; background-color:#FFFFCC;}
td.hosting_package {vertical-align:top; background-color:#EEEEEE;}
td.partnerlogos {vertical-align:top; padding:12px 10px 0px 10px; text-align:center;}
td.screenshots {vertical-align:top; padding:12px 7px 5px 7px; text-align:center;}
td.screenshots_wd {vertical-align:top; padding:5px 10px 0px 10px; text-align:center;}
p.caption {margin: 2px 10px 7px 10px; font-size:9px;}

td.recent_projects_head {vertical-align:top; padding:7px 5px 7px 5px; text-align:center; background-color:#44833F; font-weight:bold; color:#FFFFFF; font-size:14px}
td.recent_projects_text {vertical-align:top; padding:5px 5px 0px 5px; background-color:#A0B99E; background-image:url(/images/recent_projects_bg.gif); background-repeat: no-repeat;}
p.recent_projects_photo {margin:5px 5px 0px 5px; text-align:center;}

ul.osc_customization{margin: 0px 0px 0px 10px; text-align:left;list-style:disc; font-size:12px;}
li.osc_customization{margin:5px 0px 5px 10px; font-size:12px;}
p.call_to_action{font-size: 15px; font-weight: bold; margin: 20px 0px 20px 0px; }

/***********************************************************************************
  The following are all styles related to the WEB HOSTING PLANS
************************************************************************************/
ul.plan_list{margin: 0px 0px 0px 10px; text-align:left;list-style:none; font-size:11px;}
li.plan_text{margin:0px 0px 3px 10px; font-size:11px;}
p.plan_price{margin: 2px 10px 7px 10px; font-size:11px;}
h3.plansubhead {margin: 5px 5px 0px 10px; font-size: 10px; color:#000000;}
h4.plantitle {margin: 5px 5px 0px 10px; font-size: 13px; font-weight: bold; color:#798EC9;}
span.price{color:#798EC9; font-weight:bold;}

/***********************************************************************************
  The following are all styles related to the WEB DESIGN PACKAGES
************************************************************************************/
ul.package_list{margin: 0px 15px 10px 20px; text-align:left; font-size:12px;}
li.package_list{margin:0px 15px 3px 20px; font-size:12px;}
p.package_price{margin: 2px 10px 25px 10px; font-size:12px;}
h3.package_subhead {margin: 5px 5px 0px 10px; font-size: 12px; color:#000000;}
h4.package_title {margin: 5px 5px 0px 10px; font-size: 13px; font-weight: bold; color:#798EC9;}
span.package_price{color:#798EC9; font-weight:bold;}
h2.package_addons {margin: 5px 5px 10px 10px; font-size: 15px; color: #666666;}
td.example_sites {vertical-align:top; padding:5px 10px 0px 10px; text-align:center; font-size: 13px; font-weight: bold; color:#666666;}
table.package_orderform {width: 452px}

/***********************************************************************************
  The following are all styles related to the PORTFOLIO 
************************************************************************************/
table.portfolio {width: 600px}
p.portfolio{margin: 2px 10px 7px 10px; font-size:11px;}
h3.additional_sites {margin: 5px 5px 10px 5px; font-size: 12px; color:#000000; font-weight:bold;}
ul.additional_sites {margin: 0px 0px 0px 5px; list-style: none;}
li.additional_sites {margin: 5px 2px 5px 2px; font-size: 10px;}
h3.site {margin: 15px 5px 0px 10px; font-size: 13px; color:#999999;}
h4.portfolio_subhead {margin: 5px 5px 0px 10px; font-size: 10px; font-weight:bold;}
td.portfolio_screenshots {vertical-align:top; padding:5px 8px 5px 8px; text-align:center;}
table.large_photo {width: 600px}
td.large_photo {padding:5px 10px 0px 0px; text-align:center;}
td.close_window {padding:5px 10px 0px 0px; text-align:center;}
p.testimonial{margin: 20px 20px 7px 20px; font-size:10px;}
p.testimonial_name{margin: 2px 20px 7px 20px; font-size:10px; font-style:italic; text-align:right;}

a.cd_portfolios:link, a.cd_portfolios:active, a.cd_portfolios:visited {color: #0F3B7E; font-size: 12px; text-decoration:none;}
a.cd_portfolios:hover {color: #669ACC; font-size: 12px text-decoration:none;}

/***********************************************************************************
  The following are all styles related to the OUR PROCESS 
************************************************************************************/
ul.process{margin: 0px 15px 10px 20px; text-align:left; font-size:11px;}
li.process{margin:5px 15px 5px 20px; font-size:11px; list-style: circle;}
ol.process_steps{margin: 0px 15px 10px 50px; text-align:left;}
li.process_steps{margin:5px 15px 5px 20px; font-size:11px; }


/***********************************************************************************
  The following are all styles related to the CONTACT US 
************************************************************************************/
table.contactform {width: 452px}
table.contactform_seo {width: 600px}
h4.contact_type {margin: 5px 5px 0px 5px; font-size: 9px; font-weight:bold;}
p.contact_text {margin: 2px 10px 7px 10px; font-size:10px; line-height: 12px}

/***********************************************************************************
  The following are all styles related to the NEWS
************************************************************************************/
table.news {width: 452px}
td.news_source {vertical-align:top; padding:7px 10px 7px 10px;}
td.news_headlines {vertical-align:top; padding:7px 10px 7px 10px;}
li.news_item{margin:10px 10px 10px 10px; font-size:11px;}

/***********************************************************************************
  The following are all styles related to the EMAIL
************************************************************************************/
td.email_trouble {padding:7px 10px 7px 10px; text-align:center;}
a.email_trouble:link, a.email_trouble:active, a.email_trouble:visited {color: #FFFFFF; text-decoration:underline; font-size: 10px;}
a.email_trouble:hover {color:#000066; text-decoration:underline; font-size: 10px;}

/***********************************************************************************
  The following are all styles related to the DIGITAL MULTIMEDIA 
************************************************************************************/
table.dm {width: 750px}
ul.dm{margin: 0px 15px 10px 20px; text-align:left; font-size:11px;}
li.dm{margin:5px 15px 5px 20px; font-size:11px; list-style: circle;}







/***********************************************************************************
  The following are all styles related to the DYNAMIC CALENDER
************************************************************************************/
#calendar {position:absolute; 
           left:0px; 
           top:0px; 
           visibility:hidden
          }

table.calendar {font-family:Verdana, Arial, Helvetica, sans-serif; 
      width: 175px;
	  border-collapse: separate;
	   background-color:#cccccc
      }
	  
/* this is the table head/days of the week*/
th.calendar {background-color:#D7E1EE; 
    text-align:center; 
    font-size:10px; 
    width:26px
   }
#tableHeader {background-color:#cccccc; 
	  		  text-align: center;
              width:100%
             }
td.calendar{background-color:#eeeeee; 
    text-align:center; 
    font-size:10px
   }
td.calendarLinks{background-color:#eeeeee; 
    text-align:center; 
    font-size:10px;
	}
   
#tableBody tr td {width:26px}
#today {background-color:#FFFFF3}