/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 12px; font-family: Verdana; color: #333333; line-height: 17px; }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
* { behavior: url(iepngfix.htc) }
html { min-height: 100%; margin-bottom: 1px; background: url('../images/layout/pagebg.gif'); } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: url('../images/layout/headerbg.gif') repeat-x top left; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none height: 1px; overflow: hidden; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1 { font-family: 'Century Gothic'; font-weight: bold; }

h1 { color: #be252a; font-size: 16px; margin: 0px 0px 15px 0px; }
h2 { color: #333333; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; }
a  { color: #9b0202; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

.whiteBorder { border: 4px solid #FFFFFF; margin: 7px; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#header { width: 783px; margin: 0px auto; }


#nav { }

/*#nav a { float: right; display: block; height: 14px; margin-left: 23px; border: none; text-decoration: none; cursor: pointer; }*/
#nav a { float: right; display: block; height: 14px; border: none; text-decoration: none; cursor: pointer; }
#nav a div p { height: 14px; margin: 0px; padding: 0px; }


#nav a.nav_blog { margin-top: 12px; width: 50px; height: 25px; background: url('../images/layout/navover_left.gif') no-repeat; }
#nav a.nav_blog div { height: 25px; width: 50px; background: url('../images/layout/navover_right.gif') no-repeat top right;}
#nav a.nav_blog div p { height: 25px; width: 50px; background: url('../images/layout/nav_blog.png') no-repeat center center; }

#headerRight {  height: 85px; }



.nav_home { width: 40px; }
.nav_home div { background: url('../images/layout/nav_home.png') no-repeat center center; }
.nav_sales { width: 33px; }
.nav_sales div { background: url('../images/layout/nav_sales.png') no-repeat center center; }
.nav_support { width: 53px; }
.nav_support div { background: url('../images/layout/nav_support.png') no-repeat center center; }
.nav_services { width: 53px; }
.nav_services div { background: url('../images/layout/nav_services.png') no-repeat center center; }
.nav_training { width: 51px; }
.nav_training div { background: url('../images/layout/nav_training.png') no-repeat center center; }
.nav_contact { width: 55px; }
.nav_contact div { background: url('../images/layout/nav_contact.png') no-repeat center center; }
.nav_about { width: 42px; }
.nav_about div { background: url('../images/layout/nav_about.png') no-repeat center center; }
.nav_pricing { width: 45px; }
.nav_pricing div { background: url('../images/layout/nav_pricing.png') no-repeat center center; }



#nav2 { margin-top: 12px; }
#nav2 a { color: #FFFFFF; font-family: arial; color: #FFFFFF; font-size: 13px; font-weight: bold; height: 22px; padding: 2px 11px 0px 11px; }
#nav2 a:hover { background: #000000; color: #FFFFFF; }





#main { width: 783px; margin: 0px auto; background: #FFFFFF; }
#foot { background: url('../images/layout/footer.png'); height: 11px; width: 783px; margin: 0px auto; }


#redContainer { width: 266px; float: right; margin-right: 0px; margin-top: -2px; }
#red { background: url('../images/layout/red_bg.png'); }
#redInner { background: url('../images/layout/red_top.png') no-repeat top left; min-height: 266px; }
#redBody { padding: 15px;   margin-bottom: -2px; }

#redFooter { background: url('../images/layout/red_bottom.png') no-repeat bottom left; height: 11px; margin-top: -1px; }


#footer { margin-top: 5px; color: #333333; font-family: arial; font-size: 10px; }
#footer a { color: #333333; font-family: arial; text-decoration: none; font-size: 10px; }
#footer a:hover { text-decoration: underline; }