/* CSS Document */
* {margin:0px; padding:0px; }

body { margin:0; padding:0;  background-color:#ffffff; }
p {font-family:Arial, Helvetica, sans-serif;  }
a {font-family:Arial, Helvetica, sans-serif; outline:none; }

h3 a {color:#ed1c2e;}

img.button {border:none; margin:1px 0px 1px 0px ; padding:4px;}
img.button:hover {border:2px solid #666; margin:1px 0px 1px 0px; padding:2px;}

/* ------------container------------ */
#container {width:800px; margin:0 auto; padding:0px; background-color:#E6E6E6; padding:0 0 15px 0; }



/* --------------------Text Styling----------------- */
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; 
color:#ED1C2E; margin:5px 0 5px 0;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; 
color:#333333; margin:15px 0 5px 0;}

#body_inside li {margin: 0 0 0 20px;  list-style-position:inside; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#4d4d4d; line-height:1.75em; list-style-type:square; }

ul.inner_li {margin:0 0 0 25px; list-style-type:circle;}

#body_inside p a {font-size:12px; color:#ED1C2E;  text-decoration:underline;}
#body_inside a:visited {color:#333333;}


ul.portfolio li a {font-size:13px; color:#333333; margin-left:10px; text-decoration:underline;  list-style:none; }
ul.portfolio {list-style:none; line-height:1.25;}

#portfolio_spotlight li {margin:15px 0; border:none;}
#portfolio_spotlight img {border:none;}

/* ----- the following highlights the target headers when clicked on the portfolio page ----- */
a:target {background: #ffffff;padding: 5px; margin: 5px 0 0 0; }

/* --------------------header----------------- */

#header {background-image:url(images/header_background.jpg); background-repeat:no-repeat;
width:800px; height:179px; margin:0 0 0 0px; padding:0; position:relative;  }

#header h1 {background-image:url(images/creative_internet_logo.png); 
width:209px; height:98px; text-indent:-9999px; float:left; margin-top:20px; margin-left:100px; }

/* ---promotions_red--- */

p.promotions_red {color:#ED1C2E; font-size:12px; font-weight:bold; margin-left:202px; margin-top:7px; float:left;   }


/* ---Primary Nav--- */

 

ul#primary_nav {width:120px; text-indent:-9999px; padding:0; position:absolute; 
right: 20px; top: 15px; list-style:none;}
ul#primary_nav li {width:120px; margin:0; padding:0; text-indent:-9999px; }
ul#primary_nav li a {display:block; height:100%; width:100%;}
ul#primary_nav li a:hover {height:100%; width:100%;}

#service {background-image:url(images/nav1_services.jpg); height:17px;}
#service a:hover {background-image:url(images/nav1_services-over.jpg);}

#portfolio {background-image:url(images/nav2_portfolio.jpg); height:18px;}
#portfolio a:hover {background-image:url(images/nav2_portfolio-over.jpg);}

#case_studies {background-image:url(images/nav3_case_studies.jpg); height:18px;}
#case_studies a:hover {background-image:url(images/nav3_case_studies-over.jpg);}

#spam_email {background-image:url(images/nav4_spam_email.jpg); height:18px;}
#spam_email a:hover {background-image:url(images/nav4_spam_email-over.jpg);}

#rallypoint {background-image:url(images/nav5_rallypoint.jpg); height:17px;}
#rallypoint a:hover {background-image:url(images/nav5_rallypoint-over.jpg);}


/* ---Secondary Nav--- */

ul#secondard_nav {text-align:right; list-style:none; margin-right:20px; margin-top:125px; float:right;  }
#secondard_nav li {display:inline; padding:0 0 0 0; margin:0 0 0 0;}
#secondard_nav li a {color:#002A5F; font-size:12px; margin:0 0 0 8px; text-decoration:none;}
#secondard_nav li a:hover {color:#ED1C2E; font-size:12px; margin:0 0 0 8px; text-decoration:none;}


/* --------------------Services_left ----------------- */

#services_left {width:179px; height:330px; float:left;
background:url(images/services_background.jpg) no-repeat top;    }


/* ---Services--- */

#services  {text-indent:-9999px; margin:0; padding:0; list-style:none; width:134px; margin-left:25px;  }

ul#services li {width:134px; margin:0; padding:0; text-indent:-9999px; }
ul#services li a {display:block; height:100%; width:100%;}
ul#services li a:hover {height:100%; width:100%;}

#services_title { height:20px; }
#services_title a {background-image:url(images/services_header.jpg); }

#services_spam { height:20px; background-image:url(images/services1_spam_email.jpg);}
#services_spam a {background-image:url(images/services1_spam_email.jpg); }
#services_spam a:hover {background-image:url(images/services1_spam_email-over.jpg);}

#services_hosting { height:21px; background-image:url(images/services2_web_hosting.jpg);}
#services_hosting a {background-image:url(images/services2_web_hosting.jpg);}
#services_hosting a:hover {background-image:url(images/services2_web_hosting-over.jpg);}

#services_domain {height:22px; background-image:url(images/services3_domain_name.jpg);}
#services_domain a {background-image:url(images/services3_domain_name.jpg); }
#services_domain a:hover  {background-image:url(images/services3_domain_name-over.jpg);}

#services_programming { height:21px; background-image:url(images/services4_programming.jpg);}
#services_programming a {background-image:url(images/services4_programming.jpg);}
#services_programming a:hover  {background-image:url(images/services4_programming-over.jpg); }

#services_witness {height:24px; background-image:url(images/services5_witness_testimony.jpg);}
#services_witness a {background-image:url(images/services5_witness_testimony.jpg); }
#services_witness a:hover {background-image:url(images/services5_witness_testimony-over.jpg);}




/* ---Contact Info--- */
#contact_info {list-style:none; margin: 10px 10px 0 5px; padding:0; color:#00sA5F; }
#contact_info li {color:#00sA5F; margin:2px 0; padding:0;}
#contact_info li p {font-size:10px; color:#00sA5F; margin:0; padding:0;}
#contact_info li.phone strong {color:#ED1C2E; margin:0; padding:0;  }
#contact_info li.phone {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#00sA5F; margin:0; padding:0;}
#contact_info li a {color:#ED1C2E; font-size:11px;}



/* --------------------CONTENT----------------- */
#content { width:408px; margin:0 0 0 0; padding:0 0px 0 25px; float:left; }

#content p {font-size:13px; color:#4d4d4d; line-height:1.3; margin:0 0 12px 0; padding:0;  }
#content h2, #content h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; 
color:#002A5F; margin:0 0 15px 0; text-transform: capitalize;}


/* ---body_primary--- */
#body_primary {width:210px; float:left; margin:0 17px 0 0;}



/* ---body_secondary--- */
#body_secondary {width:173px; float:left; margin:0; padding:0;}



/* ---body_bottom--- */
#body_bottom {width:390px; clear:left; margin:0px 0 0 0; padding:20px 0 0 0; }
#body_bottom p {color:#002A5F;}


/* ---client_spotlight--- */

#spotlight {width:157px; float:right; margin-right:20px; margin-left:10px; padding:10px 0 25px 0;}

#client_spotlight {width:157px; list-style:none; background-color:#f2f2f2; margin:0; padding:0;  }
#client_spotlight p {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.35;
margin:5px 0; padding:0 10px;  color:#666; }
#client_spotlight a {color:#ED1C2E;}

#spotlight_header {background-image:url(images/client_spotlight.jpg); height:28px; text-indent:-9999px;}
#spotlight_footer {background-image:url(images/client_bottom.jpg); height:14px; text-indent:-9999px;}
#spotlight_comment {background-image:url(images/client_comments.jpg); height:28px; text-indent:-9999px;}


/* --------------------SITEINFO----------------- */

#siteinfo {background-color:#002A5F; padding:2px 0; clear:both;}
h4 a {font-size:12px;}
#twtr-widget-1 {padding-left:7px; padding-top:10px;}

ul#text_links {text-align:center; list-style:none; clear:both;}
#text_links li {display:inline; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-size:10px;}
#text_links li a {color:#fff; text-decoration:none;}
#text_links li a:hover {text-decoration:underline;}

#siteinfo p {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;}
#siteinfo a {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ED1C2E; text-decoration:none;}
#siteinfo a:hover {text-decoration:underline;}