@charset "UTF-8";

/* CSS Document */
/*Mariessa Waddington- Amanda Krausz 2009*/


/* EDITOR START */
hr{
border-top:1px solid #acc1ac;
border-bottom:1px solid #fffffa;
border-left:1px solid #fffffa;
border-right:1px solid #fffffa;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:1.8em;
line-height:1.3em;
color:#acc1ac;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #acc1ac;}

h2{
font-size:1.4em;
color:#2b2c2c;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.3em;
color:#acc1ac;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.2em;
color:#2b2c2c;
margin-top:5px;
margin-bottom:5px}

a{
color:#acc1ac;
text-decoration:none}

a:hover{
color:#acc1ac;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.green{
color:#acc1ac}

body{
font-size:0.8em;
font-weight:200;
line-height:1.8em;
color:#2b2c2c;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(assets/bg.jpg) repeat-x top fixed}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */

#wrapper{
width:100%;
height:1000%;
padding:0;
margin:0;
float:left;
background:none}

#main_container{
width:1020px;
height:1000%;
padding:0;
margin:0 auto}

/* --------- Masthead ---------*/

#masthead{
width:1018px;
height:472px;
margin:18px 0 0 0;
float:left;
background:url(assets/header.png) no-repeat;
padding:0}

.masthead_bg{
width:1018px;
height:472px;_height:441px;
margin:0 0 0 18px;_margin:0;
background:url(assets/header_bg.png) no-repeat;
padding:0}

.logo{
float:left;
width:233px;
height:100%;
margin:0;
padding:30px 0 0 28px}

/* --------- Mainarea ---------*/

#mainarea{
width:1018px;
height:100%;
float:left;
margin:0;
padding:0;
background:url(assets/mainarea_bg.png) repeat-y}

#gallery_wrapper{
width:992px;
height:100%;
float:left;
margin:0;
padding:0 0 0 28px;
background:url(assets/bg_main_area.png) repeat-y}

#gallery{
width:963px;
height:566px;
float:left;
margin-bottom:8px;
padding:0}

#textarea_bg{
width:954px;
float:left;
padding:0;
margin:13px 0 0 31px;_margin:10px 0 0 17px;
height:100%;
background:url(assets/textarea_bg.png) repeat-y}

.textarea{
width:605px;
float:left;
padding:0;
margin:30px 0 0 40px;_margin:30px 0 0 20px;
height:100%}

.B_crumbBox{
float:left;
display:block;
width:100%;
height:40px;
font-size:0.85em}

.B_lastCrumb{
color:#acc1ac;
font-weight:600}

.LCOS_box{
margin:0 0 30px 0;
padding:0 0 12px 0;
float:left;
width:100%;
border-bottom:1px solid #acc1ac}

.LCOS_box ul{
margin:0;
padding:0;
width:600px}

.LCOS_box li{
display:inline;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #acc1ac;
white-space:nowrap}

/* --------- Top Nav ---------*/

.navigation_top {
width:250px;
float:left;
text-align:left;
margin:0;
padding:30px 0 0 0}

.navigation_top ul {
margin:0;
padding:0;
float:left;
width:230px}	

.navigation_top li{
list-style:none;
margin:0;
color:#2b2c2c;
border-bottom:1px solid;
padding:0 5px 5px 20px}

.navigation_top a {
text-decoration:none;
color:#2b2c2c;
margin:0;
padding:0}

.navigation_top a:hover {
text-decoration:underline;
color:#2b2c2c;
margin:0;
padding:0}

.navigation_top .active a {
color:#2b2c2c;
text-decoration:none;
font-weight:bold}

.navigation_top .active a:hover{
text-decoration:none;
color:#2b2c2c;
font-weight:bold}

/* --------- Slideshow ---------*/

#slideshow{
width:678px;
height:446px;
float:left;
padding:18px 0 0 18px;
margin:0}

.slideshow_area{
width:678px;
height:446px}

/* --------- right Column ---------*/

.random{
width:169px;
float:left;
height:213px;
padding:0;
background:url(assets/random.jpg);
margin:34px 0 0 96px}

#testimonials {
float:left;
width:169px;
height:100%;
padding:24px 0 0 96px}

.readmore {
float:left;
width:69px;
height:60px;
padding:-20 0 0 0}

/* --------- Footer --------- */

#footer{
width:1018px;
height:63px;
padding:0;
margin:0;
float:left;
background:url(assets/footer.png) no-repeat top left}

.footer_text{
width:780px;
height:20px;
text-decoration:none;
text-align:left;
font-size:9px;
padding:36px 0 0 220px;
color:#2b2c2c}

.footer_text a{
text-decoration:none;
color:#2b2c2c}

.footer_text a:hover{
text-decoration:underline;
color:#2b2c2c}