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

body {
    font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
    line-height: 120%; margin:0;
	text-align:center;
	}
#print{float:right;width:100px;margin-right:-30px;}
*html #print{float:right;width:100px;margin-right:-17px;}
html, body {scrollbar-face-color: rgb(54, 1, 2);
scrollbar-arrow-color: rgb(255, 255, 236);
scrollbar-highlight-color: rgb(233, 46, 39);
scrollbar-3dlight-color: rgb(255, 232, 162);
scrollbar-shadow-color: rgb(238, 45, 39);
scrollbar-darkshadow-color: rgb(233, 98, 61);
scrollbar-track-color: rgb(254, 133, 117);margin:0;
	padding:0;}

#header {
	background-image: url("../images/header_bg.jpg"); background-repeat: repeat-x;
	clear: both;
	height: 120px;
	width:944px;
}

#servy {width:750px; height:120px; float:left; background-image:url("../images/servy.png"); background-repeat: no-repeat;}
*html #servy {width:750px; height:120px; float:left; background-image:url("../images/header_bg.jpg"); background-repeat: no-repeat;}

#search{width:250px;float:right;margin-top:76px; margin-right:5px; text-align:right;}
*html #search{width:250px;float:right;margin:62px 0 0 0; margin-right:5px; text-align:right;}
#q{border: solid 1px #ff9f9f;background-image:url("../images/search_box.gif") no-repeat; font-size:10px; color:#999999;width:230px;}

.iconsoftware {width:31px; height:31px; margin:1px 7px 0 1px; background-image:url("../images/services_software.png"); float:left; display:inline;}
.iconwebsite {width:30px; height:30px; margin:1px 7px 0 1px; background-image:url("../images/services_websites.png"); float:left; display:inline;}
.iconservices {width:36px; height:30px; margin:1px 7px 0px 1px; background-image:url("../images/services_marketing.gif"); float:left; display:inline;}

#logo {width:194px; height:120px; background-image:url("../images/logo_design.jpg"); float:left;}
#logo a {display:block; width:313px; height:48px;}
#number {font-family:"Myriad Pro", "Trebuchet MS", Arial; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;}
#contact {width:84px; height:19px; background-image:url("../prototype_images/contact.png"); float:left; margin-top:44px; text-indent:-9999px;}
#contact a {display:block; width:84px; height:19px;}
#contact a:hover {background-image:url("../prototype_images/contact_over.png");}
/*- Menu Tabs B--------------------------- */
-->
#tabsE {
      float:left;
      width:100%;
      background:#360102;
      font-size:110%;
      line-height:normal;

      }
	  #tabsE ul {
        margin:0;
        padding:10px 10px 0 20px;
        list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url("../images/tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url("../images/tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }

        #tabsE #current a {
                background-position:0% -42px;
        }
        #tabsE #current a span {
                background-position:100% -42px;
        }

#menu {height:39px; width:944px; position:relative}

#banner {background-image:url("../prototype_images/banner.png"); width:944px; height:147px; margin-top:5px;}

#main_top {width:944px; height:6px; background-image:url("../images/main_top.png"); margin-top:5px; font-size:1px;}
#main {width:884px; background-image:url("../images/main_bg.png"); padding:20px 30px; color:#140505; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; text-align:left}
#main_bottom {width:944px; height:8px; background-image:url("../images/main_bottom.png"); font-size:1px;}

h1 {font-size:24px; margin:0 0 10px 0; font-weight:normal; font-family:Tahoma, Arial, Helvetica; line-height:normal;}
h2 {font-size:17px; margin:12px 0 5px 0; font-weight:normal; font-family:Tahoma, Arial, Helvetica; line-height:normal;}
h3 {margin:0; font-weight:normal;}

a {color:#036cb6; outline-style:none;}
a:hover {color:#023f6b;}
ul {margin:5px 0 5px 30px; padding:0;}
ol {margin:5px 0 5px 30px; padding:0;}
img {border:0;}
br {line-height:7px;}
/*.line {background:url(../prototype_images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;}*/
.clear {clear:both;}
form div {margin-top:3px;}
label {display:block; float:left; width:90px;}
.textfield {width:200px;}
textarea {width:400px; height:100px;}
.button {margin-left:89px; margin-top:3px; cursor:pointer;}
.textfield:focus, textarea:focus, select:focus {background-color:#FAFAFA;}
.sublink {margin-left:11px; list-style:circle;}
.url {margin:-5px 0 15px 0;}

#services {height:185px; padding-top:20px; clear:both;}
#services ul {margin:0 0 0 70px; padding:8px 0 0 0; clear:both; height:100px;}
#services li {list-style:none; background:url("../images/services_li.png") no-repeat 0px 5px; padding:0 0 0 12px; font-size:11px; line-height:14px;}
#services li a {color:#535353; text-decoration:underline;}
#services li a:hover {text-decoration:none;}
#services li.sublink {background:url("../images/services_subli.png") no-repeat 0px 5px; padding:0 0 0 8px; margin-left:10px; color:#999999;}
#services li.sublink a {color:#747474;}
#services h3 a {text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; margin-top:22px;}
#services a.more {display:block; background:url("../images/services_more.png") no-repeat; width:116px; height:11px; margin-left:135px;}

#services_software, #services_websites, #services_marketing {background:url("../images/services_bg.png") no-repeat; width:279px; height:185px; float:left; margin-right:23px;}
#services_software div.icon {width:31px; height:31px; margin:16px 7px 0 15px; background-image:url("../images/services_software.png"); background-repeat:no-repeat; float:left; display:inline;}
#services_software div.icon1 {width:31px; height:31px; margin:16px 7px 0 15px; background-image:url("../images/office.png"); background-repeat:no-repeat; float:left; display:inline;}
#services_software h3 a {color:#408508;}
#services_websites div.icon {width:30px; height:30px; margin:15px 7px 0 15px; background-image:url("../images/services_websites.png"); background-repeat:no-repeat; float:left; display:inline;}
#services_websites div.icon2 {width:30px; height:30px; margin:15px 7px 0 15px; background-image:url("../images/phone.png"); background-repeat:no-repeat; float:left; display:inline;}
#services_websites h3 a {color:#0666b2;}

#services .salesrep {margin:-65px 0 0 30px; float:left; font-size:11px}

#services_marketing div.icon {width:36px; height:30px; margin:16px 7px 2px 15px; background-image:url("../images/services_marketing.gif"); background-repeat:no-repeat; float:left; display:inline;}
#services_marketing div.icon3 {width:36px; height:30px; margin:16px 7px 2px 15px; background-image:url("../images/email.png"); background-repeat:no-repeat; float:left; display:inline;}
#services_marketing h3 a {color:#f73906;}

#projects {clear:both; line-height:normal;}
#projects h3 {text-transform:uppercase; font-size:16px; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#606060; margin:0 0 0 7px;}
#projects h3 a {text-decoration:none;}
#projects a.more {display:block; background:url("../images/projects_more.png") no-repeat; width:102px; height:12px; margin:15px 0 0 7px;}
#projects .projects {float:left; margin-right:24px;}
.projects {background:url("../images/projects_bg.png") no-repeat; width:264px; height:173px; padding:13px 0 0 14px; margin-top:15px;}
.projects a {text-decoration:none; font-size:13px; color:#000000;}
.projects a:hover span {text-decoration:underline; color:#000000;}
.projects img {margin-bottom:7px; border:#e0e0e0 solid 2px;}
.projects p {margin:3px 48px 0 0; color:#6b6b6b; font-size:11px;}
#projects_software, #projects_websites, #projects_marketing {float:left; width:278px; margin:20px 24px 0 0;}
#projects_software .projects, #projects_websites .projects, #projects_marketing .projects {float:none; margin-right:0;}
#projects_software h3 a {color:#408508;}
#projects_websites h3 a {color:#0666b2;}
#projects_marketing h3 a {color:#f73906;}
#projects .last, #services_marketing, #projects_marketing {margin-right:0;}
.screenshot {border:#e0e0e0 solid 4px; margin:10px 0;}

#sidebar {float:right; margin:0 0 20px 20px; width:276px;}
#sidemenu_top {width:276px; height:34px; background-image:url("../images/sidemenu_top.png");}
#sidemenu_top h3 {background:url("../images/sidemenu_arrow.png") no-repeat right bottom; float:left; padding:10px 30px 0 15px; height:24px; text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px;}
#sidemenu_top h3 a {color:#000000; text-decoration:none;}
#sidemenu {width:276px; background-image:url("../prototype_images/sidemenu_bg.png");}
#sidemenu ul {padding:12px 0 12px 0; margin:0 0 0 25px;}
#sidemenu li {list-style:none; background:url("../images/sidemenu_li.png") no-repeat 0px 5px; padding:0 0 0 12px; font-family:Verdana, Tahoma, Helvetica; font-weight:bold; color:#000000; font-size:11px; line-height:15px;}
#sidemenu li a {color:#000000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;}
#sidemenu li a:hover {text-decoration:none;}
#sidemenu li.sublink {background:url("../images/sidemenu_subli.png") no-repeat 0px 6px; padding:0 0 0 8px; margin-left:10px; color:#606060;}
#sidemenu li.sublink a {color:#606060;}
#sidemenu_bottom {width:276px; height:14px; background-image:url("../images/sidemenu_bottom.png");}
.testimonial {border:2px solid #FFFFFF; background-color:#F4F4F4; padding:15px 20px 20px 20px; margin:20px 2px 0 3px;}
.testimonial h3 {text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px; margin:0 0 10px 0;}
.testimonial p {text-align:right; margin:5px 0 0 0; font-style:italic;}

#footer {background-image:url("../images/footer.png"); width:944px; height:70px; margin-top:5px; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:11px;}
#footer a {color:#FFFFFF; text-decoration:none; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer span {font-weight:normal;}
#footer_left {float:left; background:url("../images/copyright.png") no-repeat 28px 24px; padding:26px 0 6px 55px;}
#footer_right {float:right; padding:26px 30px 0 0; font-weight:bold;}