@charset "utf-8";


/*global default styles*/
html {height: 100%;}
.hide {display: none;}
.logo {display: block; text-decoration: none; text-indent: -9999px; height: 100px;}
img {border: 0;}
.clearspace {padding: 0; margin: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.clearfloat {clear: both; line-height: 0px; height: 0px; display: block;}
.noborder {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0;}

/*base default font size, type, and line height*/
body {font: 76%/1.4em "Lucida Grande", Arial, Helvetica, sans-serif; background: #fff; color:#000000; height: 100%; padding: 0; margin: 0;}

/*add selectors here for font sizing*/
add selectors here {font-size: 0.8em}
add selectors here {font-size: 0.9em}
p {font-size: 1.0em; color: #fff;}
add selectors here {font-size: 1.1em}
add selectors here {font-size: 1.2em}
add selectors here {font-size: 1.3em}

/*base links*/
a {outline: none;}
a:link {color: #0042FF; text-decoration: none;}
a:visited {color: #750042; text-decoration: none;}
a:hover {color: #00254A; text-decoration: none;}
a:active {color: #FCFF00; text-decoration: none;}

/*Global Style*/

div#wrap {background: url(images/bg.gif) repeat-x #000;}
div#container {margin: 0 auto; text-align: left; width: 701px;}

div#header {position: relative;}
div#logo {background: url(images/logo.gif) no-repeat; height: 59px; width: 339px;}

ul#menu { position: absolute; top: 0px; right: 0px; list-style-type: none; margin-top: 0; width: 371px; text-decoration: none;}
ul#menu li {float: left; padding: 0; margin: 0;}
ul#menu, ul#menu li, ul#menu li a { height: 59px; text-decoration: none;}
ul#menu li a { display: block; text-indent: -9999px; }

ul#menu li.home, ul#menu li.home a { background-image: url(images/b_home.gif); width: 59px; }
ul#menu li.aboutus, ul#menu li.aboutus a { background-image: url(images/b_aboutus.gif); width: 75px; }
ul#menu li.signup, ul#menu li.signup a { background-image: url(images/b_signup.gif); width: 69px; }
ul#menu li.testimonials, ul#menu li.testimonials a { background-image: url(images/b_testimonials.gif); width: 97px; }
ul#menu li.contact, ul#menu li.contact a { background-image: url(images/b_contact.gif); width: 71px; }

ul#menu li.home a:hover { background-image: url(images/b_home_over.gif); width: 59px; }
ul#menu li.aboutus a:hover { background-image: url(images/b_aboutus_over.gif); width: 75px; }
ul#menu li.signup a:hover { background-image: url(images/b_signup_over.gif); width: 69px; }
ul#menu li.testimonials a:hover { background-image: url(images/b_testimonials_over.gif); width: 97px; }
ul#menu li.contact a:hover { background-image: url(images/b_contact_over.gif); width: 71px; }

div#middle {position: relative; height: 634px;}
div#middle h1 {position: absolute; top: 40px; right: 0; width: 371px; height: 42px; background: url(images/t_welcome.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}
div#middle h1.aboutus {position: absolute; top: 40px; right: 0; width: 371px; height: 42px; background: url(images/t_aboutus.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}
div#middle h1.signup {position: absolute; top: 40px; right: 0; width: 371px; height: 42px; background: url(images/t_signup.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}
div#middle h1.testimonials {position: absolute; top: 40px; right: 0; width: 371px; height: 42px; background: url(images/t_testimonials.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}
div#middle h1.contact {position: absolute; top: 40px; right: 0; width: 371px; height: 42px; background: url(images/t_contact.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}

div#text {position: absolute; width: 370px; top: 90px; right: 0;z-index: 1}
div#text p.intro {color: #B9D300; font-weight: bold; font-size: 1.2em; line-height: 1.1em;}

div#slogan {position: absolute; background: url(images/slogan.gif) no-repeat; width: 314px; height: 158px; text-indent: -9999px; padding: 0; margin: 0; top: 100px;}
div#picindex {position: absolute; top: 256px; width: 435px; height: 378px;z-index: 0}
div#t2 {position: absolute; background: url(images/t2.gif) no-repeat; width: 275px; height: 235px; top: 399px; right: 0;}

div#footer {margin: 0 auto; text-align: left; width: 701px; color: #999999; padding-top: 20px;}
#copyrights {color: #999999; padding: 0; margin :0;}
div#footer a {color: #999;}
div#footer a:hover {color: #B9D300;}
ul#footermenu ul,ul#footermenu li{padding: 0 0.5em; margin: 0; list-style-type: none; display: inline; border-right: solid 1px #CCCCCC;}
ul#footermenu li.last {border-right-width: 0px;}
ul#footermenu li.first {padding-left: 0;}