@charset "UTF-8";

/* ----------------------------------------------------------------------------
Project:		Manage-Trak, LLC
Version:		1.0.0
Last Change:	11.07.08
Author:			Brian Rhinehart
Primary Use:	Templates
---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* ------------------------------>>> RESET <<<------------------------------ */
/* ------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
font-size:100%;
font-weight:normal
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal
}

ul,ol {
list-style:none
}

abbr,acronym {
border:0
}

fieldset,img {
border:0
}

table {
border-collapse:collapse;
border-spacing:0
}

caption,th {
text-align:left
}

/* ------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL CLASSES <<<--------------------------*/
/* ------------------------------------------------------------------------- */
.clear {
clear:both
}

.clearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

.floatLeft {
float:left
}

.floatRight {
float:right
}

.textLeft {
text-align:left
}

.textRight {
text-align:right
}

.textCenter {
text-align:center
}

.textJustify {
text-align:justify
}

.bold {
font-weight:700
}

.italic {
font-style:italic
}

.underline {
border-bottom:1px solid
}

.highlight {
background:#ffc
}

.imgLeft {
float:left;
margin:4px 10px 4px 0
}

.imgRight {
float:right;
margin:4px 0 4px 10px
}

.noPadding {
padding:0
}

.noIndent {
margin-left:0;
padding-left:0
}

.noBullet {
list-style:none;
list-style-image:none
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> WRAPPERS <<<----------------------------- */
/* ------------------------------------------------------------------------- */
#wrapper {
background:#fff url(imgs/tile_htmlbg.png) repeat-x;
margin:0;
padding:0 0 40px;
width:100%
}

#contentWrapper {
margin:0 auto;
padding:0;
width:960px
}

#content {
float:left;
margin:0;
padding:0 0 0 5px;
width:680px
}

#sideContentLeft, #sideContentRight {
width:240px
}

#sideContentLeft {
float:left;
margin:40px 35px 0 0
}

#sideContentRight {
float:right;
margin:40px 0 0
}

/* ------------------------------------------------------------------------- */
/* ------------------------------>>> LAYOUT <<<----------------------------- */
/* ------------------------------------------------------------------------- */
body {
background:#f8f8f8
}

/* ---------------------------> Masthead and Main Nav <------------------------- */
#masthead {
height:130px
}

#logo {
background:url(imgs/logo.png) no-repeat;
height:80px;
float:left;
margin:20px 0 0;
width:205px
}

#mastheadRight {
float:right;
margin:20px 0 0;
width:755px
}

#phoneNumber {
color:#75808A;
font-size:18px;
font-weight:700;
margin:0;
text-align:right
}

#loginBtn {
float:right;
margin:16px 0 0;
text-align:right;
}

#loginBtn a {
background:url(imgs/btn_arrow.png) no-repeat 100% 0;
color:#909090;
display:block;
font-size:11px;
font-weight:700;
height:26px;
line-height:26px;
padding:0 32px 0 0;
text-align:right;
text-decoration:none;
width:40px
}

#loginBtn a:hover {
background:url(imgs/btn_arrow.png) no-repeat 100% 100%;
}

#mainNav {
float:right;
height:34px;
margin:16px 0 0;
width:755px
}

/* --------------------------------> Panels <------------------------------- */
#billboard {
background:url(imgs/billboard_index.jpg) no-repeat;
height:180px;
margin:46px 0 15px;
width:960px
}

#billboardLower {
background:url(imgs/billboard_lower.jpg) no-repeat;
height:180px;
margin:36px 0 25px;
width:960px
}

/* ------------------------------> Tri Panel <------------------------------ */
#triPanel {
color:#404040;
height:95px;
left:5px;
position:relative;
top:250px;
width:950px
}

.panelLeft, .panelCenter, .panelRight {
background:url(imgs/tile_triPanel.png) repeat-x;
border-bottom:6px solid #fff;
border-top:6px solid #fff;
float:left;
height:74px;
margin:0;
padding:8px 6px 0 10px;

}

.panelLeft {
border-left:6px solid #fff;
border-right:6px solid #fff;
width:293px
}

.panelCenter {
width:292px
}

.panelRight {
border-left:6px solid #fff;
border-right:6px solid #fff;
width:293px
}

#triPanel .btn a {
float:right;
margin:5px 0
}

/* -----------------------------> Lower Panel <----------------------------- */
#lowerPanels {
width:960px
}

.lowerPanel {
float:left;
margin:0 15px 0 0;
width:310px
}

.noMargin {
margin:0
}

.lowerPanelTop {
background:url(imgs/lowerPanelTop.png) no-repeat;
height:11px;
width:310px
}

.lowerPanelCenter {
background:url(imgs/lowerPanelCenter.png) repeat-y;
height:235px;
width:310px
}

.lowerPanelBottom {
background:url(imgs/lowerPanelBottom.png) no-repeat;
height:76px;
padding:0 21px;
width:268px
}

.lowerPanel .btn a {
float:right;
margin:30px 0 0
}

.flashHolder {
background:#c6c6c6 url(imgs/flashplaceholder.png) no-repeat;
height:180px;
margin:20px auto 0;
width:240px
}

/* -----------------------------> Side Panel <------------------------------ */
#sidePanels {
width:240px
}

.sidePanel {
float:left;
margin:0 0 10px;
width:240px
}

.sidePanelTop {
background:url(imgs/sidePanelTop.png) no-repeat;
height:8px;
}

.sidePanelCenter {
background:url(imgs/sidePanelCenter.png) repeat-y
}

.sidePanelBottom {
background:url(imgs/sidePanelBottom.png) no-repeat;
height:14px
}

.sidePanel .btn a {
float:right;
margin:0 12px 0 0
}

/* --------------------------------> Footer <------------------------------- */
#footer {
background:#f8f8f8;
border-top:4px solid #d3d3d3;
color:#9c9c9c;
font-size:10px;
margin:0;
padding:20px 0;
text-align:center;
width:100%
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> TYPOGRAPHY <<<--------------------------- */
/* ------------------------------------------------------------------------- */
body {
color:#4d4d4d;
font:12px/18px Arial, Verdana, Geneva, Helvetica, sans-serif
}

p {
margin:0 0 18px
}

strong, b {
font-weight:700
}

em,i {
font-style:italic
}

h1, h2, h3, h4, h5 {
font-family: Arial, Helvetica, Verdana, sans-serif
}

h1 {
color:#85a9d4;
font-size:24px;
line-height:24px;
margin:0 0 18px
}

h2 {
color:#7a7a7a;
font-size:22px;
margin:0 0 10px
}

h3 {
color:#3a5c86;
font-size:16px
}

h4 {
color:#3a3a3a;
font-size:14px
}

h5 {
font-weight:700
}

#triPanel h2 {
color:#fff;
margin:0 0 2px 0;
font-weight:700
}

#triPanel p {
margin:0
}

.lowerPanel h3 {
background:url(imgs/tile_lowerPanelh3.png) repeat-x;
border-bottom:6px solid #fff;
color:#fff;
font-weight:700;
height:38px;
line-height:38px;
margin:0 0 10px 11px;
padding:0 10px;
width:268px
}

.lowerPanel h4 {
color:#6285b0;
font-size:16px;
font-weight:700
}

.lowerPanel p, .lowerPanel h4, lowerPanel ul {
padding:0 21px
}

.sidePanel h4 {
background:url(imgs/tile_sidePanelh4.png) repeat-x;
color:#fff;
font-weight:700;
height:25px;
line-height:25px;
margin:0 0 10px 7px;
padding:0 7px;
width:210px
}

.sidePanel p {
margin:0 0 5px;
padding:0 12px
}

/* -------------------------------> Lists <--------------------------------- */
ul.omniList {
margin:0 0 18px 16px;
padding:0 0 0 16px
}

ul.omniList li {
background:url(imgs/bullet.png) no-repeat 0 2px;
list-style:none;
padding:0 0 0 16px
}

ol.omniList li, ul.omniList li {
margin:0
}

ol.omniList {
margin:0 0 18px 32px;
padding:0 0 0 16px
}

ol.omniList li {
list-style:decimal;
padding:0
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> NAVIGATION <<<--------------------------- */
/* ------------------------------------------------------------------------- */
a { 
color:#336699;
text-decoration: underline;
}

a:hover {
color:#C2BF70;
text-decoration:none
}

a:focus {
outline:none
}

#footer a {
color:#9c9c9c
}

#footer a:hover {
color:#C2BF70
}

/* -------------------------> Component Art Menu <-------------------------- */
/*.MenuGroup {
background:#fff;
}

.MenuItem {
background:#fff;
color:#fff;
cursor:pointer;
font-size:11px;
font-weight:700
}

.MenuItemHover {
background:#fff;
color:#fff;
cursor:pointer;
font-size:11px;
font-weight:700
}

.MenuItemDown {
background:#fff;
color:#fff;
cursor:pointer;
font-size:11px;
font-weight:700
}*/

/* ------------------------------> Main Nav <------------------------------- */
#slidetabsmenu {
float:right;
font-size:11px
}

#slidetabsmenu ul {
margin:0;
padding:0
}

#slidetabsmenu li {
float:left;
margin:0;
padding:0
}

#slidetabsmenu a {
background:url(imgs/tabLeft.png) no-repeat 0 0;
cursor:pointer;
float:left;
margin:0;
padding:0 0 0 15px;
text-decoration:none
}

#slidetabsmenu a span {
background:url(imgs/tabRight.png) no-repeat 100% 0;
color:#fff;
cursor:pointer;
display:block;
float:none;
height:18px;
padding:12px 15px 4px 0
}

#slidetabsmenu a:hover span {
background-position:100% -44px;
color:#fff
}

#slidetabsmenu #current a span {
background-position:100% -44px;
color:#fff
}

#slidetabsmenu #current a, #slidetabsmenu a:hover {
background-position:0 -44px
}

/* -------------------------------> DD Menu <------------------------------- */
.ddmenu {
background:#fff;
border-bottom:1px solid #85a9d4;
border-left:1px solid #85a9d4;
border-right:1px solid #85a9d4;
display:block;
font-size:12px;
left:393px;
padding:5px 0 0;
position:relative;
top:35px;
width:150px;
z-index:99
}

.ddmenu li a {
background:none;
}

.ddmenu li a {
color:#4d4d4d;
display:block;
float:left;
height:20px;
margin:0;
padding:0 10px;
text-decoration:none;
width:130px;
z-index:100
}

.ddmenu li a:hover {
background:#98ba18;
color:#fff
}

/* -------------------------------> Buttons <------------------------------- */
.btn {
text-align:center
}

.btn a {
background:url(imgs/btn.png) no-repeat 100% 0;
border:none;
cursor:pointer;
color:#fff;
display:block;
font-size:11px;
font-weight:700;
height:26px;
line-height:21px;
margin:5px 0;
padding:0;
text-decoration:none;
width:96px
}

.btn a:hover {
background:url(imgs/btn.png) no-repeat 100% 100%;
color:#fff
}