/* General HTML Stuff */
html, body { height: auto !important; height: 100%; margin: 0; min-height: 100%; padding: 0; }
body { background: #494c49 url('../images/bg.gif') repeat-x; }
body, p, td, th { font: 14px/21px Arial, Helvetica, sans-serif; vertical-align: top; }

a { color: #2799cd; text-decoration: none; }
a:hover { text-decoration: underline; }

b, strong { color: #707970; font-size: 13px; font-weight: bold; }

form { margin: 0; }

h1, h2, h3, h4, h5, h6 { color: #2799cd; margin: 0; }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

p { color: #000; line-height: 1.5em; margin: 0; margin-bottom: .5em; }
p a { text-decoration: underline; }

.clear { clear: both; }

/* Round Corners * /
.ul, .ur, .ll, .lr { height: 5px; position: absolute; width: 5px; }
.ul { background: url(../images/cul.png) no-repeat; left: 0; top: 0; }
.ur { background: url(../images/cur.png) no-repeat; right: 0; top: 0; }
.ll { background: url(../images/cll.png) no-repeat; bottom: 0; left: 0; }
.lr { background: url(../images/clr.png) no-repeat; bottom: 0; right: 0; }
* html .ul { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cul.png',sizingMethod='image'); }
* html .ur { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cur.png',sizingMethod='image'); }
* html .ll { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cll.png',sizingMethod='image'); }
* html .lr { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/clr.png',sizingMethod='image'); }
.image { overflow: hidden; position: relative; }

/* Page Structure */
#container { margin: 0 auto; padding-bottom: 40px; position: relative; width: 760px; }

/* Header */
#header { height: 100px; position: relative; width: 760px; }
#header .logo { background: url(../images/logo.gif) no-repeat; height: 67px; left: 20px; overflow: hidden; position: absolute; text-indent: -100em; top: 20px; width: 254px; }
#header .logo a { display: block; height: 67px; left: 0; position: absolute; top: 0; width: 254px; }
#header .toplinks { float: right; padding: 15px 0 0 0; text-align: right; width: 500px; }
#header .toplinks ul { margin: 0; padding: 0; }
#header .toplinks li { border-left: 1px solid #fff; display: inline; font-size: 12px; margin-left: 6px; padding-left: 8px; }
#header .toplinks li.first { border: none; margin: 0; padding: 0; }
#header .toplinks span { color: #fff; }
#header .search { bottom: 10px; position: absolute; right: 0; text-align: right; width: 300px; }

/* Drop Down Menu */
#ddmenu { background: url(../images/menubar.gif) repeat-x; height: 50px; margin-bottom: 20px; position: relative; width: 760px; z-index: 100; }
#ddmenu ul { background: url(..images/menubarborder.gif) top right no-repeat; display: inline; float: left; list-style: none; margin: 0; padding: 0; width: 661px; }
#ddmenu li { display: inline; float: left; position: relative; width: 132px; z-index: 20; }
#ddmenu li a { color: #fff; display: block; font-size: 10px; height: 50px; padding: 0 1px; position: relative; width: 130px; }
#ddmenu li a span { display: none; }
#ddmenu li .selected a { background-position: -132px 0; }
#ddmenu li a:hover, #ddmenu li.over a { background-position: -264px 0; text-decoration: none; }
/* #ddmenu li:hover .menu { display: block; } */
  /* --- Buttons --- */
#ddmenu .button0 { background: url(../images/menubuttoncomputers.gif) 0 0 no-repeat; }
#ddmenu .button1 { background: url(../images/menubuttonsecurity.gif) 0 0 no-repeat; }
#ddmenu .button2 { background: url(../images/menubuttontelephones.gif) 0 0 no-repeat; }
#ddmenu .button3 { background: url(../images/menubuttonwebsites.gif) 0 0 no-repeat; }
#ddmenu .button4 { background: url(../images/menubuttonabout.gif) 0 0 no-repeat; }
  /* --- Sub-Menu --- */
#ddmenu li ul { background: #369e2e url(../images/menubg.gif) repeat-y; display: none; left: 0; padding: 4px 5px 0 5px; position: absolute; top: 50px; width: 222px; }
#ddmenu li li { display: block; height: auto; padding: 4px 0; width: 222px; }
#ddmenu li li a { color: #fff; display: block; font-size: 11px; height: auto; line-height: 14px; padding: 0 5px; position: relative; text-align: left; width: 212px; }
#ddmenu li li a:hover { background: #494c49; }
#ddmenu li li a .captop, #ddmenu li li a .capbottom { background: url(../images/menuitemcorners.gif) 0 3px no-repeat; height: 3px; left: 0; overflow: hidden; position: absolute; width: 222px; }
#ddmenu li li a .captop { top: -3px; }
#ddmenu li li a .capbottom { bottom: -3px; }
#ddmenu li li a:hover .captop { background-position: 0 0; }
#ddmenu li li a:hover .capbottom { background-position: 0 -3px; }
#ddmenu li li.cap { height: 1px; padding: 0; position: relative; }
#ddmenu li li.cap div { background: url(../images/menucap.png) no-repeat; bottom: -5px; height: 5px; left: -5px; overflow: hidden; padding: 0; position: absolute; width: 232px; }
* html #ddmenu li li.cap div { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menucap.png',sizingMethod='image'); }
  /* --- Rounded Corners on the Right --- */
#ddmenu .mbcap { background: url(../images/menubarcap.gif) no-repeat; height: 50px; position: absolute; right: 0; top: 0; width: 5px; z-index: 10; }
#ddmenu li .extend { background: url(../images/menuextend.gif) no-repeat; bottom: 0; display: none; height: 5px; position: absolute; right: -100px; width: 5px; }
#ddmenu li.over .extend { display: block; }

/* Side Navigation */
#menu { display: inline; float: right; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 192px; }
* html #menu { margin-left: -3px; } /* Stupid IE6 */
/* --- Title --- */
#menu .section, #menu .sectionselected { height: 34px; position: relative; width: 192px; }
#menu .sectionselected { background: url(../images/menuarrow.gif) left center no-repeat; }
#menu .section a, #menu .sectionselected span { display: inline; float: right; height: 34px; overflow: hidden; text-indent: -1000em; width: 180px; }
#menu .section .menu1, #menu .sectionselected .menu1 { background: url(../images/menutitlecomputers.gif) no-repeat; }
#menu .section .menu2, #menu .sectionselected .menu2 { background: url(../images/menutitlesecurity.gif) no-repeat; }
#menu .section .menu3, #menu .sectionselected .menu3 { background: url(../images/menutitletelephones.gif) no-repeat; }
#menu .section .menu4, #menu .sectionselected .menu4 { background: url(../images/menutitlewebsites.gif) no-repeat; }
#menu .section .menu5, #menu .sectionselected .menu5 { background: url(../images/menutitleabout.gif) no-repeat; }
/* --- Pages --- */
#menu ul { list-style: none; margin: 0; padding: 5px 0; }
#menu li { display: block; font-size: 14px; line-height: 16px; padding: 6px 0 5px 12px; position: relative;}
#menu li.first { padding-top: 7px; }
#menu li .divider, #menu li.first .divider { background: #999; height: 1px; overflow: hidden; position: absolute; right: 0; top: 0; width: 180px; }
#menu li.first .divider, #menu li.firstselected .divider { background: #2799cd; height: 2px; }
#menu li.selected, #menu li.firstselected { background: url(../images/menuarrow.gif) left center no-repeat; color: #fff; padding: 6px 5px 5px 17px; }
#menu li a { color: #ddd; display: block; font-size: 14px; height: auto; line-height: 16px; padding: 0 5px; position: relative; text-decoration: none; width: 170px; }
#menu li a:hover { background: #666; color: #fff; }
#menu li a .captop, #menu li a .capbottom { background: url(../images/menupagecorners.gif) 0 3px no-repeat; height: 3px; left: 0; overflow: hidden; position: absolute; width: 180px; }
#menu li a .captop { top: -3px; }
#menu li a .capbottom { bottom: -3px; }
#menu li a:hover .captop { background-position: 0 0; }
#menu li a:hover .capbottom { background-position: 0 -3px; }

/* Main Content */
#body { background: #fff; min-height: 400px; padding: 10px; position: relative; }
* html #body { height: 400px; }
/* --- Rounded Corners --- */
#body .bcul, #body .bcur, #body .bcll, #body .bclr { background: url(../images/bodycorners.gif) no-repeat; height: 5px; overflow: hidden; position: absolute; width: 5px; }
#body .bcul { background-position: 0 0; left: 0; top: 0; }
#body .bcur { background-position: -5px 0; right: 0; top: 0; }
#body .bcll { background-position: 0 -5px; bottom: 0; left: 0; }
#body .bclr { background-position: -5px -5px; bottom: 0; right: 0; }
* html #body .bcll, * html #body .bclr { bottom: -1px; }
/* --- Green Bar --- */
#bar { background: url(../images/bodygb.gif) top right repeat-y; padding-right: 8px; width: 560px; }
#bar #body .bcur, #bar #body .bclr { width: 13px; }
#bar #body .bcur { background-position: -10px 0; right: -8px; top: 0; }
#bar #body .bclr { background-position: -10px -5px; bottom: 0; right: -8px; }
* html #bar #body .bcll { bottom: 0; }
/* --- Page Title --- */
#body .title h1 { border-bottom: 1px solid #2799cd; color: #35992e; display: inline; float: left; margin-bottom: 10px; padding-bottom: 5px; }

/* Footer */
#footer { color: #aaa; font-size: 12px; margin: 0 auto; padding-top: 20px; text-align: center; width: 75%; }
#footer .bottomlinks { margin: 0 auto; text-align: center; width: 500px; }
#footer .bottomlinks ul { display: inline; margin: 0 auto; padding: 0 0 2px 0; }
#footer .bottomlinks li { border-left: 1px solid #fff; display: inline; font-size: 12px; margin-left: 6px; padding-left: 8px; }
#footer .bottomlinks li.first { border: none; margin: 0; padding: 0; }
#footer .bottomlinks span { color: #fff; }
#footer .logos { padding-top: 10px; }
#footer .logos img { margin: 0 15px; }
#footer .logos td { vertical-align: middle; }