html, body {
margin : 0;
text-align : center;
font : normal 14px Arial, Helvetica, sans-serif;
color : #4b4b4b;
background : #abdcff url(images/bg2.jpg) repeat-x;
}
#wrapperBackground {
background : url(images/main_bg2.jpg) no-repeat center top;
}
#wrapper {
margin : 0 auto;
padding : 0;
width : 959px;
text-align : left;
margin : 0 auto;
}
#header {
width : 959px;
height : 100px;
}
#header .logo {
float : left;
margin-left : 22px;
margin-top : 15px;
width : 364px;
height : 71px;
}
.topnav {
float : right;
width : 540px;
margin-top : 1em;
}
.topnav ul {
display : inline;
list-style-type : none;
padding : 0;
margin : 0;
}
h2 {
font-size : 16px;
}
.topnav li {
float : left;
width : auto;
margin-left : 0.5em;
padding : 5px;
text-transform : uppercase;
color : #fff;
}
.topnav li a {
color : #c2e6ff;
padding : 5px;
text-decoration : none;
font-weight : bold;
font-style : normal;
}
.topnav li a:hover {
background : #fff;
color : #000;
}
#main {
margin : 0;
padding : 0;
height : 200px;
clear : both;
}
#main .toplinks {
font-size : 12px;
line-height : 18px;
float : right;
margin-top : 48px;
width : 470px;
color : #fff;
}
.toplinks ul {
padding : 0;
margin : 0 0 0 20px;
}
.toplinks li {
padding : 0;
margin : 0;
list-style : none;
margin-left : 0;
padding-left : 25px;
background : url(images/ticktop.png) no-repeat top left;
}
.toplinks .links {
float : left;
width : 220px;
margin-right : 10px;
}
.promo-box {
margin-left : 1.2em;
margin-bottom : 1.2em;
background : url(images/promo.jpg) no-repeat;
width : 924px;
height : 180px;
}
.promo-box h2 {
color : #fff;
margin : 0;
margin-bottom : 0.5em;
font-size : 18px;
font-weight : bold;
padding : 0;
}
.promo-box h2 a {
color : #fff;
text-decoration : none;
}
.promo-box h2 a:hover {
color : #000;
}
.promo-box p {
color : #fff;
line-height : 20px;
margin : 0;
}
.promo-content {
float : left;
width : 600px;
margin : 2.5em 0 0 2.5em;
display : inline;
}
.getstarted {
float : left;
margin-top : 8.5em;
margin-left : 25px;
width : auto;
}
#box-wrapper {
clear : both;
padding : 0 1em;
margin : 0;
background-color : #fff;
}
#content {
float : right;
width : 615px;
}
#sidebar {
float : left;
width : 300px;
}
#sidebar p {
font-size : 13px;
}
.headername {
background : url(images/side_nav_header.gif) no-repeat;
height : 50px;
}
.contentHeader .name {
float : left;
width : auto;
}
.contentHeader .comments {
float : right;
width : 300px;
text-align : right;
padding-right : 1em;
font-style : italic;
font-size : 14px;
}
.contentHeader .comments p {
margin : 0;
padding : 0;
}
.comments a {
color : #fff;
font-weight : bold;
text-decoration : underline;
}
.comments a:hover {
text-decoration : none;
}
.contentHeader {
background : url(images/content_header_bg_blue.gif) repeat;
background-color : #2fa2f3;
padding : 0.8em 0 0.8em 1em;
color : #fff;
border : 1px solid #2684c6;
margin-bottom : 0.5em;
}
.contentHeader h2 {
margin : 0;
font-family : Helvetica, Arial, sans-serif;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
}
.contentHeader h2 a {
text-decoration : none;
color : #fff;
font-style : normal;
}
.contentHeader h2 a:hover {
color : #000;
}
.clear {
clear : both;
}
.sidebox {
background : url(images/side_header_bg.gif) repeat-x;
}
.sidebox .imge {
float : left;
padding-right : 10px;
}
.sidebox .content h2 {
margin : 0;
padding : 0;
font-weight : bold;
margin-bottom : 0.5em;
}
.list-tick ul {
display : block;
list-style : none;
margin-left : 0;
padding-left : 0;
margin-bottom : 1em;
}
.list-tick li {
list-style : none;
line-height : 30px;
margin-left : 1em;
padding-left : 25px;
background : url(images/tick.gif) no-repeat 0 0%;
}
.speech {
padding : 1em;
background : #cfebff url(images/blockquote.gif) no-repeat bottom right;
border : 1px solid #a4ceec;
width : 520px;
margin-left : 2em;
color : #184d72;
margin-bottom : 1em;
}
.sidebox h2 {
margin : 0;
padding : 0;
}
.sidebox .header {
padding : 0.8em 0 0.8em 1em;
text-transform : uppercase;
color : #fff;
margin-bottom : 0.5em;
background : #000 url(images/side_nav_header_black.gif) repeat-x;
}
.sidebox .header-nav {
text-transform : uppercase;
padding : 0.8em 0 0.8em 1em;
color : #fff;
margin : 0;
background : #000 url(images/side_nav_header_black.gif) repeat-x;
}
.sidenav {
background-color : white;
border-bottom-width : 0;
width : 300px;
margin-bottom : 1em;
}
* html .sidenav {
width : 290px;
}
.sidenav ul {
padding : 0;
margin : 0;
list-style-type : none;
}
.sidenav a {
padding : 0.6em 0 0.6em 0.8em;
display : block;
width : 100%;
color : #595959;
text-decoration : none;
border-bottom : 1px solid #c0c0c0;
font-weight : normal;
background-color : #eef8ff;
font-style : normal;
}
.sidenav a:visited {
color : #595959;
}
html > body .sidenav a {
width : auto;
}
.sidenav a:hover {
background-color : #fff;
color : black;
}
.sidebox .header h2 {
margin : 0;
font-family : Helvetica, Arial, sans-serif;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
}
.sidebox .content {
padding : 0.5em 1em 1em 1em;
margin-bottom : 1em;
}
.post p, .sidebox p {
line-height : 22px;
padding-bottom : 1em;
margin : 0;
}
.post img {
margin-bottom : 0;
border : 1px solid #737373;
}
.post img:hover {
border : 1px solid #000;
}
.post h3 {
color : #0297ff;
font-size : 18px;
font-weight : bold;
margin : 0;
padding-bottom : 1em;
}
.post {
padding : 5px;
margin-bottom : 2em;
border-bottom : 1px solid #ccc;
}
.post-bottom {
padding : 5px;
border : 1px solid #94d3ff;
background : #cfebff;
}
.post-bottom p {
margin : 0;
padding : 0;
}
a {
color : #000;
text-decoration : underline;
font-style : italic;
font-weight : bold;
}
a:hover {
color : #666666;
}
#footerWrapper {
background : #000;
padding : 1em;
color : #fff;
text-align : center;
}
#footer {
text-align : left;
margin : 0 auto;
width : 960px;
background : url(images/wp.gif) no-repeat 750px 30px;
}
#footer .list {
float : left;
text-align : left;
padding-right : 18px;
margin-left : 18px;
list-style-type : none;
}
#footer .list h3 {
font-weight : 700;
padding-bottom : 0.3em;
color : #85cdff;
margin : 10px 0;
border-bottom : 1px dashed #000;
}
.list ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#footer .list li a {
color : #fff;
display : block;
width : 14em;
line-height : 1.7em;
margin-bottom : 1px;
font-style : normal;
font-weight : normal;
font-size : 14px;
text-decoration : none;
background : #1a1a1a;
padding : 0.4em 0 0.4em 0.8em;
}
.clearleft {
clear : left;
height : 50px;
}
#footer .list li a:hover {
color : #fff;
background : url(images/tab_blue.gif) repeat;
background : url(images/tab_green.gif) repeat;
}
.footer-menu {
text-align : center;
}
.copyright {
float : right;
margin : 0;
padding : 0;
}
.copyright p {
padding : 5px;
margin : 0;
}
.copyright a {
color : #85cdff;
}
.footer-menu ul {
display : inline;
list-style-type : none;
padding : 0;
margin : 0;
}
.footer-menu li {
float : left;
width : auto;
margin-left : 0.5em;
padding : 5px;
text-transform : uppercase;
color : #fff;
}
.footer-menu li a {
color : #85cdff;
padding : 5px;
text-decoration : none;
font-weight : bold;
}
.footer-menu li a:hover {
background : #fff;
color : #000;
}
#clearfix {
content : ".";
display : block;
height : 150px;
clear : both;
visibility : hidden;
}
#clearfix {
display : inline-block;
}
* html #clearfix {
height : 1%;
}
#clearfix {
display : block;
}