/* menu styles */
@import "menu.css";
/* form styles */
@import "form.css";

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {font-weight:bold}
em {font-style:italic}
a {text-decoration:none;}
* a {position:relative} /* Gets links displaying over a PNG background */
a img {border:none} /* Gets rid of IE's blue borders */

/*#######################
# our styles begin here #
/*#####################*/

/* layout styles first */
html {background:#CCC;}
body {margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; font-size:62.5%; position:relative; background:#CCC; color:#333; text-align:center;}
#wrap {margin:0px auto 0 auto; padding:0 20px 0 20px; width:800px; background:white;} /* Outer bounding box for all pages */

/* header styles */
#header {position:relative; float:left; margin:0; padding:0; width:800px;}
#logo {float:left; position:relative; margin:0; padding:0; height:158px; width:337px; text-indent:-9999px; background:url('/static/images/logo.jpg') no-repeat top left;}
#logo a {position:absolute; padding:0; top:0px; left:0px; width:337px; height:158px;}
#logo a:link, #logo a:visited, #logo a:active, #logo a:link:hover, #logo a:visited:hover {background-color:transparent;}
#logo a span, #logo span {display:none;}
#toptagline {float:left; width:365px; height:27px; padding:0; margin:60px 0 0 40px; background:url('/static/images/tagline.gif') no-repeat top left; text-indent:-9999px;}

/* the menu */
#tabs5 {position:relative; padding:0; margin:0; font-size:1.6em; background:none;}
#tabs5 ul {padding:0; float:right;}
#tabs5 a {background-position:0% -42px;}
#tabs5 a span {background-position:100% -42px;}
#tabs5 a:hover {background-position:0% 0px;}
#tabs5 a:hover span {background-position:100% 0px;}

/* slideshow */
#slidewrap {position:absolute; top:187px; left:0; background:#d3caaf; width:100%; height:320px;}
#slideshow {position:relative; height:inherit;}
.slide {position:absolute; left:50%; margin-left:-420px; width:840px; height:320px;}

/* the content */
#content {position:relative; font-size:1.6em; line-height:1.6em; text-align:left; margin-top:330px;}
#content #left {position:relative; width:530px; padding-right:10px; float:left; text-align:justify;}
#content #left h1 {margin-bottom:1em;}
#content #right #box {margin-bottom:20px;}
#content #right #box {position:relative; width:230px; margin-left:10px; padding:10px 10px 0 10px; float:left; background:url('/static/images/rounded-blue-bg.gif') top left no-repeat;}

#content #right #box .bottom {position:relative; width:230px; padding:0px 10px 0 10px; float:left; background:url('/static/images/rounded-blue-bg.gif') bottom left no-repeat; height:10px; margin-left:-10px;}
#content #right h2 {font-weight:bold; color:#333; font-size:1.1em;}
#content h3, #content h3 a, #content h3 a:link, #content h3 a:visited, #content h3 a:active, #content h3 a:hover {font-weight:bold; font-size:0.9em; text-decoration:none;}
#content h3 a:hover {text-decoration:underline;}
#content #right p {font-size:0.8em; line-height:1.2em;}

/* secondary pages */
#content h2 {font-weight:bold; margin-bottom:5px; font-size:1.2em;}

/* text styles */
p {margin-bottom:1em;}
a, a:link, a:active, a:hover {color:#CC0000; text-decoration:none; font-weight:normal;}
a:hover {text-decoration:underline;}
blockquote {font-style:normal; font-family:"Times New Roman", Times, serif; margin-bottom:20px;}
.project {text-align:center;}
.testimonial {margin-bottom:30px; border-bottom:0px solid #CCC; text-align:center;}

/* Remove traces of float */
.clearall {clear:both; font-size:2px;}

/* copyright styles */
#copyright {margin:0 auto 0 auto; padding:10px 0px 30px 0px; width:800px; border-top:1px solid #C6C6C6; font-size:0.9em;}
#copyright_left {float:left; width:400px; text-align:left;}
#copyright_right {float:right; width:400px; text-align:right;}
#copyright h5 {margin:0px 0px 0 0; padding:0px 0px 0px 0px; border-bottom:none; color:#666; font-weight:normal;}
#copyright a:link, #copyright a:visited {color:#666; text-decoration:none;}
#copyright a:hover, #copyright a:visited:hover {color:#666;text-decoration:none; border-bottom:1px solid #000000;}

/* error handling */
#error{background-color:#CC0000; color:white; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#error a, #error a:link, #error a:active, #error a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#error a:hover{color:white; text-decoration:underline;}
#warning{background-color:#FFCC00; color:#666; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#warning a, #error a:link, #error a:active, #error a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#warning a:hover{color:white; text-decoration:underline;}
#success{background-color:green; color:white; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#success a, #success a:link, #success a:active, #success a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#success a:hover{color:white; text-decoration:underline;}