body {
background: #ffcc00 url(../images/bg_top_shadow.jpg) repeat-x left top;
color: #666;
font-family: Arial,Verdana,sans-serif;
font-size: 62.5%;
font-weight: normal;
margin: 0;
}

#wrapper {
background: url(../images/bg.jpg) no-repeat center top;
margin: 0 auto;
width: 940px;
}

#page_content div.last, #page_content li.last { margin-right: 0; }
.hidden_content { text-indent: -99999px; }

/*************
Header, P, HR & Small
*************/
h2, h3, h4 { letter-spacing: -1px; font-weight: normal; line-height: 1; margin-top: 0; }
h1 { color: #000; font-size: 2.6em; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; }
h2 { color: #000; font-size: 2.2em; font-weight: bold; margin-bottom: 15px; }
h3 { color: #000; font-size: 1.6em; font-weight: bold; margin-bottom:0.1em; }
p { font-size: 1.4em; line-height: 1.65; margin: 0 0 1.5em; }
p.note { font-size: 1.2em; font-style: italic; }
hr { border-top: 1px solid #ffcc00; border-bottom: none; border-right: none; border-left: none; clear: both; margin: 0 0 25px 0; }
hr.hidden { border: none; clear: both; margin: 10px 0; visibility:hidden; }


/*************
Logo & Main Navigation
*************/
#logo {
float: left;
margin-top: 59px;
text-indent: -9999px;
}

#main_nav {
clear: both;
margin: 0 0 0 220px;
overflow: hidden;
width: 720px;
}

#main_nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_nav ul li {
float: left;
margin-right: 5px;
padding: 0;
}

#main_nav ul li.nav_home a { background: #fe0034; }
#main_nav ul li.nav_about a { background: #f50065; }
#main_nav ul li.nav_services a { background: #f26b00; }
#main_nav ul li.nav_features a { background: #6e8f00; }
#main_nav ul li.nav_contact a { background: #006b87; }


#main_nav ul li a:link, #main_nav ul li a:visited {
color: #fff;
display: block;
font-size: 1.4em;
padding: 10px 15px;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#main_nav ul li a:hover {
color: #ffcc00;
}

#main_nav ul li a.active {
background: #fff3c5;
color: #000;
}



/*************
Page Content
*************/
#page_content {
background: #fff3c5;
clear: both;
overflow: hidden;
padding: 30px 50px 60px;
width: 840px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#page_content .entry {
margin: 0;
overflow: hidden;
}

#page_content .entry img {
margin: 0 0 15px 0;
}

#page_content .entry_img {
float: left;
margin-right: 15px;
}

#page_content .entry_info {
float: left;
width: 375px;

}

#page_content .entry ul {
margin-left: 15px;
padding-left: 0;
}

#page_content .entry ul li, #page_content .entry ol li {
font-size: 1.4em;
line-height: 1.64;
}


/*** tick icon list item ***/
#page_content .entry ul.tick_icon {
margin-left: 25px;
}

#page_content .entry ul.tick_icon li {
list-style-image:url(../images/tick_icon.png);
margin-bottom: 10px;
}


/*** billboard ***/
#page_content.with_billboard {
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
}

#billboard {
background: url(../images/index_billboard.jpg) no-repeat left top;
height: 240px;
overflow: hidden;
}

#billboard h2 {
text-indent: -9999px;
}

#billboard a:link, #billboard a:visited  {
cursor: pointer;
display: block;
height: 35px;
margin: 148px 0 0 458px;
text-indent: -99999px;
width: 280px;
}


/*************
A Link
*************/
p a:link, p a:visited {
color: #3399cc;
text-decoration: none;
}

p a:hover {
color: #000;
text-decoration: underline;
}



/*************
Span-3-2, Span-3-1
*************/
div.span-3-1 {
float: left;
margin: 0 30px 0 0;
width: 260px;
}

div.span-3-1 .item {
background: #ffcc00 url(../images/sidebar_bg.jpg) no-repeat center top;
margin: 0 0 15px 0;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.span-3-2 {
float: left;
margin: 0 30px 0 0;
width: 550px;
}

div.span-3-2 a img, div.span-3-1 a img {
border: 0;
margin: 5px 0;
}


/*************
Facebook Connect
*************/
.facebook_connect {
padding: 20px 15px;
}

a.facebook_ext_link:link, a.facebook_ext_link:visited {
display: block;
margin: 5px 0 0;
text-decoration: none;
}

a.facebook_ext_link:hover {
color: #000;
text-decoration: underline;
}


/*************
Footer
*************/
#footer {
background: url(../images/footer_ladybird.png) no-repeat left top;
margin: -60px 0 0;
padding: 80px 0 0;
text-align: center;
}

#footer p {
color: #000;
font-size: 1em;
font-weight: bold;
}