/* awesome is the outer most container */
div#awesome {
	width: 940px;
	margin: 2px auto 0;
}
/* top contains the 3d iE logo bg also the corner submenu border */
div#top {
	background-image: url(/images/bg-head-4link.png);
	width:926px;
	height:90px;
}
/* This holds the Design Build Market Support-DBMS menu and the portfolio, login, contact menu at the top */
div#menu-container {
	width:500px;
	height:90px;
	float:left;
}
/* iE logo - top left internet exposure text link */
div#logo {
	width: 306px;
	height: 90px;
	float: left;
	font-size: 10px;
	overflow: hidden;
	margin: 0 120px 0 0;
	padding: 0;
	display: inline;
}
div#logo a {
	background: url(/images/logo.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	text-indent: -999em;
	width: 306px;
	height: 90px;
}
div#logo a:hover {
	background: url(/images/logo-over.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	text-indent: -999em;
	width: 306px;
	height: 90px;
}
/* menu - 3 text links at top-right */
div#menu-sub-top {
	color: #f5f5f5;
	     }
div#menu-sub-top a {
	color: #f5f5f5;
	text-decoration: none;
}
div#menu-sub-top a:hover {
	color: #f38b00;
	text-decoration: underline;
}
div#menu-sub-top ul {
	list-style-type: none;
	height: 23px;
	text-align: right;
	padding: 6px 20px 0px 0px;
	margin: 0px;
}
div#menu-sub-top ul li {
	display: inline;
	padding: 0px 0px 0px 6px;
}
div#menu-sub-top span {
	color: #f38b00;
}

#topmost_links {
  font-size: 11px;
  line-height:15px;
  font-family: Tahoma, "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
}

/* Menu - Design, Build, Market, Support */
#nav {
	width: 442px;
	height: 54px;
	background: url(/images/menu-DBMS.gif);
	margin: 0px;
	padding: 0px;
	position: relative;
     line-height: 1px; /*this helps with a weird rollover display glitch some browsers were having*/
}
#nav li {
	float: right;
	list-style-type: none;
}
#nav li a {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	height: 54px;
	background: url(/images/menu-DBMS.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0%;
	color: #000000;
	outline: 0;
}
li#nav_design a {
	left: 0px;
	width: 129px;
	background-position: 0 0;
	color: #000000;
}
li#nav_build a {
	left: 129px;
	width: 94px;
	background-position: -129px 0;
	color: #000000;
}
li#nav_market a {
	left: 224px;
	width: 104px;
	background-position: -224px 0;
	color: #000000;
}
li#nav_support a {
	left: 328px;
	width: 114px;
	background-position: -328px 0;
	color: #000000;
}
li#nav_design a:hover {
	background-position: 0 -54px;
	color: #000000;
}
li#nav_build a:hover {
	background-position: -129px -108px;
	color: #000000;
}
li#nav_market a:hover {
	background-position: -224px -162px;
	color: #000000;
}
li#nav_support a:hover {
	background-position: -328px -216px;
	color: #000000;
}
/* Container styles - customize with section bg img */

div#container {
	width:960px;
	height:553px;
	text-align: center;
}

div.white-wrapper-top {background:url(../images/white-bkgd-top.png)no-repeat 0 0; height:28px; width:940px; clear:both;}
div.white-wrapper {
	background-image: url(/images/hockey-stick.png);
	background-repeat: no-repeat;
	height: 270px;
	position: relative;
}
div#camoicon {
	position:absolute;
	z-index: 1px;
	top: 40px; right: -20px;
	background-image: url(/images/camo-icons-large.png);
	width: 400px; height: 350px;
	background-repeat: no-repeat;
}

div#fairicon {
	position:absolute;
	z-index: 1px;
	top: 5px; right: 0px;
	background-image: url(/images/fair_shake.png);
	width: 567px; height: 300px;
	background-repeat: no-repeat;
}

span.boldblack {
	color: black;
	font-size: 27px;
	font-weight: lighter;
	font-weight: bold;
	letter-spacing: -1px;
	display: block;
	padding-top: 18px;
	float: left;
}

.downloadbutton a {
	display: block;
	position: absolute;
	background-image: url(/images/download-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 38px; width: 156px;
	text-indent: -9999em;
	z-index: 4px;
	top: 180px ;
	left: 35px;
}
.downloadbutton3 a {
	display: block;
	background-image: url(/images/download-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 38px; width: 156px;
	text-indent: -9999em;
	z-index: 4px;
	margin:30px 0 0 25px;
}
hr.camo {
	width:100%;
	size: 1px;
}
h1.shake-header{
	color: #F38B00;
    font-size: 40px;
    font-weight: lighter;
    margin: 0 0 0 32px;
    padding:100px 0 5px 0; 
    text-align:left;
}
h2.shake-subhead{
	color: #d7d7d7;
    font-size: 14px;
    font-weight: lighter;
    margin: 0 0 0 32px;
    clear:both;
    padding:0;
}
.downloadbutton a:hover, .downloadbutton3 a:hover {
	background-position: -156px;
}
.downloadbutton2 a {
	display: block;
	background-image: url(/images/download-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 38px; width: 156px;
	text-indent: -9999em;
	clear:left;
	float:left;
	margin-left: 330px;
}

.downloadbutton2 a:hover {
	background-position: -156px;
}

#googlescribble {	
	background-image: url(/images/google-scribble.png);
	background-repeat: no-repeat;
	width: 191px; height: 26px;
	float: left;
	margin-left: 10px;
}

div.white-wrapper-middle {
background-image: url(/images/white-bkgd-middle.png);
background-repeat: repeat-y;
text-align: left;
padding: 30px 40px 0 40px;
}

div.white-wrapper-middle .left {
	float: left;
	width: 400px;
}

div.white-wrapper-middle .right {
	float: right;
	width: 400px;
}
div.white-wrapper-bottom {
	background-image: url(/images/white-bkgd-bottom.png);
	background-repeat: no-repeat;
	height: 37px;
	clear: both;
}

p.paddingtop {
	margin-top: 57px;
	padding-top: 0;
}

.camoiconssmall {
	background-image: url(/images/camo-icons.png);
	background-repeat: no-repeat;
	height: 126px; width: 85px;
	float: left;
	margin-right: 20px;
}

.camoiconssmall#green {
	background-position: -255px 0;
}

.camoiconssmall#yellow{
	background-position: 0 0;
}

.camoiconssmall#red {
	background-position: -85px 0;
}

.camoiconssmall#gray {
	background-position: -170px 0;
}

div#homepage {
	background-image: url(/images/content-home-ipad.jpg);
	background-repeat: no-repeat;
	width:933px;
	height:553px;
	text-align: center;
}
div.no-black {
	background-image: url(/images/content-GIF.gif);
	background-repeat: no-repeat;
	width:960px;
}
div.design {
	background-image: url(/images/content-design.gif);
	background-repeat: no-repeat;
	width:960px;
}
div.design-web {
	background-image: url(/images/content-design-web.jpg);
	background-repeat: no-repeat;
	width:960px;
}
div.design-user-interface {
	background-image: url(/images/content-design-user-interface.jpg);
	background-repeat: no-repeat;
	width:960px;
}
div.design-vid {
	background-image: url(/images/content-design-vid.jpg);
	background-repeat: no-repeat;
	width:960px;
}
div.design-strategy {
	background-image: url(/images/content-design-strat.jpg);
	background-repeat: no-repeat;
	width:960px;
}
div.design-flash {
	background-image: url(/images/content-design-flash.jpg);
	background-repeat: no-repeat;
	width:960px;
}
div.careers {
	background-image: url(/images/content-careers.jpg);
	background-repeat: no-repeat;
	width:960px;
}
ul.careers li { padding-bottom: 13px; font-size: 13px;}

div#flashheader {
	width:933px;
	height:186px;
	float:left;
	padding-bottom: 36px;
}
#flashmovie_gears {
	background-image: url(/images/content-build-web-applications.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 440px;
	height:300px;
	padding-top: 47px;
	padding-right: 65px;
	background-position: left bottom;
}
#flashmovie_cms {
	width: 845px;
	height:240px;
	margin-left: 20px;
	padding-bottom: 30px;
	background-color: #ffffff;
}
#flashmovie-fargo {
	width: 400px;
	height:300px;
}
#flashmovie-ti {
	width: 400px;
	height:400px;
}

#flashmovie-hid {
	width: 400px;
	height:300px;
	border: 1px solid #CCCCCC;
}
div.blank {
	background-image: url(/images/content-white.gif);
	background-repeat: no-repeat;
}
div.contact {
	background-image: url(/images/content-contact.jpg);
	background-repeat: no-repeat;
}
div.build {
	background-image: url(/images/content-build.jpg);
	background-repeat: no-repeat;
}
div.build-ecomm {
	background-image: url(/images/content-build-ecomm.gif);
	background-repeat: no-repeat;
}
div.build-cms {
	background-image: url(/images/content-build-cms.gif);
	background-repeat: no-repeat;
}
div.build-seo {
	background-image: url(/images/content-build-seo.jpg);
	background-repeat: no-repeat;
}
div.build-micro-sites {
	background-image: url(/images/content-build-micro-sites.jpg);
	background-repeat: no-repeat;
}
div.build-technology {
	background-image: url(/images/content-build-technology.jpg);
	background-repeat: no-repeat;
}
div.market {
	background-image: url(/images/content-market.gif);
	background-repeat: no-repeat;
}
div.market-metrics {
	background-image: url(/images/content-market-metrics.jpg);
	background-repeat: no-repeat;
}
div.market-seo {
	background-image: url(/images/content-market-seo.gif);
	background-repeat: no-repeat;
}
div.market-sem {
	background-image: url(/images/content-market-seo.jpg);
	background-repeat: no-repeat;
}
div.market-email {
	background-image: url(/images/content-market-email-marketing.jpg);
	background-repeat: no-repeat;
}
div.brand {
	background-image: url(/images/content-market-brand.jpg);
	background-repeat: no-repeat;
}
div.market-paid {
	background-image: url(/images/content-market-paid.gif);
	background-repeat: no-repeat;
}
div.support {
	background-image: url(/images/content-support.jpg);
	background-repeat: no-repeat;
}
div.support-customer {
	background-image: url(/images/content-support-customer.jpg);
	background-repeat: no-repeat;
}
div.support-host {
	background-image: url(/images/content-support-host.gif);
	background-repeat: no-repeat;
}
div.support-secure {
	background-image: url(/images/content-support-secure.gif);
	background-repeat: no-repeat;
}
div.support-network {
	background-image: url(/images/content-support-network-management.jpg);
	background-repeat: no-repeat;
}
div.sample {
	background-image: url(/images/content-white.gif);
	background-repeat: no-repeat;
}
div#container .textbox {
	color: #FF9933;
	width:420px;
	height:148px;
	float:left;
	font-size:18px;
	text-align:left;
	padding-top:6px;
	padding-left:34px;
	letter-spacing:.025em;
}
div#container .textbox-careers {
	color: #666666;
	line-height: 22px;
	width:720px;
	height:166px;
	float:left;
	font-size:14px;
	text-align:left;
	padding-top:6px;
	padding-left:34px;
}
div#container .logintextbox {
	color: #222222;
	width:500px;
	float:left;
	font-size:13px;
	text-align:justify;
	padding-top:6px;
	padding-left:34px;
	letter-spacing:.005em;
}
.column-home {
	width:380px;
	height:420px;
	float:left;
	padding:24px 12px 12px 30px;
	text-align:left;
	color:#A2A2A2;
	z-index: 99;
	position:relative;
	top: 0;
	left: 0;
}
.column-home h3 { margin-top: 8px;}
.column-home p { font-size: 13px; line-height: 15px;}

.column-contact {
	width:320px;
	height:290px;
	float:left;
	padding:84px 12px 0px 44px;
	text-align:left;
	color:#A2A2A2
}
/* Homepage ipad slideshow -------------------------------------------------------- */
/* fader */
#ipad-home-wrapper {
	background: url(/images/bg-home-iPad-slider.png) no-repeat;
	width:642px;
	height: 427px;
	z-index: 9;
	position:relative;
	left: 300px;
	bottom: -27px;
}
#ipad-home ul, #ipad-home li {
	margin: 0 auto;
	padding:0;
	list-style:none;
	width:304px;
	height: 222px;
	overflow:hidden;
	position:absolute;
	z-index: 999;
}
#ipad-home li.slide-one {
	background: url(/images/ipad-slide-mcf01.png);
	width: 304px;
	height: 222px;
}
#ipad-home li.slide-two {
	background: url(/images/ipad-slide-mcf02.png);
	width: 304px;
	height: 222px;
}
/*---- button on homepage ----- */
a.bttn-home {
	background: url(/images/bttn-home.png) no-repeat;
	width:386px;
	height: 57px;
	color: #fff;
	display: block;
	padding:20px 0 0 40px;
	float: left;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-left: -12px;
}
a:hover.bttn-home {color: #ccc;}

/* --------------- Page Callouts ---------------*/
.orange_box {
	width: 316px;
	color: #000000;
}
.orange_box_body {
	background-image: url(/images/orangebox_mainbg.png);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0px;
}
.orange_box_content {
	background-image: url(/images/orangebox_glowbg.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-right: 20px;
	padding-left: 20px;
}
.orange_box_content p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.callout_hand {
	background-image: url(/images/callout_handbg.png);
	background-repeat: no-repeat;
	height: 287px;
	padding-top: 100px;
	padding-left: 10px;
	width: 350px;
	color: #000000;
}
.callout_hand_header {
	margin-top: 0px;
	display: block;
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #DF7000;
}
.notepaper {
	width: 329px;
	color: #000000;
}
.notepaper_content {
	background-image: url(/images/notepaperbg.png);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}
.notepaper_content p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* sitemap page styling */
div#sitemap {
	width:933px;
	float:left;
	text-align:right;
	height: 360px;
}
div#sitemap ul {
	text-align:left;
	list-style:none;
	margin: 0px;
	display: block;
	text-decoration: none;
	padding: 0px;
}
div#sitemap ul li {
	padding: 2px 0px 0px 0px;
	font-size: 10px;
	letter-spacing:.09em;
}
div#sitemap h1 {
	color: #F5F5F5;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
}
div#sitemap h1 a {
	color: #FFFFFF;
	text-decoration:none;
}
/* This is the sub menu style for Design, Build, Market, Support */
div#sub-menu-section {
	width:933px;
	float:left;
	text-align:right;
	height: 84px;
	font-size: 13px;
}
div#sub-menu-section ul {
  color:#f38b00;
}
div#sub-menu-section ul li {
	list-style-type:none;
	display:inline;
	padding: 0 2px;
	font-size: 13px;
}
div#sub-menu-section ul li h1 {
  display: inline;
	font-size: 13px;
	margin: 0; padding: 0;
}
div#sub-menu-section a {
	color: #f38b00;
	text-decoration: none;
}
div#sub-menu-section a:hover {
	color: #3c3c3c;
	text-decoration: underline;
}
div#sub-menu-section span {
	font-size: 30px;
	color: #999999;
	margin-right: 24px;
}
#sub-menu-section img { vertical-align: middle; }
/* This is the sub-sub menu style for Support */
div#sub-menu-support {
	width:933px;
	float:left;
	text-align:center;
	height: 48px;
	font-size: 12px;
	background-image: url(/images/support_subnavbg.gif);
	background-repeat: no-repeat;
	background-position: center;
	
}
div#sub-menu-support a {
	color: #999999;
	text-decoration: none;
}
div#sub-menu-support a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div#sub-menu-support ul {
	color:#1e1e1e;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#sub-menu-support ul li {
	list-style-type:none;
	display:inline;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
div#sub-menu-support ul li h1 {
	display:inline;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
div#sub-menu-support span {
	font-size: 30px;
	color: #999999;
	margin-right: 24px;
}
/* This is the text below the section H1 tag */
div#tagline {
	width:476px;
	height:186px;
	padding-left:34px;
	padding-top:36px;
	float:left;
}
div#tagline-careers{
	width:476px;
	height:164px;
	padding-left:34px;
	padding-top:36px;
	float:left;
}
/* This is the text below the section H1 tag next to the gears flash animation */
div#tagline_gears {
	width:420px;
	height:186px;
	padding-left:34px;
	padding-top:36px;
	float:left;
}
/* login page icons */
div#login-flash {
	width: 366px;
	height:159px;
	float: left;
	padding: 4px 0px 0px 76px;
}


/* The scripty text between the top and bottom tabbed area. Classes for sections */

div#quote {
	width: 933px;
	height: 88px;
	font-size: 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float:left;
     text-align:left;
}


/* =============== quote images -- these styles are ALL being replaced with regular tags.  ================= */

div.ie {
	background-image: url(/images/quote-home.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-home {
	background-image: url(/images/quote-market-home.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-paid {
	background-image: url(/images/quote-market-paid.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-seo {
	background-image: url(/images/quote-build-seo.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-sem {
	background-image: url(/images/quote-market-sem.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-email {
	background-image: url(/images/quote-market-email.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-metrics {
	background-image: url(/images/quote-market-metrics.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-market-brand {
	background-image: url(/images/quote-market-brand.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-development {
	background-image: url(/images/quote-build.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-development-tech {
	background-image: url(/images/quote-build-tech.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-development-cms {
	background-image: url(/images/quote-build-cms.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-development-micro {
	background-image: url(/images/quote-build-minisite.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-development-apps {
	background-image: url(/images/quote-build.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-design {
	background-image: url(/images/quote-design-web.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.quote-design {
	background-image: url(/images/quote-design.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-design-vid {
	background-image: url(/images/quote-design-video.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-interface {
	background-image: url(/images/quote-design-interface.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-strategy {
	background-image: url(/images/quote-design-strategy.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.flash {
	background-image: url(/images/quote-design-flash.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-support {
	background-image: url(/images/quote-support.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-support-host {
	background-image: url(/images/quote-support-host.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-support-mgt {
	background-image: url(/images/quote-support-net-mgt.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.customer-support {
	background-image: url(/images/quote-support-customer.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.web-security {
	background-image: url(/images/quote-support-security.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div.portfolio {
	background-image: url(/images/quote-portfolio.gif);
	background-repeat: no-repeat;
	display: block;
	width: 912px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}

/* =============== END quotes ================= */


/* Client screenshot H1 tags container and folio menu*/
div#folio-container {
	width: 380px;
	height: 330px;
	float:left;
	padding: 121px 0pt 0pt 34px;
}
/* This style is for client screenshot links */
div#folio-menu {
	float: left;
	width: 300px;
	height:100px;
	padding: 121px 0pt 0pt 34px;
}
div#folio-menu h1 {
	font-size: 20px;
	color: #1E1E1E;
	text-align: center;
}
/* Client screenshot container*/
div#screenshot {
	width: 480px;
	height: 326px;
	float: left;
}
/* homepage screenshot with arrow on either side */
div#site {
	float: left;
	height: 326px;
	width: 396px;
	margin-top: 20px;
}
/* portfolio pages ARROWS buttons */

div#prev {
	overflow: hidden;
	display: inline;
	float: left;
	font-size: 10px;
	margin-top: 150px;
}
div#prev a {
	background-image: url(/images/prev.gif);
	text-decoration: none;
	display: block;
	text-indent: -999em;
	width: 42px;
	height: 22px;
}
div#prev a:hover {
	background-image: url(/images/prev-over.gif);
	text-decoration: none;
	display: block;
	text-indent: -999em;
}
#next {
	overflow: hidden;
	display: inline;
	float: left;
	font-size: 10px;
	margin-top: 150px;
}
#next a {
	background-image: url(/images/next.gif);
	text-decoration: none;
	display: block;
	text-indent: -999em;
	width: 42px;
	height: 22px;
}
#next a:hover {
	background-image: url(/images/next-over.gif);
	text-decoration: none;
	display: block;
	text-indent: -999em;
}
/* The tab that starts the lower half of the page. 2 styles, one gradient bg, one white bg */
div#tab {
	background-image: url(/images/bg-tab-new.jpg);
	background-repeat: no-repeat;
	width:933px;
	height:52px;
}
div#tab span {
	width: 154px;
	height: 20px;
	margin-left: 80px;
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .03em;
}
div#tab-content {
	background-image: url(/images/bg-tab-content.jpg);
	background-repeat: repeat;
	width:933px;
	color:#999999;
}
div#tab-content .column {
	width:400px;
	float:left;
	padding-left:34px;
	padding-right:12px;
	text-align:left;
}
div#tab-content span 
	{ color: #e97908; font-size: 22px; margin: 0; font-weight: lighter; padding-bottom: 8px; line-height:20pt;}

/* white tab */

div#tab-wht {
	background-image: url(/images/bg-tab-white-new.jpg);
	background-repeat: no-repeat;
	width:933px;
	height:52px;
}
div#tab-wht span {
	width: 154px;
	height: 20px;
	margin-left: 80px;
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .03em;
}
div#tab-content-wht {
	background-image: url(/images/bg-tab-content-white.jpg);
	background-repeat: repeat;
	width:933px;
	color:#1E1E1E;
	clear:both;
}
div#tab-content-wht .column {
	width:400px;
	float:left;
	padding: 20px 12px 20px 34px;
	text-align:left;
}
.form {
	width:800px;
	padding-left:34px;
	text-align:left;
	color: #3d3d3d;
	font-size:11px;
	height:460px;
}
.form h2 { color: #e97908; font-size: 22px; margin: 0; font-weight: lighter; padding-bottom: 2px; padding-top: 4px; line-height:20pt;}
.form h2 a { color: #e97908; text-decoration: none; font-weight: lighter; }
.form h2 a:hover { color: #bebaba; text-decoration: underline;font-weight: lighter;  }

div#tab-content-wht .details {
	width:400px;
	float:left;
	text-align: right;
	padding-left:34px;
	margin-right:34px;
	vertical-align: middle;
}
div#tab-content-wht img { 
	vertical-align: middle;
}
div#tab-content-wht span {
	font-size: 30px;
	color: #999999;
	position: relative;
}
/* This is the bottom of the tabbed area */
div#tab-bttm {
	background-image: url(/images/bg-tab-bttm.jpg);
	background-repeat: no-repeat;
	width: 933px;
	height:17px;
	clear: both;
}
div#tab-bttm-wht {
	background-image: url(/images/bg-tab-bttm-wht.gif);
	background-repeat: no-repeat;
	width:933px;
	height:17px;
	clear: both;
}
/* Footer styles */
div#footer {
	background-image: url(/images/footerbox.jpg);
	background-repeat: no-repeat;
	color: #4c4c4c;
	font-size: 11px;
	text-align: center;
	width: 927px;
	height: 287px;
	margin: 18px 0px 0px 6px;
	padding-bottom: 15px;
}
#footer a {
	color: #4c4c4c;
	text-decoration: none;
	padding-right: 6px;
}
#footer a:hover {
	color: #F5F5F5;
	text-decoration: underline;
	padding-right: 6px;
}
#footer h3 {
	color: #999;
}
#footer {
	list-style-type: none;
	line-height: 15px;
}

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

#footer ul li {
	/*display: inline;*/
}
#footer li {
	padding: 3px 0px 3px 0px;
	list-style-type: none;
}
#footer table {
	margin: 20px 0px 20px 45px;
	text-align: left;
	float: left;
	padding-right: 200px;
}
#footer table td {
	padding: 0px 35px 0px 0px;
}

#footer-band {
	background-image: url();
	background-repeat: no-repeat;
	margin-top: 12px;
	float: left;
	width: 910px;
	line-height: 10px;
}
#footer-band p {
	margin: 0px 0px 0px 45px;
	padding: 25px 0px 8px 0px;
	text-align: left;
	color: #999;
}
/* a Wrapper for bottom area footer items ---*/
#footer-lower {
	width: 910px;
	float: left;
}
/* --end --*/
#footer-questions span {
	color: #f38b00;
}
#footer-questions a {
	color: #999;
	font-size: 14px;
	text-decoration: none;
}
#footer-questions {
	float: right; 
	margin: 18px 45px 0px 0px;
}
/* ------ Social Icons in footer ----*/
ul#social {
	padding: 0px;
	margin:12px 0 0 46px;
	float: left;
}
ul#social li {
	list-style-type: none;
	float: left;
}
ul#social li a {
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	height: 21px;
	background: url(/images/twitterbook.png) no-repeat #000;
	text-indent: -999em;
	overflow: hidden;
	font-size: 0;
}
ul#social li#facebook a {
	width: 84px;
	background-position: 0 0;
	margin: 0 20px 0 0;
	background-repeat:no-repeat;
}
ul#social li#facebook a:hover {
	background-position: 0 -21px;
	padding:0;
}
ul#social li#twitter a {
	width: 70px;
	background-position: -102px 0;
}
ul#social li#twitter a:hover {
	background-position: -102px -21px;
	padding:0;
}
ul#social li#blog a {
	width: 70px;
	background-position: -172px 0;
}
ul#social li#blog a:hover {
	background-position: -172px -21px;
}

/* Some misc classes */
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.red { color: #990000; }
.blue { color: #0066CC; }
.gray { color:#999999; }

.home-news { 
	padding: 0 0 0 42px;
	height: 70px;
	text-align: left;
	color: #666666;
	position: relative;
	z-index: 1000;
}
.home-news img { 
	 border: none;
	 float: left;
	 padding-right: 6px;
}
.home-news p { color: #000000; font-size: 20px; margin: 0; padding: 0px; }
.home-news a { color: #f38b00; text-decoration: none; }
.home-news a:hover { color: #3d3d3d; text-decoration: underline; }

/* LOGIN page -------*/
#login-holder {
	height: 185px;
	width: 890px;
	padding-left: 25px;
	text-align: left;
}

.login-options {
	display: inline;
	list-style-type: none;
}
.login-options li {
	float: left;
	padding-right: 8px;
}
#basecamp a {
	background-image: url(/images/basecamp.gif);
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	width: 84px;
	text-indent: -9999px;
}
#basecamp a:hover {
	background-image: url(/images/basecamp_over.gif);
}
#webmail a {
	background-image: url(/images/webmail.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 84px;
	display: block;
	text-indent: -9999px;
}
#webmail a:hover {
	background-image: url(/images/webmail_over.gif);
}
#administer a {
	background-image: url(/images/administer.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 84px;
	display: block;
	text-indent: -9999px;
}
#administer a:hover {
	background-image: url(/images/administer_over.gif);
}
#gopromote a {
	background-image: url(/images/go-promote.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 84px;
	display: block;
	text-indent: -9999px;
}
#gopromote a:hover {
	background-image: url(/images/go-promote_over.gif);
}




/* Easy Slider */
div.slidertext {
	padding-top:18px;
}
div.slidertext a {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}

div.slidertext a span {
	color: #f38b00;
}
	#slider {
		width: 660px;
		height: 70px;
		float: left;
		position: relative;
		overflow: hidden;
		margin-left:10px;			
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:660px;
		height:70px;
	 
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
/* END */

/* Qwikster */
div#qwikster_banner {
	position:absolute;
	z-index: 1px;
	top: 5px; right: 0px;
	background-image: url(/images/qwikly_forgotten/qwikly_forgotten_banner.png);
	width: 490px; height: 301px;
	background-repeat: no-repeat;
}

.qwikster_left {float:left; width:200px; font-size:12px; color:#A0A0A0;}
.qwikster_right {float:right; width:600px; line-height:22px;}

div#qwikster_contest {background:url(/images/qwikly_forgotten/contest_bkgd.png) no-repeat 0 0; padding:15px 0}
	div#qwikster_contest {color:#F7F7F7;}
	div#qwikster_contest p, div#qwikster_contest span.qwikster_sub {padding:0 30px; display:block;}
	div#qwikster_contest .qwikster_list p {padding-left:0;}

h2.qwiksterh2, h3.qwiksterh3 {color:#fff; font-size:24px; padding:0 30px;}
	h3.qwiksterh3 {font-size:18px;}

p.contest_rules {font-size:12px; padding:0; margin-top:5px;}

.qwikster_list {background:#9E1212; padding:10px 30px; margin:20px 0;}
	.qwikster_list ol {padding:0 0 0 20px; margin:0; }
	.qwikster_list ol li {padding:0; margin:0; padding:5px 0;}

span.qwikster_sub {font-size:12px; color:#fff; font-style:italic;}