@import url(reset.css);

body {
background:url(../images/global/grain_tile.jpg) repeat top center;
font-family:Arial, sans-serif;
behavior:url("../scripts/csshover2.htc");
}

#background {
background:url(../images/global/grain_fade.jpg) repeat-y 50% 0;
}
#wrapper {
background:url(../images/global/page_bg.jpg) #fff repeat-y;
margin:0 auto;
width:800px;
overflow:auto;
}

/* Header Styles */

#header .logo {
display:block;
padding-top:91px;
height:0;
overflow:hidden;
background:url(../images/global/logo.jpg);
}

#header ul {
height:31px;
overflow:auto;
background:url(../images/global/nav_ianpic.jpg) no-repeat top right;
}

#header li {
float:left;
}

#header li a {
height:0;
padding-top:31px;
overflow:hidden;
background-repeat:no-repeat;
display:block;
}

.home {
width:65px;
background:url(../images/global/home.jpg);
}
.about {
width:95px;
background:url(../images/global/about.jpg);
}
.platform {
width:84px;
background:url(../images/global/platform.jpg);
}
.endorsements {
width:128px;
background:url(../images/global/endorsements.jpg);
}
.video {
width:66px;
background:url(../images/global/video.jpg);
}
.feedback {
width:92px;
background:url(../images/global/feedback.jpg);
}
.home:hover, .about:hover, .platform:hover, .endorsements:hover, .video:hover, .feedback:hover {
background-position:0 -31px;
}

/* sidebar styles */

#rightcol {
width:233px;
float:right;
border-left:1px solid #7a7a7a;

margin-bottom:20px;
}

#rightcol div {
padding:8px 12px;
width:209px;
background:url(../images/global/sidebar_bg.jpg);
border-top:1px solid #f8f8f8;
border-bottom:1px solid #aaaaaa;
}

#rightcol h2 {
margin-bottom:10px;
color:#236bb3;
font-weight:bold;
font-size:18px;
border-bottom:1px solid #236bb3;
}

#rightcol img {
display:block;
margin-bottom:15px;
}

#rightcol li {
font-size:13px;
padding-bottom:4px;
}

/* Main Content Styles */

#leftcol {
width:530px;
margin:15px 15px;
}

#leftcol h1 {
font-size:20px;
margin-bottom:10px;
color:#236bb3;
font-weight:bold;
}

#leftcol h2 {
font-size:18px;
margin:20px 0 5px 0;
color:#393939;
font-weight:bold;
}

#leftcol h3 {
font-size:15px;
margin:10px 0 5px 0;
color:#393939;
font-weight:bold;
}

#leftcol p{
margin-bottom:18px;
font-size:13px;
line-height:18px;
}

#leftcol ul {
font-size:13px;
}

#leftcol li {
margin-bottom:7px;
}

#leftcol ul span {
font-size:12px;
color:#3E3E3E;
}

#leftcol a, #rightcol a {
font-size:13px;

color:#236bb3;
}

#leftcol a:hover, #rightcol a:hover {
text-decoration:none;
}

/* Footer Styles */

#footer {
height:50px;
background:url(../images/global/footer_dropshadow.png) repeat-x;
behavior: url(scripts/iepngfix.htc);
}

#footer_shadow {
background:url(../images/global/footer_shadow.jpg) no-repeat 50% 0;
height:37px;
}

#footer_background {
padding-top:10px;
text-align:center;
background:url(../images/global/footer_bg.jpg) repeat-x;
width:800px;
height:27px;
margin:0 auto;
color:#fff;
font-size:12px;
}


/* Form Styles */
#leftcol form {
border:1px solid #AFAFAF;
padding:10px;	
}

#leftcol input {
background:#fff !important;
padding:2px;
border:1px solid #7D7D7D;
width:180px;
font-size:13px;
}

#leftcol textarea {
padding:2px;
border:1px solid #7D7D7D;
width:400px;
height:100px;
font-size:13px;	
display:block;
}

#leftcol label {
display:block;
font-size:13px;
margin:10px 0 3px 0;
}

#leftcol form span {
display:none;
font-size:12px;
color:#A9000B;
}

#leftcol form a {
margin-top:10px;
padding:0;
border:none;
padding-top:21px;
width:67px;
height:0;
overflow:hidden;
display:block;
background:url(../images/global/submit.gif);
}

#leftcol form a:hover {
background-position:0 -21px;
}
