/* Copyright 2006 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: 600; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
table { font-size: 12px; font-family: Arial, Tahoma, Verdana; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border: none; }

/* Image Header Text */

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/bg.gif); background-repeat: repeat-x; background-color: #FFFFFF; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; color: #1b1b1b;}
a { color: #e21d18; text-decoration: none;}
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; font-weight: bold; color: #e21d18; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { background-color: #e21d18; text-decoration: none; color: #FFFFFF; }
input[type="text"], textarea { padding:3px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #CCC; }
input[type="text"]:focus, textarea:focus { border-color:#1b1b1b; }

/* classes
 * ------------------------------------------------------------------------- */
.img_left_clients { margin: 5px 10px 0px 0px ; }
.img_left { margin: 0px 10px 10px 0px; }
.img_right { margin: 0px 0px 10px 10px; }
.red { color: #e21d18; font-weight: normal; }
.red_normal { color: #e21d18; font-weight: bold; }
.header { font-size: 22px; color: #3c3c3c; }
.subpage_header { font-size: 22px; color: #1b1b1b; }
.subpage_shdr { font-size: 16px; color: #1b1b1b; }
.subhead { font-size: 17px; color: #939393; }
.sml_header { font-size: 17px; color: #3c3c3c; }
.sml_subhead, .bio_subhead { font-size: 13px; color: #939393; }
.bio_header { font-size: 21px; color: #1b1b1b; }
.footer_text { font-size: 10px; color: #404040; letter-spacing: -1px; float:left; text-align:left; }
.livehelp { padding:0px; margin: 0px 20px 0px 30px; }
.livehelp a:hover { background-color: #f3f3f3 !important; }

/* framework
 * ------------------------------------------------------------------------- */
#container { width: 925px; background: url(../images/home/rightcol_bg.gif); background-repeat: repeat-y; background-position: right; text-align: left; margin: 0px auto 0px auto; padding: 0px; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main_area { width: 732px; float: left; }
#top_area { width: 732px; height: 153px; } 
#top_area h1, #top_area p { display: none; }
#middle_content { width: 732px; height: 242px; margin: 0px 0px 15px 0px; }
#case_studies { width: 259px; height: 242px; margin: 0px 16px 0px 0px; float: left; }
#main_feature { width: 732px; height: 242px; float: left; padding:0; margin:0; }
#home_content_area  { width: 732px; }

/* news area */
#news_area { width: 259px; margin: 0px 16px 0px 0px; padding: 10px 0px 0px 0px; background: url(../images/home/bg_news.gif); background-repeat: no-repeat; float: left; }
#news_area h1, #news_area h2 { margin: 0px 17px 0px 21px; letter-spacing: -1px; }
#news_scroll { width: 230px; height: 200px; margin: 10px 0px 0px 21px; overflow: auto; }
#news_scroll p { font-size: 11px; margin: 0px 5px 15px 0px; line-height: 15px; }

/* welcome area */
#welcome_area { width: 457px; float: left; }
#welcome_area h1, #welcome_area h2 { margin: 0px 17px 0px 23px; letter-spacing: -1px; }
#welcome_area p { margin: 10px 17px 20px 23px;  line-height: 18px;} 

/* right bar area */
#right_bar { width: 193px; background: url(../images/home/rightcol_top.gif); background-repeat: no-repeat; float: left; text-align: right; font-family: Tahoma, Arial; font-size: 10px; color: #1b1b1b; line-height: 11px; padding: 0px 0px 15px 0px; }
#right_title { width: 193px; height: 153px; }
#right_title h3 { padding: 29px 15px 1px 35px; }

#right_title p { margin: 0px 15px 0px 35px; }
#right_content { width: 193px; }
#right_content a, #sub_left a { color: #000000; }
#right_content a:hover, #sub_left a:hover { color: #FFFFFF; background-color: #000000; }
#right_content h3 { padding: 10px 15px 1px 35px; }

#right_content h3 a, #sub_left h3 a { color: #e21d18; font-size: 12px; }
#right_content h3 a:hover, #sub_left h3 a:hover { background-color: #e21d18; color: #FFFFFF; }
#right_content h4 { padding: 10px 15px 1px 45px; }
#right_content h4 a, #sub_left h4 a { color: #e21d18; font-size: 12px; }
#right_content h4 a:hover, #sub_left h4 a:hover { background-color: #e21d18; color: #FFFFFF; }

#right_content p { margin: 0px 15px 10px 35px; }
.read_flash { text-align: right; }

/* Sub Page */
#sub_content_area  { width: 732px; }
#sub_content_container { width: 732px; padding: 0px; margin: 0px; background: url(../images/sub/sub_right-bg.gif); background-repeat: repeat-y; background-position: right; margin: 0px 0px 10px 0px; }
#sub_left { width: 275px; vertical-align: top; font-family: Tahoma, Arial; font-size: 10px; color: #1b1b1b; line-height: 11px; padding: 0px 0px 15px 0px; }
#sub_case_studies_container { width: 732px; padding: 0px; margin: 0px; margin: 0px 0px 10px 0px; }

#menu_sub_top { width: 259px; margin: 0px 16px 0px 0px; padding: 0px; background: url(../images/sub/sub_right-bg.gif); background-repeat: repeat-y; }
#menu_sub_top h3 { padding: 10px 7px 1px 25px; margin: 0px 0px 0px 0px; font-weight:normal; letter-spacing: -1px; }
#menu_sub_top p { font-size: 16; padding: 10px 7px 1px 25px; margin: 0px 0px 0px 0px; font-weight:normal; line-height: 18px; }

    #our_products_nav {height:65px;}
    
    #enterpriseweb_nav {border-top:1px solid #000; padding:161px 0px;}
    #enterpriseweb_nav ul {float:right; margin-right:-36px; width:152px; height:189px; padding:0px; background:url(../images/sub/ew_nav_bg.jpg);}
    #enterpriseweb_nav a {display:block; width:127px; height:48px; color:#FFF; font-size:14px; font-weight:bold; text-align:right; padding:15px 25px 0px 0px;}
    #enterpriseweb_nav a:hover {background:url(../images/sub/ew_nav_hover.jpg) top right no-repeat; text-decoration:none;}
    #enterpriseweb_nav span {font-size:12px; font-weight:normal; line-height:25px;}
    #enterpriseweb_nav a.current {background:url(../images/sub/ew_nav_current.jpg);}
    #enterpriseweb_nav .current#tabCorporate {background:url(../images/sub/ew_nav_10_current.jpg);}
    #enterpriseweb_nav .current#tabGlobal {background:url(../images/sub/ew_nav_20_current.jpg);}

#menu_sub { width: 259px; margin: 20px 16px 0px 0px; padding: 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #000000; }
#menu_sub h3 { padding: 10px 7px 1px 0px; margin: 0px; text-align: right; color: #e21d18; font-weight: bold; }
#menu_sub p { text-align: right; padding: 0px 9px 10px 0px; }


/* sub content area */
#sub_right { width: 457px; vertical-align: top; background: url(../images/sub/sub_right-bottom.gif); background-position: bottom; background-repeat: no-repeat; padding: 0px; margin: 0px; }
#sub_right_wrapper { width: 457px; background: url(../images/sub/sub_right-top.gif); background-position: top; background-repeat: no-repeat; padding: 18px 0px 15px 0px; }

.section { padding:0 20px 10px 35px; }

#tabs_left { float:right; background-image: url("../images/servers/tab.gif"); background-repeat: no-repeat; background-color: #ffffff; width: 133px; height: 150px; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 0px;  }
#tabs_left p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }
#tabs_mid { float:right; background-image: url("../images/servers/tab.gif"); background-repeat: no-repeat; background-color: #ffffff; width: 133px; height: 150px; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 0px;  }
#tabs_mid p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }
#tabs_right { float:right; background-image: url("../images/servers/tab.gif"); background-repeat: no-repeat; background-color: #ffffff; width: 133px; height: 150px; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 0px; }    
#tabs_right p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }

#tabs_left_bottom { float:right; background-color: #ffffff; width: 133px; height: 30px; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px;  }
#tabs_left_bottom p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }
#tabs_mid_bottom { float:right; background-color: #ffffff; width: 133px; height: 30px; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px;  }
#tabs_mid_bottom p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }
#tabs_right_bottom { float:right; background-color: #ffffff; width: 133px; height: 30px; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; }    
#tabs_right_bottom p { margin: 3px 0px 0px 5px !important; padding: 0px 0px 0px 0px !important; }

#sub_right_case_studies { width: 457px; background: url(../images/sub/sub_right-bg.gif); background-repeat: repeat-y; background-position: right; vertical-align: top; padding: 0px; margin: 0px; }
#sub_right h1, #sub_right_case_studies h1 { margin: 0px 20px 10px 35px; letter-spacing: -1px; }
#sub_right h2, #sub_right_case_studies h2 { margin: 0px 20px 10px 35px; letter-spacing: -1px; } 
#sub_right p, #sub_right_case_studies p { margin: 5px 20px 10px 35px; line-height: 18px; }
#sub_right ul { margin: 5px 25px 10px 45px; line-height: 18px;}
#sub_right li { background: url(../images/inset/bullet.gif); background-repeat: no-repeat; padding: 0px 5px 0px 15px; }
.button_area { text-align: right; margin: 0px 20px 10px 35px; }
#content_table { margin: 0px 20px 10px 35px; width: 402px; }
#content_table p { margin: 5px 5px 10px 13px; }
#site_map { margin: 0px 20px 0px 35px;  width: 400px; }
#site_map h3 a { color: #e21d18; }
#site_map h3 a:hover { color: #FFFFFF; }
#site_map a { color: #000000; }
#buttons { width: 457px; height: 40px; padding: 0px; margin: 0px; padding: 0px 20px 10px 35px; }
#signin_btn { width: 110px; height: 40px; float: left; text-align: right; }
#button_area_float { width: 292px; float: left;  }

    div.enterpriseweb_box {width:420px; height:250px; margin-left:20px; background:url(../images/sub/enterpriseweb_box.jpg) top center no-repeat;}
    div.enterpriseweb_box * {color:#fff;}
    .ew_shdr {color:#e21d18; font-size:18px; font-weight:normal; padding-left:35px;}
    .port_shdr {color:#e21d18; font-size:18px; font-weight:normal; padding-left:5px;}
    #sub_right div.enterpriseweb_box h3 {color:#FFF; font-size:20px; padding:10px 0px 0px 20px; margin:0px; letter-spacing:-1px;}
    #sub_right div.enterpriseweb_box h5 {color:#c4c3c3; font-size:15px; font-weight:normal; padding:0px 20px 10px 20px;}
    #sub_right div.enterpriseweb_box ul {float:left; clear:none; margin:0px 0px 0px 10px;}
    #sub_right div.enterpriseweb_box ul li {padding:0px 0px 5px 20px; background:url(../images/sub/check.gif) top left no-repeat;}
    p.ew_right {max-width:100px; clear:none; float:right; padding:50px 10px 0px 0px; text-align:center; font-size:14px;}
    p.ew_right b {font-size:16px;}
    .enterpriseweb_box #button_area_float {float:right; width:auto; padding:10px 30px 0px 0px;}
    #enterpriseweb_top {height:230px;}
    .enterpriseweb_box .sign_up {float:right; padding-right:50px;}
    #enterpriseweb_request {padding-left:25px;}
    #enterpriseweb_request td {padding:5px 10px}
    #enterpriseweb_portfolio {padding: 0 10px 0 0px; width:427px; margin-left:30px;}
    #enterpriseweb_portfolio td {vertical-align:top; }
    #enterpriseweb_portfolio p {padding: 0 5px 0 5px; margin:0;}
    #enterpriseweb_portfolio embed {margin: 0 10px 0 5px;}
    .right {float:right; padding-right:5px;}
/* sub bio area */
#sub_feature { width: 275px; vertical-align: bottom; }
#sub_feature h2, #sub_feature h4 { margin: 0px 25px 0px 0px; }
#sub_feature p { margin: 5px 25px 0px 10px; text-align: right; font-size: 11px; }

/* contact form */
#contact_form { width: 375px; text-align: right; }
.field { height: 22px; width: 200px;}
#contact_form p { vertical-align:top; }


/* footer area */
#footer { width: 925px; height: 44px; background: url(../images/footer.gif); background-repeat: no-repeat; background-position: top; margin: 0px auto 0px auto; padding: 0px; }
#foot_left { width: 463px; height: 60px; float: left; }
#foot_nav { width: 463px; height: 31px; position: relative; margin: 0px; padding: 0px; }
#foot_nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 18px; }
#foot_nav li, #foot_nav a { height: 14px; display: block; }
#foot_nav span { display: none;}
#foot_nav1 { width: 94px; left: 0px; }
#foot_nav2 { width: 70px; left: 94px; }
#foot_nav3 { width: 46px; left: 164px; }
#foot_nav1 a:hover { background: transparent url(../images/footer.gif) -0px -64px no-repeat; }
#foot_nav2 a:hover { background: transparent url(../images/footer.gif) -94px -64px no-repeat; }
#foot_nav3 a:hover { background: transparent url(../images/footer.gif) -164px -64px no-repeat; }
#foot_right { width: 269px; height: 44px; float: left; padding-top:20px; }
#foot_right p { text-align:right; font-size:10px; }
#foot_contact a { display: block; width: 269px; height: 44px; }
#foot_contact span { display: none; }

#meet { width: 169px; height: 52px; background: url(../images/home/home_ready_07.jpg) no-repeat top left; margin: 0px; padding: 0px; position: relative; }
#meet a {display: block; width: 169px; height: 52px; }
#meet span { display: none; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
.sIFR-hasFlash h4 { visibility: hidden; }