@charset "utf-8";

/* ----------------layout-------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style: none; }

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation markes from q */
q:before, q:after
{ content:''; }


/* positioning - center fixed width 1000px */
html {
text-align:center;
background-image:url(../images/bg.jpg);
background-position:top;
background-repeat: repeat-x;}

body {
position: relative;
margin: 0 auto;
text-align: left; }

/*--hide some no style elements--*/
h2 {
text-indent: -9999px; }

div#header {
width: 1000px;
height: 150px;
margin-left: auto ;
margin-right: auto ;
position:relative;}



ul h4 {
font-size: 13pt;
color:#CCC;
font-weight: bold;}


ul#nav_sub li {
display:inline;
padding: 0 10px 0 10px;
}

ul#nav_sub {
float:right;}

#content {
width: 1000px;
padding-top: 30px;
margin-left: auto ;
margin-right: auto ;}

#content_1col {
float: left;
padding: 1em 0;}

#content_main {
float: left;
width: 70%;
padding: 1em 0;}



ul.links {margin: 10px 20px 20px 40px;}
ul.links li { padding:10px; }
ul.links li p { font-weight:bold;}

ol.about {margin: 10px 20px 20px 40px; list-style:decimal;}
ol.about li { padding:10px; }

div.partner {float:left; width:225px; height:225px;}
.partner a {display:block;}


#content_sub {
float:right;
width: 29%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom:15px;}



#join {
float:right;
width: 29%;
margin-top: 10px;
margin-bottom: 10px;
}


#home_box1 {
float: left;
width: 47%;
height: 750px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom:15px;
border:1px solid #268BC2;
background-color: #F2FCFF;}

#home_box2 {
float:right;
width: 47%;
height: 750px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom:15px;
border:1px solid #268BC2;
background-color: #F0FFF0;}

ul.benefits {margin:5px;}
ul.benefits li { padding: 10px 10px 10px 25px;
background-image: url(../images/star.png);
background-repeat: no-repeat;
background-position: 0 .5em; }



#branding, div#nav, div#site_info {
width: 100%;}

#footer {
width: 1000px;
margin-left: auto ;
margin-right: auto ;}

#site_info {
clear: both;
padding-bottom: 100px;
background-color:#333;
color: #fff;
border-top: 20px solid #268BC2;}

ul#samples {
padding-top:15px;}

li#samples {
padding-top:15px;}

ul#contact {
padding-bottom:15px;}

img.photo {
border: 1px solid #333;
float:left;
margin: 10px 10px 10px 0;}

img.links {
float: left;
padding: 20px 10px 30px 75px;}

img.partner {
border:4px solid #268BC2;
margin: 5px 0 15px 0;
}

a.partner {
font-weight: bold;
display:block;
text-transform: uppercase;
}

p.button {text-align:center;}

img.banner {float:left; padding:15px 15px 15px 0;}

/* ----------------color-------------------------- */

html {
background-color: #fff;}

div#content_sub {
background-color: #fff;
border: 1px solid #ccc;
}


/*------------------typography----------------------*/

body {
font: 10pt Geneva, Arial, Helvetica, sans-serif;
color: #333;}

h3, h4, p, blockquote {
clear: both; margin: 0 20px 0 0; }

h3 {
margin-bottom: .15em;
padding-top: 20px;
font: 15pt Geneva, Arial, Helvetica, sans-serif;
color: #268bc2;
font-weight: bold;}

h3.email {padding-top:0;}

h3 span.green {color:#009900;}

h4 {
margin-bottom: .15em;
font: 14pt Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align:center;}

#home_box1 h4 {color:#268BC2;}
#home_box2 h4 {color: #009900;}

h4.content_sub {
margin-bottom: .15em;
font: 14pt Geneva, Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
text-transform: uppercase;}

p {
font-size: 10pt;
padding-bottom: 15px;
}

a {
color:#268BC2;}

ul a {
text-decoration: none;
}

ul#nav li a {
color:#fff;
background-color: #268BC2;
padding: 6px; text-transform: uppercase;}

a#nav_sub {
color: #fff;
text-transform: uppercase;
text-decoration:none;
}

#content_sub h4 {
padding:8px;
margin: 0 15px 15px 15px;
color:#fff;
background-color: #268BC2;
border: 1px solid #330000;
}

#content_sub p {
padding:0 15px 15px 15px; text-align:center;
}


p#site_info {
font-size: 11pt;}

.sub {padding:15px;}

/* -------- Scroller ----------- */

#marqueecontainer{
position: relative;
width: 205px; /*marquee width */
height: 600px; /*marquee height */
background-color: white;
padding: 35px;
overflow: hidden;
}