* {margin: 0; padding: 0; font-size: 12px;}
img {border: none;}
a {text-decoration: none; outline: none; color: #185873;}
li {list-style-type: none;}
html {background: #FFF url(../img/bg5.png) repeat-x top left; color: #231F20;}
body {font: 12px Arial, Helvetica, sans-serif; background: url(../img/bg3.gif) repeat-x top left;}

.container {margin: 0 auto 1em auto; width: 980px; position: relative;}
.container h3 {font-size: 20px; margin-bottom: 1em;}

#header .container {padding-top: 1.5em;}

#header h1 {background: url(../img/header6.png) no-repeat top left;}
#header h1 a {display: block; text-indent: -9000px; outline: none; width: 269px; height: 60px;}

#header ul {position: absolute; top: 0; right: 0; width: 370px; height: 30px; background: url(../img/nav3.gif) no-repeat top left; text-align: center; overflow: hidden;}
#header ul li {}
#header ul li a {color: #FFF; font-size: 14px; font-weight: bold; padding: 0 .5em; display: block; float: left; text-align: center; color: #FFF; line-height: 25px;}

/* Index */
#intro {margin-top: 1.5em; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #B3CDD3 url(../img/intro.gif) no-repeat top left;}
#intro #blurb {margin-right: 530px; padding: 1em;}
#intro #blurb h2 {margin-bottom: .5em; font-size: 24px; font-weight: bold; color: #175874;}
#intro #blurb p {font-size: 15px; margin-top: 1em;}
#intro #blurb h4 {margin-bottom: 1em; font-size: 18px; font-weight: bold;}
#intro #blurb #calltoaction {margin-top: 2em;}
#intro #blurb #calltoaction a {display: block; width: 220px; height: 40px; text-indent: -9000px; background: url(../img/action.png) no-repeat top left;}

#presentation {float: right; padding: 1em;}
#presentation #slideshow {width: 500px; height: 375px; position: relative; overflow: hidden;}
#presentation #slideshow #viewport {position: absolute; top: 0; width: 500px; height: 375px;}
#presentation #slideshow #viewport #slides {width: 30000px; height: 375px;}
#presentation #slideshow #viewport #slides .slide {float: left; width: 500px; height: 375px; position: relative;}
#presentation #slideshow #viewport #slides .slide .image {display: block; width: 500px; height: 375px; text-indent: -9000px;}
#presentation #slideshow #viewport #slides .slide .title {position: absolute; right: 10px; bottom: 10px; padding: .5em; width: 300px; background: #EFF0E8; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#presentation #slideshow #viewport #slides .slide .title h3 {font-weight: bold; font-size: 18px; margin: 0;}
#presentation #slideshow #viewport #slides .slide .title p {}
#presentation #slideshow #viewport #slides .slide .title p.about {margin-top: 1em;}
#presentation #controls {}
#presentation #controls ul {overflow: auto; width: 120px; margin: 5px auto 0 auto; *margin: 0;}
#presentation #controls ul li {float: left; padding: 0 5px;}
#presentation #controls a {text-indent: -9000px; display: block; width: 30px; height: 30px; background: #FFF;}
#presentation #controls a.prev {background: url(../img/prev.png) no-repeat top left;}
#presentation #controls a.item {background: url(../img/item.png) no-repeat top left;}
#presentation #controls a.pause {background: url(../img/pause.png) no-repeat top left;}
#presentation #controls a.next {background: url(../img/next.png) no-repeat top left;}

#presentation.item_1 #controls #item_1, #presentation.item_2 #controls #item_2, #presentation.item_3 #controls #item_3, #presentation.item_4 #controls #item_4, #presentation.item_5 #controls #item_5, #presentation.item_6 #controls #item_6 {background-image: url(../img/item_on.png);}

/* Services */
#services {overflow: hidden;}
#services div {float: right; background: #EFF0E8; padding: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#services div h4 {margin-bottom: .5em; font-size: 14px;}
#services div ul li {font-size: 11px;}
#services #categories_list {margin-bottom: 1.5em;}

#services h3 {width: 180px; height: 65px; background: url(../img/services.png) no-repeat top left; text-indent: -9000px;}
#services img {margin-top: 1em;}

/* About */
#about {overflow: hidden;}
#about h3 {width: 180px; height: 70px; background: url(../img/about.png) no-repeat top left; text-indent: -9000px;}
#about div {float: right; background: #EFF0E8; padding: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 2em;}
#about p {margin-bottom: 1em; font-size: 13px;}

/* #footer */
#footer {margin-top: 5em; background: #E1DFC1; border-top: 2px solid #c9c7ac; 30em; padding-top: 1em;}
#footer .container {margin-bottom: 0;}
#footer .container h3 {width: 180px; height: 62px; background: url(../img/contact.png) no-repeat top left; text-indent: -9000px;}
#footer .container #info {overflow: hidden;}
#footer .container #info div {float: left; width: 40%;}
#footer .container #info div h4 {font-size: 15px;}
#footer .container #info #cedia {text-align: right;}
#footer .container #info #office {width: 20%;}
#footer .container #info div #directory {margin-top: .8em; overflow: hidden;}
#footer .container #info div #directory a {float: left; display: block; padding-left: 20px; background: url(../img/folder.png) no-repeat center left;}
#footer .container #info div p, #footer .container #info div ul li {font-size: 14px;}
#footer .container #info div ul li strong {font-size: 15px;}
#footer #copy {text-align: center; padding-top: 2em;}
#footer #designed {text-align: center; padding: 1em 0; font-size: 90%;}
#footer #designed a {font-size: 90%;}