*{margin:0px;padding:0px;border-style:dotted; border-width:0px;border-color:red;} /* baseline for everything else*/

body { font-size:12pt; color:#DDDDDD; line-height:160%;font-family: arial, Helvetica, sans-serif; text-align:left; background-color: #1a1a1a;}

/* primary behavior for links on pages */
a:link,a:active,a:visited {text-decoration:underline; color:#bbbbdd;}
a:hover {text-decoration:  underline; color:#ddddff;}

p {	font-size: x-small;	voice-family: "\"}\"";	voice-family: inherit;	font-size: small;} html>p {font-size: small;} /* Tantek's hack */
p { font-size:12pt; padding-top:5px; padding-bottom:12px; }

#center { width: 1000px;	height: 100%; margin:auto; position: relative;}
#banner { top: 0px; left: 0px; width: 960px;	position: absolute;	height: 200px; background-image: url(images/banner.png);}
.spacer { height:35px;}

#page_container {top:200px;left: 0px;width: 960px;	position: absolute;	height: 100%;}
#content_and_navigation {width: 960px; background-image: url(images/nav_n_content_bkgd.png);}

#left_column { float: left; width: 0px;	height: 100%;} /* not used in this layout so width = 0 */

#content_container{ float: left; width: 720px; height: 100%; }
.content_top_graphic { background-image: url(images/rounded-corners-top.png); height:20px;}
#content {padding-left:60px; padding-right:60px;padding-top:5px;padding-bottom:20px;background-image:url(images/content-container-bkgd.png);}
.content_bottom_graphic{background-image: url(images/rounded-corners-bottom.png); height:20px;}
#content_footer {width: 720px; height: 100%;}

#right_column_container {float:left; width:230px; }
#right_column_content {height:100%; padding-right:10px;}

#bottom_banner {	clear: both; width: 960px; height: 40px; background-color:#111111; background-repeat: no-repeat;}

#sitename { font-size: 23px;	font-weight: bold; padding: 25px 40px 0  400px;	color: #D4AF83;} /* not used */

.menu {font-size:90%;} /* this scales the menu overall, then sublevels are recursively shrunk based on the 90% (next item)*/
li {line-height:150%; margin-top:5px; padding-left:10px; font-size:93%;}
ul {list-style: none;} /* list-style gets rid of bullets */
.sitemap{font-size:70%;}
h1,h2, h3 {color : #1a1a1a; font-size: 0px;} /* 0 px font effectively hides them */
h4 {font-size:80%; letter-spacing:8px; font-weight:normal;} /* h4 is the word "submenu" */
.copyright{font-size:65%; text-align:right; padding-right:35px; margin-bottom:50px;}
.login {font-size:60%;}
.submenu {font-size:80%;font-spacing:5px;}
.edit {font-size:90%;}

/* image preloaders */
.loader1{position:absolute;left:-1000px;top:0px; width:200px;height:100px; background-image:url('images/hotmenu/branding-hover.png');}
.loader2{position:absolute;left:-1000px;top:0px; width:200px;height:100px;background-image:url('images/hotmenu/packages-hover.png');}
.loader3{position:absolute;left:-1000px;top:0px; width:200px;height:100px;background-image:url('images/hotmenu/licensed-hover.png');}
.loader4{position:absolute;left:-1000px;top:0px; width:200px;height:100px;background-image:url('images/hotmenu/casestudies-hover.png');}

/**********************************************/
/* hot menu */
/**********************************************/
#hotmenu{display:block; width:632px; height:93px;margin-top:10px;margin-left:auto;margin-right:auto;}
#btn_branding{margin:4px; float:left;  display: block; width:149px;height:93px; background-image:url('images/hotmenu/branding-static.png');}
#btn_branding:hover{background-image:url('images/hotmenu/branding-hover.png');}
#btn_branding span {display:none;}
#btn_packages{margin:4px; float:left; left: 149px; display: block; width:149px;height:93px; background-image:url('images/hotmenu/packages-static.png');}
#btn_packages:hover{background-image:url('images/hotmenu/packages-hover.png');}
#btn_packages span {display:none;}
#btn_licensed{margin:4px; float:left; left: 298px; display: block; width:149px;height:93px; background-image:url('images/hotmenu/licensed-static.png');}
#btn_licensed:hover{background-image:url('images/hotmenu/licensed-hover.png');}
#btn_licensed span {display:none;}
#btn_casestudies{margin:4px; float:left; left: 347px; display: block; width:149px;height:93px; background-image:url('images/hotmenu/casestudies-static.png');}
#btn_casestudies:hover{background-image:url('images/hotmenu/casestudies-hover.png');}
#btn_casestudies span {display:none;}