* { margin:0; padding:0; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; line-height: 1.6em; background:#000000 url(images/csat_website_bg.jpg) no-repeat top left; color:#ffffff; }

img { border: none; padding: 0; margin: 0; }


#header { border-collapse:collapse; border: none; width:100% }
#header td { vertical-align: top; }

#logo { position:relative; top:0px; left:19px; width:235px; height:119px; overflow:hidden; }
#logo img { width:235px; height:119px; }
#logo span { display:none; }

#menu { position:relative; width:680px; height: 83px; overflow:hidden; margin-left: auto; padding-left: 15px; }
#menu ul { list-style: none; margin:0px; padding:0px; }
#menu ul li { display:inline; margin:0px; padding:0px; }
#menu ul li a { float: left; height: 83px; display:block; }
#menu ul li a span { display: none; }

#home { background: url(images/menu_home_out.gif) no-repeat; width: 99px;  }
#aboutus { background: url(images/menu_aboutus_out.gif) no-repeat; width: 99px;  }
#support_services { background: url(images/menu_support_services_out.gif) no-repeat; width: 98px; }
#security { background: url(images/menu_security_out.gif) no-repeat; width: 101px; }
#hosting { background: url(images/menu_hosting_out.gif) no-repeat; width: 100px; }
#equipment { background: url(images/menu_equipment_out.gif) no-repeat; width: 98px; }
#contact_us { background: url(images/menu_contact_us_out.gif) no-repeat; width: 84px; }


#banner { border-collapse:collapse; width:100% }
#banner td { vertical-align: top; }

#welcome_message { background: url(images/welcome_message.gif) no-repeat; width:326px; height:94px; margin 0 auto 0 auto; }
#welcome_message span { display: none; }

#banner_img { display:block; width: 657px; height: 141px; margin-left: auto; padding-right: 5px; }

.page_title { background: no-repeat; width:345px; height:47px; }
.page_title span { display: none; }
#title_support_services { background: url(images/title_support_services.gif); }
#title_security { background: url(images/title_security.gif); }
#title_hosting { background: url(images/title_hosting.gif); }
#title_equipment { background: url(images/title_equipment.gif); }
#title_about_us { background: url(images/title_about_us.gif); }
#title_contact_us { background: url(images/title_contact_us.gif); }

#content { border-collapse:collapse; width:100% }
#content td { vertical-align: top; }
#content .leftcell { padding: 10px 5px 10px 5px; width: 80%; }
#content .rightcell { padding: 10px 5px 10px 5px; width: 20%; }

.service_list { padding-left: 2em; width: 100%; }
.service_list_left { padding-left: 2em; .clear:left; float:left; width:45%; }
.service_list_right { padding-left: 2em; .clear:right; float:right; width:45%; }
.service_list li, .service_list_left li, .service_list_right li { list-style-type:disc; list-style-position:outside; font-weight: bold; }
.service_list_description { font-size: 0.95em;  font-weight: normal; }
.nodot { list-style-type: none; }

.simple_list { padding-left: 2em; width: 100%; }
.simple_list li { list-style-type:disc; list-style-position:outside; }

h4 { padding: 0.5em 0 0.5em 0; color: #ffd800; font-size:1em;}
h4.left { clear:left; float:left; width:45%; }
h4.right { clear:right; float:right; width:45%; }
h4.center { text-align: center; clear:right; width:100%; }

a:link, a:visited { color: #ccc; }
a:hover, a:active { color: #fff; }

.clear { clear:both; }

.list_table { border-collapse:collapse; width:100%; }
.list_table li { text-align: center; }
.list_table li div { margin: 0 auto 0 auto; }


.redbox { border-collapse:collapse; width:100%; background: #730f11 }
.redbox .t { background: url(images/redbox_t.gif) repeat-x; height: 26px; }
.redbox .b { background: url(images/redbox_b.gif) repeat-x; height: 26px; }
.redbox .l { background: url(images/redbox_l.gif) repeat-y; width: 26px; }
.redbox .r { background: url(images/redbox_r.gif) repeat-y; width: 26px; }
.redbox .tl div, .redbox .tr div, .redbox .bl div, .redbox .br div { background: url(images/redbox_r26.gif); width: 26px; height:26px; }
.redbox .tl div { background-position: 0px 0px; }
.redbox .tr div { background-position: -29px 0px; }
.redbox .bl div { background-position: 0px -29px; }
.redbox .br div { background-position: -29px -29px; }
.redbox p { padding: 0.5em 0 0.5em 0; }

.rightbox { border-collapse:collapse; width:100%; }
.rightbox .m { background: #730f11; font-size:0.8em; line-height: 1.2em; }
.rightbox .t { background: url(images/rightbox_t.gif) repeat-x; height: 15px; }
.rightbox .b { background: url(images/rightbox_b.gif) repeat-x; height: 15px; }
.rightbox .l { background: url(images/rightbox_l.gif) repeat-y; width: 15px; }
.rightbox .r { background: url(images/rightbox_r.gif) repeat-y; width: 15px; }
.rightbox tr td div { background: url(images/rightbox_r15.gif); width: 15px; height:15px; }
.rightbox .tl div { background-position: 0px 0px; }
.rightbox .tr div { background-position: -18px 0px; }
.rightbox .bl div { background-position: 0px -18px; }
.rightbox .br div { background-position: -18px -18px; }
.rightbox p { padding: 0.5em 0 0.5em 0; }

.bluebox { border-collapse:collapse; width:100%; margin:10px 0px 30px 0px; }
.bluebox .m { background: url(images/bluebox_mg.gif) repeat-x top #202357; font-size:1em; line-height: 1.5em;}
.bluebox .t { background: url(images/bluebox_t.gif) repeat-x bottom; height: 16px; }
.bluebox .b { background: url(images/bluebox_b.gif) repeat-x; height: 22px; }
.bluebox .l { background: url(images/bluebox_l.gif) repeat-y #202357; width: 12px; }
.bluebox .l div { background: url(images/bluebox_lg.gif) repeat-y; width: 12px; height:96px; }
.bluebox .r { background: url(images/bluebox_r.gif) repeat-y right #202357; width: 16px; }
.bluebox .r div { background: url(images/bluebox_rg.gif) repeat-y; margin-left:auto; width: 16px; height:96px; }
.bluebox .ts div { background: none; width:3px; height:41px;}
.bluebox .tr div { background: url(images/bluebox_tr.gif); width:16px; height:16px;}
.bluebox .bl div { background: url(images/bluebox_bl.gif); width:15px; height:22px;}
.bluebox .br div { position:relative; background: url(images/bluebox_br.gif); width:16px; height:22px;}
.bluebox .br div a { display:block; position:absolute; background: url(images/bluebox_btn_free_consultation.gif); left:-140px; top:-9px; width:143px; height:62px; }
.bluebox .br div a span { display:none; }
.bluebox p { padding: 0.5em 0 0.5em 0; }
.bluebox .m ul { padding-left: 1.5em; width: 100%; }
.bluebox .m ul li { list-style-type:disc; list-style-position:outside; }
.bluebox .m .spreader { height: 2px; line-heigh: 2px; padding: 0; overflow: hidden; visibility: hidden }
.bluebox .t a span { display:none; }
.bluebox #tl_support_services,.bluebox #tl_support_services:link,.bluebox #tl_support_services:hover,.bluebox #tl_support_services:visited,.bluebox #tl_support_services:active { display: block; background: url(images/bluebox_tl_support_services.jpg); width:155px; height:57px; }
.bluebox #tl_security,.bluebox #tl_security:link,.bluebox #tl_security:hover,.bluebox #tl_security:visited,.bluebox #tl_security:active { display: block; background: url(images/bluebox_tl_security.jpg); width:163px; height:57px; }
.bluebox #tl_hosting,.bluebox #tl_hosting:link,.bluebox #tl_hosting:hover,.bluebox #tl_hosting:visited,.bluebox #tl_hosting:active { display: block; background: url(images/bluebox_tl_hosting.jpg); width:165px; height:57px; }
.bluebox #tl_equipment,.bluebox #tl_equipment:link,.bluebox #tl_equipment:hover,.bluebox #tl_equipment:visited,.bluebox #tl_equipment:active { display: block; background: url(images/bluebox_tl_equipment.jpg); width:177px; height:57px; }
.bluebox .sep div { width:16px; }

#box_24_hour { background: url(images/box_24_hr_emergency_response.jpg) no-repeat; width:203px; height:143px; margin: 10px auto 0 auto; }
#box_24_hour span { display:none; }

.whitetext { font-size: 0.8em; line-height: 1.4em; color:#ffffff; }

.rates { margin: 10px auto; width: 15em; }
.rates ul { padding-left: 1.5em; }
.rates ul li { list-style-type:disc; list-style-position:outside; }

#footer { background: url(images/footer_bg.jpg) repeat-x; height:83px; }
#footer div { background: url(images/footer_texture.jpg) no-repeat top middle; width:95%; height:63px; text-align: center; vertical-align:middle; margin: 0 auto; padding: 2em 0 0 0; font-size:0.8em; }
#footer div a { color:#ffffff; text-decoration:none; background: none; }
#footer div ul { list-style: none; padding:0; margin: 0 auto; width: 52em; }
#footer div ul li { display:inline; padding:0; margin:0; }
#footer div ul li p { float: left; height: 16px; line-height: 1em; display:block; vertical-align: middle; padding-right: 1em; }
#footer div ul li a { float: left; position:relative; top:0px; width:88px; height: 16px; display:block; background: url(images/tllogo.gif) no-repeat; vertical-align: top; }
#footer div ul li a span { display: none; }

.partner_logo { background: no-repeat; width:119px; height:50px; margin: 5px; }
.partner_logo span { display:none }
#logo_acer { background: url(images/logo_acer.gif); }
#logo_xerox { background: url(images/logo_xerox.gif); }
#logo_dlink { background: url(images/logo_dlink.gif); }
#logo_symantec { background: url(images/logo_symantec.gif); }
#logo_linksys { background: url(images/logo_linksys.gif); }
#logo_gfi { background: url(images/logo_gfi.gif); }
#logo_hp { background: url(images/logo_hp.gif); }
#logo_ibm { background: url(images/logo_ibm.gif); }