body {margin: 0; padding: 0; font: 11px Verdana; color: #333; background-color: #262B45; line-height: 18px;}

body ul, li {list-style: url(../images/bullet.gif) outside;}

a, a:link, a:visited {color: #333; text-decoration: none;}

a:hover {color: #436B00; text-decoration: none;}

h1 { /*font: 22px Trebuchet MS, Arial;*/font: 20px Arial; color: #333;}

h2 { /*font: 18px Trebuchet MS, Arial;*/font: 18px Arial; color: #333;}

h3 {font: bold 16px Arial; color: #333;}

h4 {font: bold 14px Arial; color: #333;}

label {float: left; font: 11px Arial;}

br {clear: both;} /*input { border: 1px solid #333; margin-bottom: .5em;  }*/

input.error {border: 1px solid red;}

label.error {background: url('../images/unchecked.gif') no-repeat; padding-left: 20px; margin-left: .3em;} /******************************************* CLASSES AND DIVS FOR THE HEADER *******************************************/

.headerstrip {width: auto; height: 14px; margin: 0; background-color: #404560; padding: 7px 12px 7px 12px;}

.headerContainer {margin-left: auto; margin-right: auto; /*width:853px;*/ width: 925px; height: 82px; padding-left: 36px;}

.pulldown {clear: both; margin-left: auto; margin-right: auto; width: 961px; height: 18px; background: #FFFFFF url(../images/pulldown_body.gif) top left repeat-x;}

.pulldownmenu {margin-left: auto; margin-right: auto; width: 889px; height: 193px; padding: 10px 36px 0 36px; background: url(../images/pulldown_back.gif) top left repeat-x;}

ul.pulldownmenuitem {margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; padding-bottom: 2px;}

ul.pulldownmenuitem li, ul.pulldownmenuitem li a, ul.pulldownmenuitem li a:visited {font: 11px Arial, Tahoma, sans-serif; color: #FFF; list-style-type: none; list-style-image: none; padding-bottom: 2px;}

ul.pulldownmenuitem li a:hover {color: #FFCC00; padding-bottom: 2px; background: url(../images/dot_light.gif) bottom left repeat-x;}

ul.pulldownmenucost {margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; padding-bottom: 2px;}

ul.pulldownmenucost li, ul.pulldownmenucost li a, ul.pulldownmenucost li a:visited {font: 11px Arial, Tahoma, sans-serif; color: #FFF; list-style-type: none; list-style-image: none; line-height: 14px; padding-bottom: 2px;}

ul.pulldownmenucost li a:hover {color: #FFCC00; padding-bottom: 2px; background: url(../images/dot_light.gif) bottom left repeat-x;}

#mainmenu {margin: 0 auto 0 auto; background: #FFFFFF url(../images/header_menu_back.gif) top left repeat-x; /*width:868px;*/ width: 940px; padding: 6px 0 0 21px; height: 26px;}

#mainmenu ul {margin: 0px; padding: 0px; list-style: none;}

#mainmenu li {float: left; display: inline; font: bold 14px Arial, Tahoma; /*line-height:26px;*/ height: 24px; padding: 2px 40px 0 10px;} /******************************************* BODY CLASSES *******************************************/

.bodyframe {clear: both; margin: 0 auto 0 auto; width: 909px; padding: 14px 26px 24px 26px; background: #FFFFFF;/*url(../images/content_bottom_gradient.gif) bottom left repeat-x;*/}

.bodyframehome {clear: both; margin: 0 auto 0 auto; width: 909px; padding: 14px 26px 24px 26px; background: #FFFFFF url(../images/back_stage.png) top left repeat-x;}

.bodyframehomeseoframe {clear: both; margin: 0 auto 0 auto; width: 909px; padding: 24px 26px 24px 26px; background: #FFFFFF url('../images/content_bottom_gradient2.gif') bottom left repeat-x; line-height: 14px;}

.bodyframenojava {clear: both; margin: 0 auto 0 auto; width: 909px; padding: 24px 26px 24px 26px; background: #FFFFFF;/*url(../images/content_bottom_gradient.gif) bottom left repeat-x;*/}

.thecontent {float: left; width: 680px; background-color: #FFFFFF;}

.thecontentindented {width: 632px; padding: 10px 24px 24px 24px;}

.breadcrumb {clear: both; font: 11px Arial, Tahoma, sans-serif; width: auto; padding: 5px 0 7px 0; background: url(../images/dot_dark.gif) bottom left repeat-x; color: #333;}

.breadcrumb a:link, breadcrumb a:visited {color: #333; text-decoration: none; font-weight: normal;}

.breadcrumb a:hover {color: #436B00; text-decoration: none;}

.breadcrumbaction {clear: both; font: 11px Arial, Tahoma, sans-serif; width: auto; padding: 5px 0 0 0; color: #333; text-align: right;}

.breadcrumbaction a:link, breadcrumbaction a:visited {color: #333; text-decoration: none; font-weight: normal;}

.breadcrumbaction a:hover {color: #436B00; text-decoration: none;} /********************************************************* SIDE BAR CLASSES *********************************************************/

.sidebar {float: left; /*height:770px;*/ width: 205px; margin-left: 24px; line-height: 14px; font: 11px Arial, Tahoma, sans-serif; /*background-color:#FFFFFF;*/}

.sidebarHead { /*font: 19px Trebuchet MS, Arial;*/font: bold 16px Arial; color: #333; background: url(../images/dot_dark.gif) bottom left repeat-x;}

.sidebarContent {margin-top: 10px; padding: 0 0 36px 14px;}

.sidebarContent ul {list-style: url(../images/bullet.gif) outside; margin-left: 5px; padding-left: 1em;}

.sidebarContentFree {margin-top: 10px; padding: 0 0 36px 14px;}

.sidebarContentFree ul {margin-left: 5px; padding-left: 1em;}

.sidebarContentFree li {list-style: url(../images/check.gif) outside;}

.checked {background: url('../images/checked.gif') no-repeat; padding-left: 20px; margin-left: .3em;}

.boxtitle { /*font: bold 16px Trebuchet MS, Arial;*/font: bold 16px Arial; font-size: 16px; color: #333;} /******************************************* FOOTER CLASSES *******************************************/

.contentfooter {clear: both; background: #262B45 url('../images/content_bottom_gradient.gif') bottom left repeat-x; height: 35px; margin: 0 auto 0 auto; width: 909px; padding: 15px 26px 24px 26px;}

.footerbackground {clear: both; background: url('../images/footer_back.gif') top left repeat-x; height: 193px; margin: 0; padding: 0; /*position:absolute;     bottom:0px;     left:0px;     right:0px;*/}

.footercontents {margin-left: auto; margin-right: auto; height: auto; width: 889px; color: #B8BCD0;}

.footercontents ul {margin: 0px; padding: 0px; list-style-type: none; list-style-image: none;}

.footercontents li, .footercontents li a, .footercontents li a:visited {font: 11px Arial, Tahoma, sans-serif; color: #B8BCD0; list-style-type: none; list-style-image: none;}

.footercontents li a:hover {color: #FFCC00;} /********************************************************* TEXT CLASSES *********************************************************/

.textWhite, .textWhite a:link, .textWhite a:visited {color: #FFFFFF; text-decoration: none; line-height: 14px;}

.textWhite a:hover { /*color:#FFFFCC;*/color: #FFCC00; text-decoration: none;}

.textWhiteBig {font: bold 18px Arial, Tahoma; color: #FFFFCC; text-decoration: none;}

.textGray, .textGray a:link, .textGray a:visited {color: #CCCCCC; font: 11px Arial, Tahoma; text-decoration: none; line-height: 14px;}

.textGray a:hover { /*color:#FFFFCC;*/color: #FFCC00; text-decoration: none;}

.textRed {color: #FF3300; text-decoration: none;}

.textOrange {color: #FFCC00; text-decoration: none;}

.textOrangeRed {color: #FF6600; text-decoration: none;}

.textGreen, .textGreen a:link, .textGreen a:visited {color: #436B00; text-decoration: none;}

.textGreen a:hover {color: #FF6600; text-decoration: none;}

.textBig { /*color:#436B00;*/color: #666666; font: bold 16px Arial, Tahoma;}

.textBigMessage { /*color:#436B00;*/color: #2A5691; font: bold italic 18px Arial, Tahoma;}

.textBigGray {color: #999999; font: bold 18px Arial, Tahoma;}

.textHeader {color: #FF8400; font: bold 16px Arial, Tahoma;}

.textCost { /*color:#436B00;*/color: #666; font: bold 15px Arial, Tahoma;}

.textSubHeader { /*color:#436B00;*/color: #666; font: bold 14px Arial, Tahoma;}

.textAdvises { /*color:#436B00;*/color: #444; font: 12px Arial, Tahoma; line-height: 20px;}

.listlink {color: #333; text-decoration: none; font: 11px Arial, Tahoma; border-bottom: 1px dotted #333;} /********************************************************* FORM CLASSES *********************************************************/

.formitems {border: 1px solid #CCCCCC; background-color: #FFFFFF; height: 15px; font: 11px Arial; color: #333; padding-left: 4px; vertical-align: middle; text-align: left;}

.formitemsdisabled {border: 1px solid #CCCCCC; background-color: #DDDDDD; height: 15px; font: 11px Arial; color: #333; padding-left: 4px; vertical-align: middle; text-align: left;}

.formlist {border: 1px solid #CCCCCC; background-color: #FFFFFF; font: 11px Arial; color: #333; height: 20px; padding-left: 4px; vertical-align: middle; text-align: left;}

.formbuttons {height: 24px; font: 12px Arial; vertical-align: middle; text-align: center;}

.formmultiline {border: 1px solid #CCCCCC; background-color: #FFFFFF; font: 11px Arial; color: #333; height: 80px; padding-left: 4px; vertical-align: middle; text-align: left; overflow: scroll;} /******************************************* MISCELLANEOUS CLASSES *******************************************/

.dotline {padding-bottom: 2px; background: url(../images/dot_dark.gif) bottom left repeat-x;}

.dotlinewhite {padding-bottom: 2px; background: url(../images/dot_light.gif) bottom left repeat-x;}

.horizLine {width: 100%; height: 24px; background: #FFFFFF url(../images/dot_dark.gif) center left repeat-x;}

.codeblock{background: #f5f5f5; border: 1px solid #CCCCCC; color: #656565; font: 11px Arial, Tahoma; padding: 5px 5px 5px 5px; text-align: left; vertical-align: top;}

.curvedboxexternal {width: auto; background: #FDFDFD; border: 1px solid #EDEDED; -webkit-border-radius: 5px;/* for Safari */ -moz-border-radius: 5px;/* for Firefox */ behavior: url('border-radius.htc');}

.curvedboxinternal {background: #FDFDFD; margin: 30px 30px;}

.curvedboxexternaldarker {background: #F9F9F9; border: 1px solid #EDEDED; -webkit-border-radius: 5px;/* for Safari */ -moz-border-radius: 5px;/* for Firefox */ behavior: url('border-radius.htc');}

.curvedboxinternaldarker {background: #F9F9F9; margin: 30px 30px;}

.active a {color: #FF6600; text-decoration: none;}

.active a:hover {color: #262B45;}

.inactive a {color: #FFF; text-decoration: none;}

.inactive a:hover {color: #FFFFCC;}

.theservices {background: url(../images/back_services.png) top left repeat-x; height: 153px; width: auto;}

.servicemenu { /*margin: 100px 0 0;*/margin: 0; padding-left: 41px; list-style: none; height: 127px;}

.servicemenu li { /*margin: 0 2px;*/float: left; position: relative; list-style-type: none; list-style-image: none; padding: 0 10px 0 0; line-height: 127px;}

.servicemenu a {display: block; width: 140px; text-decoration: none;}

.servicemenu li em {background: url(../images/bubble.png) no-repeat; width: 140px; height: 108px; position: absolute; top: -127px; left: 0px; text-align: center; padding: 7px 0 0 0; display: none; font: normal 11px Arial; z-index: 2;}

#pull_tab {cursor: pointer;}

.homesectioncontainer {margin-top: 25px; float: left; width: 210px; height: 110px; background: url(../images/back_homesection.gif) top left repeat-x;}

.homesectiondiv {margin-top: 25px; float: left; width: 25px; height: 155px;}

.homesectionheader {font: bold 14px Arial; color: black; padding: 10px 0 10px 12px; background: url(../images/line_engraved.gif) bottom left repeat-x;}

.homesectionbody {font: 11px Arial, Tahoma; color: #333; padding: 10px 10px 0 12px; height: 100%;}

.homesectionbody ul {margin: 0px 0 0 5px; padding-left: 1em;}

.homesectionbody li {list-style: url(../images/bullet.gif) outside;}

.homesectionfree {margin: 25px 0 0 0; padding: 0px; float: left; width: 210px; height: 155px;}

.homesectionfreebody {font: 11px Arial, Tahoma; padding: 0 10px 0 12px;}

.homesectionfreebody ul {margin: 10px 0 0 5px; padding-left: 1em;}

.homesectionfreebody li {list-style: url(../images/check.gif) outside;}

.homeminisection {clear: both; width: 100%; height: auto;}

.homesectioncontainermini {float: left; width: 160px; height: 80px; font: 11px Arial, Tahoma; color: #333; padding: 0px 10px 0 40px;}

.homesectiondivmini {float: left; width: 25px; height: 80px;}

.greenlinks, .greenlinks a, .greenlinks a:link, .greenlinks a:visited {font: 11px Arial, Tahoma; color: #436B00; text-decoration: none;}

.greenlinks a:hover {color: #436B00; text-decoration: underline;}

.faq_box {background-color: #F5F5F5; padding: 15px 10px 10px 15px;}

.testimonial_bubble {clear: both; text-align: justify; padding: 24px 24px 24px 38px; /*background: #F3F5F9 url(../images/quote.gif) top left no-repeat;*/ background: #F5F5F5 url(../images/quote.gif) top left no-repeat;}

.testimonial_point {clear: both; height: 25px; background: url(../images/quote_point.gif) top right no-repeat;}

.testimony {clear: both; font: bold 12px Arial, Tahoma; /*color:#262B45;*/ color: #333333; text-align: right;}

.gradientback {background: #F9F9F9 url(../images/back_gradient_top.gif) top left repeat-x; padding: 20px 20px 20px 20px;}

.gradientcorner {background: #F9F9F9 url(../images/back_gradient_corner.gif) top left no-repeat; padding: 20px 20px 20px 20px;}

.cornered {background-color: #F9F9F9; padding: 20px 20px 20px 20px;}

.corneredgradient {background: #F9F9F9 url(../images/back_gradient_top.gif) top left repeat-x; padding: 20px 20px 20px 24px;}

.textJavaWarning { /*color:#436B00;*/color: #333; font: bold 14px Arial, Tahoma;}

#errormsg {clear: both; margin-left: auto; margin-right: auto; background-color: #FFFFCC; color: #ff6600; border: 1px solid #FF3300; padding: 14px 18px 18px 18px; text-align: center;}

.pay_button {width: 92px; border: 0; text-decoration: none; font: 0px Tahoma, Verdana; /*background: url(images/buttonbk.gif) repeat-x left top;*/ cursor: pointer;}

.paypal {width: 92px; height: 53px; font: 0px Tahoma, Verdana; background: url(../images/btn_paypal.gif) no-repeat center; cursor: pointer; border: none;}

.authorize {width: 92px; height: 53px; font: 0px Tahoma, Verdana; background: url(../images/btn_cc.gif) no-repeat center; cursor: pointer; border: none;}

.myTitle {font: bold 12px Verdana;}