/* Main -- CSS by Kris Nielsen, 2010.
----------------------------------------------------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}
body {
color: #808080;
}

.pics {
height: 180px;
width: 260px;
padding: 20px;
overflow: hidden;
float: left;
display: inline;
border: 1px solid #006f92;
margin: 0 5px;
}


/* Type
----------------------------------------------------------------------------------------------------*/

@font-face {
font-family: 'BebasNeueRegular';
src: url('font/BebasNeue-webfont.eot');
src: local('☺'), url('font/BebasNeue-webfont.woff') format('woff'), url('font/BebasNeue-webfont.ttf') format('truetype'), url('font/BebasNeue-webfont.svg#webfontlbtzxpKL') format('svg');
font-weight: normal;
font-style: normal;
}

h1.fontface {
font: 36px 'BebasNeueRegular', Arial, sans-serif;
letter-spacing: 1px;
padding-bottom: 5px;
}

h1.fontface2 {
font: 57px 'BebasNeueRegular', Arial, sans-serif;
letter-spacing: 1px;
color: white;
position: relative;
display: block;
float: left;
top: -4px;
}

h1.fontface3 {
display: none;
}
p.style1 {
font: 18px/27px 'BebasNeueRegular', Arial, sans-serif;
}

p {
font: 12px/18px Helvetica, Arial, sans-serif;
}

li {
font: 12px Helvetica, Arial, sans-serif;
list-style-position: inside;
list-style-type: square;
}

a {
font: 12px/18px Helvetica, Arial, sans-serif;
color: #00b7eb;
text-decoration: none;
}

/* Content
----------------------------------------------------------------------------------------------------*/



#header {
position: relative;
height: 300px;
display: block;
background: url(cache/header.jpg) no-repeat;
}

#headerCS {
position: relative;
height: 402px;
display: block;
background: url(cache/soon.jpg) no-repeat;
}

#gallery {
position: relative;
background-color: #00b7eb;
width: 100%;
height: 325px;
margin-bottom: 20px;
display: block;
}

#galWrap {
width: 940px;
margin: auto;
height: 285px;
padding: 20px 10px;
}

#galArray {
width: 940px;
margin: auto;
height: 300px;
overflow: hidden;
}

#content {
position: relative;
display: block;
height: 325px;
margin-top: 20px;
}

#footer {
position: relative;
display: block;
height: 100px;
text-align: left;
padding-left: 10px;
}


#slideshow1 {
display: inline;
position: relative;
}



/* Button Config
----------------------------------------------------------------------------------------------------*/


#button {
display: block;
width: 192px;
height: 62px;
background: url(cache/button.jpg) no-repeat bottom;
float: right;
position: relative;
bottom: 10px;
left: 10px;
	text-indent: -9999px;
}


#button:hover {
background: url(cache/button.jpg) no-repeat top;
}


/* Gallery Borders
----------------------------------------------------------------------------------------------------*/


.galImage {
border: ;
	/*drop shadow*/
}






/* Containers and so forth
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
margin-left: 0 !important;
}

.omega {
margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12,.grid_12 {
display: inline;
float: left;
position: relative;
margin-left: 10.0px;
margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
width: 60px;
}

.container_12 .grid_2 {
width: 140px;
}

.container_12 .grid_3 {
width: 220px;
}

.container_12 .grid_4 {
width: 300px;
}

.container_12 .grid_5 {
width: 380px;
}

.container_12 .grid_6 {
width: 460px;
}

.container_12 .grid_7 {
width: 540px;
}

.container_12 .grid_8 {
width: 620px;
}

.container_12 .grid_9 {
width: 700px;
}

.container_12 .grid_10 {
width: 780px;
}

.container_12 .grid_11 {
width: 860px;
}

.container_12 .grid_12 {
width: 940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .prefix_1 {
padding-left: 80px;
}

    .container_12 .prefix_2 {
padding-left: 160px;
}

    .container_12 .prefix_3 {
padding-left: 240px;
}

    .container_12 .prefix_4 {
padding-left: 320px;
}

    .container_12 .prefix_5 {
padding-left: 400px;
}

    .container_12 .prefix_6 {
padding-left: 480px;
}

    .container_12 .prefix_7 {
padding-left: 560px;
}

    .container_12 .prefix_8 {
padding-left: 640px;
}

    .container_12 .prefix_9 {
padding-left: 720px;
}

    .container_12 .prefix_10 {
padding-left: 800px;
}

    .container_12 .prefix_11 {
padding-left: 880px;
}

    .container_12 .prefix_12 {
padding-left: 960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {
padding-right: 80px;
}

    .container_12 .suffix_2 {
padding-right: 160px;
}

    .container_12 .suffix_3 {
padding-right: 240px;
}

    .container_12 .suffix_4 {
padding-right: 320px;
}

    .container_12 .suffix_5 {
padding-right: 400px;
}

    .container_12 .suffix_6 {
padding-right: 480px;
}

    .container_12 .suffix_7 {
padding-right: 560px;
}

    .container_12 .suffix_8 {
padding-right: 640px;
}

    .container_12 .suffix_9 {
padding-right: 720px;
}

    .container_12 .suffix_10 {
padding-right: 800px;
}

    .container_12 .suffix_11 {
padding-right: 880px;
}

    .container_12 .suffix_12 {
padding-right: 960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {
left: 80px;
}

    .container_12 .push_2 {
left: 160px;
}

    .container_12 .push_3 {
left: 240px;
}

    .container_12 .push_4 {
left: 320px;
}

    .container_12 .push_5 {
left: 400px;
}

    .container_12 .push_6 {
left: 480px;
}

    .container_12 .push_7 {
left: 560px;
}

    .container_12 .push_8 {
left: 640px;
}

    .container_12 .push_9 {
left: 720px;
}

    .container_12 .push_10 {
left: 800px;
}

    .container_12 .push_11 {
left: 880px;
}

    .container_12 .push_12 {
left: 960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {
right: 80px;
}

    .container_12 .pull_2 {
right: 160px;
}

    .container_12 .pull_3 {
right: 240px;
}

    .container_12 .pull_4 {
right: 320px;
}

    .container_12 .pull_5 {
right: 400px;
}

    .container_12 .pull_6 {
right: 480px;
}

    .container_12 .pull_7 {
right: 560px;
}

    .container_12 .pull_8 {
right: 640px;
}

    .container_12 .pull_9 {
right: 720px;
}

    .container_12 .pull_10 {
right: 800px;
}

    .container_12 .pull_11 {
right: 880px;
}

    .container_12 .pull_12 {
right: 960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}


.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}