body { background: #fff; color: #000; font: 0.9em Trebuchet MS, Tahoma, Geneva, sans-serif; margin: 0; padding: 0; text-align: center; }
#header, #content, #footer, #contact-us { margin: 0 auto; text-align: left; width: 980px; }
#skip-nav { display: none; }

/* Top nav */
#header { border:none; height: 62px; margin: 80px auto 5px auto; position: relative; }
#nav { border-bottom:2px solid #adafb2; color: #000; height: 28px; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; width: 980px; }
#nav li, #footer-nav li { float: left; margin: 0; padding: 0; }
#nav a { color: #000; /*color of the main nav*/ display: block; font-weight:bold; height: 24px; margin-left:10px; margin-right:20px; padding: 8px 0 0 0; text-align: left; text-decoration: none; text-transform:uppercase; }
#nav li ul li a {text-transform:capitalize}
#nav ul a:hover, #nav li#nav-index ul a:hover { background: #dadfeb; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #e50279; }
#nav li strong a, #nav li strong a:hover { color: #e50279; margin-top: -8px; padding: 15px 0 0 0; }
/*next bit is the sub nav*/
#nav ul { border-bottom:1px dashed #adafb2; color: #000; display: none; height: 28px; left: 0; list-style: none; margin: 0; padding: 0 0 5px 0; position: absolute; top: 24px; width: 980px; }

#nav ul#selected_subnav { display: block; font-weight:normal; margin-top:0; padding-top:0;  }

#nav ul a, #nav li#nav-index ul a, #nav li ul strong a, #nav li ul strong a:hover, #nav li#nav-index ul strong a, #nav li#nav-index ul strong a:hover { background: transparent; color: #000; font-size: 0.85em; height: 20px; margin: 7px 3px 0 3px; padding: 5px 8px 0 8px; width: auto; }
#nav ul strong, #nav li#nav-index ul strong { display: block; margin: -6px; padding: 6px; }
#nav li#nav-index ul strong a { font-weight: bold; }
#nav ul strong a:hover, #nav li#nav-index ul strong a:hover { background: #dadfeb; color: #000; }
#nav-index { left: 0px; position: absolute; top: -68px; }
#nav li#nav-index a, #nav li#nav-index strong a { background: #fff; color: #000; font-size: 1.3em; font-weight: normal; height: 73px; margin: 0; padding: 0 0 0 18px; width: 125px; }
#nav-index span { background: url(/images/attain-logo.gif); height: 53px; left: 10px; position: absolute; top: 0px; width: 269px; }
#nav-index ul { top: 92px; }
a:hover { color:#e50279 }

/* Banner */
#non-business-banner { position: absolute; right: 10px; top: -75px; }
#non-business-banner, #non-business-banner img { height: 20px; width: 335px; }
#business-banner { position: absolute; right: 10px; top: -123px; }
#business-banner, #business-banner img { height: 99px; width: 301px; }

#contact-us {background-color:#e50279; height:22px; margin-bottom:10px}
#contact-us #down-arrow {float:left; position:relative; top:5px; left:10px}
#contact-us img {border:none}
#contact-us p {color:white; float:left; margin:0; padding:0; position:relative; top:2px; left:15px}
#contact-us a {color:white; text-decoration:none}

/*content drop down*/
#enq-form { background: #eeeff0; color: #adafb2; display: none; margin: 0; padding: 5px 10px 10px 0; position: absolute; left: -25px; top: 20px; width: 490px; }
#enq-form p {color: #000; clear:left; margin:0 0 1px 0; padding: 0 0 1px 0;}
#contact-form p {margin:0 0 5px 0; padding: 0 0 5px 0;}
#contact-form label {display:block; float:left; padding:4px 10px 0 0; width:100px; text-align:right;}
#contact-form input {font-size:11px; width:140px; background-color:#eeeff0; color:#adafb2; border:1px solid #adafb2; padding:2px}
#contact-form textarea {font-size:11px; height:100px; width:200px; background-color:#eeeff0; color:#adafb2; border:1px solid #adafb2; padding:2px}
#contact-form .small-submit {width:110px; margin-left:125px; color:#000}
#contact-form #contact-info {position:absolute; top:58px; left:280px}

/* Bottom nav */
#footer { padding-top: 5px; position: relative; }
#footer-nav { color: #000; left: 0; list-style: none; margin: 0; padding: 0;  }
#footer-nav a { color: #000; display: block; font-size: 0.8em; height: 20px; margin: 0 12px 0 0; padding: 1px 3px 0 3px; text-decoration:none; border-bottom:1px dashed #adafb2 }
#footer-nav ul { color: #fff; left: 0; list-style: none; margin: 0; padding: 0 0 0 0; }
#footer-nav ul a { color: #dadfeb; }
#footer-nav a:hover { background: #dadfeb; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #000; }
#footer-nav ul a:hover { background: #B9C0D2; }
#footer-nav strong { background: url(/images/nav/footer_pointer.gif) no-repeat bottom center; display: block; margin: -7px; padding: 7px; }
#footer-nav ul strong { background: url(/images/nav/footer2_pointer.gif) no-repeat bottom center; margin: -8px; padding: 8px; }

/* Footer links etc */
#footer-logo-links {width:250px; padding-top:10px }
#copyright {color: #999; float: right; font-size: 0.75em; margin: 0; padding: 10px 0 5px 0; text-align:right}
#footer-links {list-style: none; margin: 0; padding:0; }
#footer-links {position:relative; top:35px; left:0}
#footer-links li { font-size: 0.75em; float: left; margin: 0; padding: 2px; }
#footer-links a { color: #000; display: block; padding: 3px; text-decoration: none; }
#footer-links a:hover { background: #dadfeb; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; }
#footer-logo {background: url(/images/logo-sm.gif) top left no-repeat; height: 32px; left: 10px; position: absolute; top: -18px; width: 160px;}
#footer-logo a {font-size:8px; margin:0; padding:0; display:none}

/* Content */
#content { padding: 0px; width: 980px; }

/* News Tweets Blogs */
#news-tweets-blogs {margin-bottom:10px}
#news-tweets-blogs p {margin:0; padding:0}
#news-tweets-blogs b {display:block}
#news-tweets-blogs strong {display:block; color:#e50279; text-decoration:none}

#news {background-color:#eeeff0; background: url('/images/footer-hdrs.gif') top left no-repeat; padding-top:3px; padding-bottom:10px}
#tweet {background-color:#eeeff0; background: url('/images/footer-hdrs-tweet.gif') top left no-repeat; padding-top:3px; padding-bottom:10px}
#blog {background-color:#eeeff0; background: url('/images/footer-hdrs-blog.gif') top left no-repeat; padding-top:3px; padding-bottom:10px}

#news-tweets-blogs .link-active {width:133px; float:left; text-align:center; }
#news-tweets-blogs .link-notactive {width:133px; float:left; text-align:center; }

.link-active a {width:200px; text-decoration:none; text-transform:uppercase; color:#58585a; font-size:12px; font-weight:bold}
.link-notactive a {width:200px; text-decoration:none; text-transform:uppercase; color:#e7e7e8; font-size:12px; font-weight:bold}

#block-1 {width:220px; float:left; margin:10px 0 0 10px}
#block-2 {width:220px; float:left; margin:10px 10px 0 25px}
#block-3 {width:220px; float:left; margin:10px 10px 0 20px}
#block-4 {width:220px; margin:10px 10px 0 750px; height:90px}
#block-1 a, #block-2 a, #block-3 a, #block-4 a {text-decoration:none; color:#e50279}

/*Std Format*/
h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}
p {font-size:11px}

.clr {clear:both; border-bottom:1px #adafb2 dashed; margin-top:10px; margin-bottom:10px; width:980px }

#main_section p {font-size:12px}
#main_section li {background:url('/images/magenta-arrow.gif') top left no-repeat; list-style:none; padding-left:12px; font-size:12px}
#main_section a {border-bottom:1px dashed #adafb2; text-decoration:none; color:black;}
#main_section a:hover {color:#e50279; border-bottom:1px dashed #e50279; }

/*small contact form*/
#small-contact input, #small-newsletter input {font-size:11px; width:200px; background-color:#eeeff0; color:#adafb2; border:1px solid #adafb2; padding:2px}
#small-contact textarea, #small-newsletter textarea {font-size:11px; height:80px; width:200px; background-color:#eeeff0; color:#adafb2; border:1px solid #adafb2; padding:2px}
#small-contact .small-submit, #small-newsletter .small-submit {width:100px; margin-left:105px}

/*pocket form*/
#pocket-guide label {display:block; float:left; padding:4px 10px 0 0; width:100px; text-align:right;}
#pocket-guide input {font-size:11px; width:200px; background-color:#eeeff0; color:#adafb2; border:1px solid #adafb2; padding:2px}
#pocket-guide .checkbox {width:20px}
#pocket-guide .submit {width:200px; margin-left:105px}

/*general*/
#features {width:240px; float:left}
h1, h2, h3, h4 {width:220px; background: url('/images/corner-cutout.gif') bottom right no-repeat; background-color:green; padding:10px; color:white}
#features h1, #features h2, #features h3, #features h4 {margin-top:0}
#features h1 {background-color:#e50279;} /*magenta*/
#features h2 {background-color:#71bf44;} /*green*/
#features h3 {background-color:#00abcd;} /*blue*/
#features h4 {background-color:#f26522;} /*orange*/

#features h1 a {color:#fff; text-decoration:none} /*magenta*/
#features h2 a {color:#fff; text-decoration:none} /*green*/
#features h3 a {color:#fff; text-decoration:none} /*blue*/
#features h4 a {color:#fff; text-decoration:none} /*orange*/

#features img {border:1px solid #adafb2; padding:10px; background-color:#eeeff0}

#billboard {background-color:#e50279; color:#fff; margin-left:280px; width:700px;}
#billboard div {background: url('/images/corner-cutout-big.gif') bottom right no-repeat;}
#billboard div h1 {background:none; font-size:22px; width:600px;}
#billboard div ul {margin:10px 0 0 10px; padding:0 0 0 20px; background: url('/images/bkg_translucent_white_75.png') repeat;
border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; width:350px; padding:10px}
#billboard div li {background:url('/images/corner-cutout.gif') top left no-repeat; font-size:16px; font-weight:bold}
#billboard div li {list-style:none; padding-left:30px; color:black}

#main_section {float:left; width:500px}
#main_section h1 {margin:0; width:485px; padding:0 5px 4px 10px; background-color:#eeeff0; color:#adafb2; font-weight:normal}

#right_col {margin-left:530px}
#right_col #left {width:215px; float:left; }
#right_col #right {width:215px; margin-left:235px}
#right_col #left div, #right_col #right div {background-color:#fff; margin-bottom:20px}
#right_col h2 {margin:0; width:200px; padding:0 5px 4px 10px; background-color:#adafb2; font-weight:normal}
#right_col p a {background:url('/images/magenta-arrow.gif') top left no-repeat; color:#e50279; padding-left:12px; text-decoration:none}
#right_col p .noarrow {background:none; padding-left:0;}
#right_col h3 {margin:0; width:435px; padding:3px 5px 4px 10px; background-color:#f26522; font-weight:normal; }
#right_col img {border:none}

#form-message { border:1px solid #e50279; font-weight:bold; color:#e50279; margin:5px 20px 5px 20px; padding:5px; font-size:14px}
#form-errors { border:1px solid #e50279; width:500px; font-weight:bold; color:#e50279; margin:5px auto 5px auto; padding:0; font-size:14px }
#form-errors h2 { color:#e50279; background:none; background-color:white; padding:0; margin:0;}