* {
margin: 0px;
padding: 0px;
}

body {
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

*html .clearfix {
zoom: 1;
}

#container {
font-size:1.2em;
position:relative;
margin: 0px 0px;
padding:0;
width:100%;
background:transparent;
z-index:0;
}

#wrapper {
width:100%;
position:relative;
margin: 0px 0px;
}

#content {
width:100%;
margin-bottom:100px;
}

#header1 {
position:absolute;
top:0px;
left:0px;
margin: 0px 0px;
background:black;
width:100%;
height:200px;
}

#logo img {
margin:0;
padding:0;
float:left;
border:none;
border-bottom:0px solid white;
padding-bottom:0px;
}

#logo {
position:absolute;
width:278px;
height:80px;
top:30px;
left:30px;
}

#logo h1 {
position:relative;
top:0px;
left:3px;
color:#54ABD1;
margin:0;
padding:0;
font-size: 1.4em;
letter-spacing:.2px;
font-weight:normal;
}

#header2 {
width:100%;
height:89px;
position:absolute;
top:170px;
margin: 0px 0px;
}

#col1 {
position:absolute;
top:250px;
left:0px;
width:350px;
height:450px;
}

#col1a {
width:275px;
position:relative;
text-align:right;
top:400px;
left:60px;
}

div#tabs {
position:absolute;
width:60%;
left:350px;
top:270px;
min-height:375px;
height:auto !important;
height:375px;
}

div#tabs p {
padding-bottom:10px;
}

div#tabs h1 {
color:#383838;
margin:10px 0px;
font-size: 1.8em;
letter-spacing:.2px;
font-weight:normal;

}

.gallery {
padding-right:20px;
}

a.gallery img {
border:2px solid black;
}

div.photo {
float:right;
}

div.photo img {
border: 1px solid #333333;
background: #6D858F;
padding:3px;
margin-left:5px;
margin-bottom:5px;
}

p.credit {
text-align:right;
font-size: .7em;
color: #939191;

}

#footer {
margin:0px;
background: black;
background-position:bottom;
width:100%;
height:75px;
border:1px solid red;
}

#footer p {
text-align:center;
margin: 5px 0px 0px 20px;
font-size:1.6em;
color:white;
}

#footer a {
}

#footer a:hover {
text-decoration:underline;
}

/*----------IMAGE GALLERY---------*/

/* These hieghts and widths should be edited to your images */	

div#photos {
margin:10px 0px 5px 5px;
float:right;
text-align:left;
/*background:#E7DDBD url(/dev/assets/images/photos_bg.gif) repeat-x;*/
background:#E7DDBD;
border-top: 1px solid #BDA660;
border-right: 2px solid #958249;
border-bottom: 3px solid #A79869;
border-left: 1px solid #BDA660;
}

ul#pikame{
    position:absolute;
    top:40px;
	padding-left:5px;
	width:400px;
	margin:0 auto;
}
.pika_main{
	width:400px;
	position:relative;
	padding-right:0px;
	margin:0 auto;
}
#pikame li{
	margin:5px;
    float:left;
    position:relative;
    left:0px;
	border: solid #756430;
    border-width: 1px 2px 2px 1px;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{text-align:center;position: relative;margin:0px auto 0px auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{font-size:14px;color:white;padding:3px;position:absolute;top:10px;right:30px;z-index:1;background:#3E0000;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:390px;font-size:1.4em;text-align:center;margin:5px;}
.pika_navigation a{font-size:1.4em;font-weight:bold;color:black;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;cursor:pointer;}
.pika_navigation{position:relative;left:0px;width:375px;padding-top:10px;clear:both;text-align:center;}


div.clear {
clear:both;
height:1%;
}