@charset "utf-8";

html {
	background-color: #CBEDF6;
}

body{
	text-align: center;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	

}

#content {
	text-align: center;
	background-color: white;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	margin: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	position: absolute;
	top: 0px;
	left:50%;
	margin-left:-512px;
	
}

#header {
	width: 1024px;
	padding: 30px 0px;
	margin-left: 120px;
	overflow: hidden;
}

ul, li {
    margin: 0;
    padding: 0;
}

#blob {
    background: #fbed66;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #fbf8ee, #ded4ba);
    background: -webkit-gradient(linear, left top, left bottom, from(#fbf8ee), to(#ded4ba));
    -moz-border-radius: 6px;
    -webkit-border-radius: 8px;
}

#nav {
    position: relative;
    background: #b2e0e9;
    float: left;
}

#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #fbf8ee;
    border-left: 1px solid #fbf8ee;
}

#nav li a {
    color: white;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
	text-align: left;
    padding: 15px 25px;
    width: 100%;

}
			
 /* image replacement */
 img{border:none;}
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */			

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:1024px;
		height:289px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn { 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:220px;
		z-index:1000;
		}	
	#nextBtn{ 
		left:1024px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}
	
/* // Easy Slider */



/* Gallery */

	
/* These hieghts and widths should be edited to your images */	
ul#pikame{
	display:bock;
	padding-left: 5px;
	width: 680px;
	margin:0 auto;
	overflow: hidden;
	height: 100px;}
.pika_main{
	width: 680px;
	padding-right: 20px;
	padding-left: 20px;
	margin: 30px;
	}
#pikame li{
	margin: 5px;
	float: left;
	border: none;
	overflow: hidden;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer; overflow: hidden;}
.pika_main img{border:3px solid #DDD2B3;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow: hidden;list-style:none; }
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{margin-top: 5px;width:100%;height:50px;text-align:center;}
.pika_navigation a{font-size: 12px;color: #957f5b;text-decoration: none; cursor:pointer; padding-top: 0px; position: relative;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top: 0px;clear:both; margin-right: 30px; float: right; margin-top: -30px;}
/* ////Gallery//*/


#currentmain {
	background-color: #FFFFFF;
	width: 1024px;
	min-height: 501px;
		-moz-border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 28px 28px;
	background-color: #FFFBEE;
}

#currentmain img, #main img {
	display:block;
	float: left;
	border:none;
}

#currentmain p, #main p {
	padding: 15px 15px 15px 432px;
	min-height: 200px;
	line-height: 2em;
	width: 550px;
	text-align: left;
}
#currentmain p { height: 400px;}
#currentmain h2 {
	line-height: 1em;
	padding-top: 15px;
}

#gallerydrawing, #galleryweb, #gallerygraphic {
	width: 1024px;
	padding: 20px 0px;
	margin-top: -10px;	
}

#gallerydrawing{background-color: #EFF5D2; min-height: 670px;}
#gallerygraphic{background-color: #FAE3EA;}
#galleryweb{background-color: #BEDDCB;}
#videocontent{background-color: #CCC; padding: 20px; min-height: 720px;}
#about, #contact{
	background-repeat: no-repeat;
	background-color: #CBEDF6;
	text-align: left;
	height: 469px;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 400px;
}
#about{background-image: url(images/about.png);}
#contact{background-image: url(images/contact.png);}

#main{
	background-color: white;
	-moz-border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 28px 28px;
	margin: 0px;
	min-height: 260px;
}
.video {
	width: 500px;
	text-align: left;
	padding-left: 20px;
	float: left;
	position: absolute;
	top: 200px;
	}
.videodis{
	width: 400px;
	margin-left: 500px;
	position: absolute;
	top: 200px;
	text-align: left;
}
#videocontent a{text-decoration: none;}

#mainbg{
	background-color: #CBEDF6;
	margin: 0px;
	padding-bottom: 10px;
}

#footer {
	display: block;
	background-color: #CBEDF6;
	padding: 10px;
	line-height: 1em;
}

a {
	color: #736357;
}