/* GENERAL STYLES */
body {font-family: Verdana, Century Gothic, Arial; margin: 0px; padding: 0px; font-size: 10px; color: #666666;}

/* Lay out */
#wrapper {background: url(/media/89/wrapperbg.jpg) no-repeat; position: relative; margin: 0px auto 0px auto; width: 900px; min-height: 779px; height: auto !important; height: 779px;}
#websiteWrapper {padding: 0px 0px 0px 79px; width: 767px; min-height: 685px; height: auto !important; height: 685px;}
#header {position: relative; width: auto; min-height: 81px; height: auto !important; height: 81px;}
#logoOutNowConsulting {position: absolute; left: 0px; top: 4px;}
#headerNav {position: absolute; left: 630px; top: 50px; width: 135px; min-height: 24px; height: auto !important; height: 24px;}
#headerNav ul {margin: 0px; padding: 0px; list-style: none;}
#headerNav ul li {float: left; position: relative;}
#headerNav a {float: left; display: block; color: #ff33cc; letter-spacing: -1px; font-size: 10px; text-decoration: none; padding: 12px 0px 0px 0px; width: auto; min-height: 12px; height: auto !important; height: 12px;}
#headerNav a:hover {background: url(/media/49/headernavactive.gif) center no-repeat;}

.headerNavMargin {margin: 0px 8px 0px 0px;}
.topNavMargin {margin: 0px 14px 0px 0px;}

#mainContentContainerFront {background: url(/media/11/bodybg.jpg) repeat-y; padding: 0px 0px 0px 0px; width: auto; min-height: 484px; height: auto !important; height: 484px;}
#mainContentContainer {background: url(/media/11/bodybg.jpg) repeat-y; padding: 0px 0px 25px 0px; width: auto; min-height: 484px; height: auto !important; height: 484px;}
#frontImageContainer {position: relative; background: url(/media/39/frontimage.jpg) no-repeat; width: 761px; min-height: 507px; height: auto !important; height: 507px; margin: 0px 1px 0px 1px;}
#frontContentBox1 {position: absolute; left: 13px; top: 280px; padding: 10px; width: 541px; min-height: 88px; height: auto !important; height: 88px;}
#frontContentBox2 {position: absolute; left: 13px; top: 400px; padding: 4px 5px 6px 10px; width: 546px; min-height: 16px; height: auto !important; height: 16px;}

#contentContainer {background: url(/media/29/contentbg.jpg) repeat-y; margin: 0px 5px 0px 1px; padding: 0px 0px 0px 0px; width: 761px; min-height: 337px; height: auto !important; height: 337px;}
#sidebar {float: left; width: 148px; min-height: 337px; height: auto !important; height: 337px; margin-left: -10px;}
#sidebar #sideNav a {display: block; font-size: 10px; color: #010066; text-decoration: none; padding: 0px 0px 0px 16px;}
#sidebar #sideNav a:hover {background: url(/media/84/sidenavactive.gif) left 3px no-repeat; padding: 0px 0px 0px 16px;}

#sidebar ul#sideNav {margin: 0px; padding: 12px 0px 12px 12px; list-style: none;}
#sidebar ul#sideNav li {padding: 0px 0px 8px 0px;}

#content {float: left; padding: 0px 40px 0px 24px; width: 549px; min-height: 337px; height: auto !important; height: 337px;}

#footer {background: url(/media/34/footerbg.jpg) no-repeat; padding: 0px 0px 0px 10px; width: auto; min-height: 31px; height: auto !important; height: 31px; line-height: 28px; color: #000066; font-size: 9px;}
#footer a {text-decoration: none; color: #000066; font-size: 9px; letter-spacing: -1px;}
#footer a:hover {color: #ff33cc;}

#footer2 {position: relative; padding: 5px 5px 0px 0px; width: auto; min-height: 29px; height: auto !important; height: 29px;}
#footer2 a {color: #666666; font-size: 8px; text-decoration: none;}
#footer2 a:hover {text-decoration: underline;}
.footer2TextAlign {text-align: right; line-height: 16px; font-size: 8px;}

/* Pages */
#aboutUsImageContainer {position: relative; background: url(/media/1/aboutusimage.jpg) no-repeat; width: 761px; min-height: 129px; height: auto !important; height: 129px; margin: 0px 1px 0px 1px;}
#contactImageContainer {position: relative; background: url(/media/19/contactimage.jpg) no-repeat; width: 761px; min-height: 129px; height: auto !important; height: 129px; margin: 0px 1px 0px 1px;}
#servicesImageContainer {position: relative; background: url(/media/74/servicesimage.jpg) no-repeat; width: 761px; min-height: 129px; height: auto !important; height: 129px; margin: 0px 1px 0px 1px;}
#markRepsImageContainer {position: relative; background: url(/media/64/markrepsimage.jpg) no-repeat; width: 761px; min-height: 129px; height: auto !important; height: 129px; margin: 0px 1px 0px 1px;}

.frontNavBg {background: url(/media/44/frontnavbg.jpg) no-repeat;}
.aboutUsNavBg {background: url(/media/6/aboutusnavbg.jpg) no-repeat;}
.contactNavBg {background: url(/media/24/contactnavbg.jpg) no-repeat;}
.servicesNavBg {background: url(/media/79/servicesnavbg.jpg) no-repeat;}
.markRepsNavBg {background: url(/media/69/markrepsnavbg.jpg) no-repeat;}

/* Text style */
h1, h2, h3, p {margin: 0px;}
#frontContentBox1 p, #frontContentBox2 p {padding: 0px; font-family: Century Gothic; font-size: 12px; color: #010066;}
#frontContentBox2 p {font-weight: bold;}
#content h1 {padding: 0px 0px 16px 0px; font-size: 24px; color: #000066; font-weight: normal;}
#content h2 {padding: 0px 0px 16px 0px; font-size: 20px; color: #000066; font-weight: normal;}
#content h3 {padding: 0px 0px 16px 0px; font-size: 18px; color: #000066; font-weight: normal;}
#content p {padding: 0px 0px 16px 0px; line-height: 17px;}

/* Menu common styling */
#topNavigation {padding: 0px 0px 0px 14px; width: auto; min-height: 26px; height: auto !important; height: 26px;}
#topNavigation a.headNav {float: left; display: block; font-size: 12px; width: auto; min-height: 26px; height: auto !important; height: 26px; line-height: 26px;}

.navMenu {position: relative; z-index: 100; clear: both;}
.navMenu ul {padding: 0px; margin: 0px; list-style-type: none;}
.navMenu ul li {float: left; position: relative;}
.navMenu li.last {border-bottom: solid 1px #ffffff; margin: 0px;} /* Bottom border in sub menu */
.navMenu ul li a, .navMenu ul li a:visited {display: block; text-decoration: none; width: 131px; height: 26px; color: #000066;}
.navMenu ul li ul {display: none;}
.navMenu ul li a:hover.headNav {color: #ff33cc;}
.navMenu table {margin:-1px; border-collapse: collapse; font-size: 1em;}

/* Specific to non IE and IE7 browsers */
.navMenu ul li:hover ul {display: block; position: absolute; top: 25px; left: 0px; width: 131px; height: auto; border: solid 1px #cccccc; background: #ffffff;}
.navMenu ul li:hover ul li ul {display: none;}
.navMenu ul li:hover ul li a{display: block; background: #ffffff; height: auto; line-height: 15px; padding: 5px 10px 5px 10px; width: 91px; font-size: 9px;}
.navMenu ul li:hover ul li:hover a {color: #999999;} /* Normal submenu item */
.navMenu ul li:hover ul li:hover ul {display: block; position: absolute; left: 170px; top: 0px; width: 111px;}
.navMenu ul li:hover ul li:hover ul li a {background: #cccccc;}
.navMenu ul li:hover ul li:hover ul li:hover a {background: #888888;} /*Sub sub menu item hover */

/* For IE5.x and IE6 browsers only */
.navMenu ul li a:hover {background: transparent;}
.navMenu ul li a:hover ul {display: block; position: absolute; top: 25px; left: 0px; background: #eee; margin-top: 0px; marg\in-top: 0px; border: solid 1px #cccccc; background: #ffffff;}
.navMenu ul li a:hover ul li a {text-align: left; display: block; background: #ffffff; font-size: 9px; height: auto; hei\ght: auto; line-height: 15px; padding: 5px 10px 5px 10px; width: 91px; w\idth: 91px;}
.navMenu ul li a:hover ul li a ul {visibility: hidden; position: absolute; height: 0px; width: 0px;}
.navMenu ul li a:hover ul li a:hover {color: #999999;}
.navMenu ul li a:hover ul li a:hover ul {visibility: visible; position: absolute; top: 0px; t\op: 0px; left: 170px;}

.navMenu ul li a, .navMenu ul li a:visited {width: 111px; w\idth: 111px;}

/* Misc. */
.horizontalRuler {margin: 0px 1px 16px 1px; background: url(/media/54/horizontaldottedline.jpg) no-repeat; width: 761px; min-height: 1px; height: auto !important; height: 1px; font-size: 1px;}
.clearEnd {clear: both;}
a img {border: 0px;}

/* EDITOR PROPERTIES */