/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'DINPro-LightRegular';
	src: url('http://danielgebhart.com/webfonts/DINPro-Light.eot');
	src: local('DINPro-Light'), local('DINPro-Light'), url('http://danielgebhart.com/webfonts/DINPro-Light.woff') format('woff'), url('http://danielgebhart.com/webfonts/DINPro-Light.ttf') format('truetype');
} 


@font-face {
	font-family: 'FuturaLtBTLight';
	src: url('http://danielgebhart.com/webfonts/futura_light_bt-webfont.eot');
	src: local('☺'), url('http://danielgebhart.com/webfonts/futura_light_bt-webfont.woff') format('woff'), url('http://danielgebhart.com/webfonts/futura_light_bt-webfont.ttf') format('truetype'), url('http://danielgebhart.com/webfonts/futura_light_bt-webfont.svg#webfont8VVBDpGd') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	padding-top: 50px;
	font-size: 12px;
	word-spacing:1px; 
	line-height:1.5;
	font-family: "DINPro-LightRegular", "DIN", "DIN FF", "Helvetica Neue", sans-serif, Arial, Verdana; 
	color: #444;
	background-color: #f7f7f7;
	text-align: center; /* for IE */
}


hr {
	text-align: center;
	border: 0;
	border-top: 1px solid #c0c0c0; 
	margin: 10px 0 14px 0;
	padding:0;
	height: 1px;
	width:450px;
}

.fixed_menu {
color: #666;
font-style: normal;
font-size: 10pt;
font-weight: lighter;
position: fixed; /*set the position type for non IE systems*/
top: 10px; /*set the top of the menu to be ~15 lines down the screen. You need to specify the location in some way, I'm putting it in the top right.*/
right: 1em; /*set the right hand edge of the menu to be slightly in from the edge*/
width: auto; /*the menu is as wide as it needs to be for the text we put in it*/
text-align: right; /*optional : align the text to the right hand edge (I think this looks better since the menu is on the right)*/
margin: 1px; /*optional : I just find a small margin makes things look a bit better*/
}

.fixed_menu a:link { color:#666;}
.fixed_menu a:active { color:#333;}
.fixed_menu a:visited { color:#666;}
.fixed_menu a:hover { color:#333;}

* html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/




#wrapper {
	width: 802px;
	text-align: center;
	margin-left:auto; 
	margin-right:auto;
	background-color: #f7f7f7;
}



body.section-1 { }
body.section-2 { }
body.section-3 { }

a:focus {
-moz-outline-style: none;
}

a:link { text-decoration: none; color: #444; outline: none;}
a:active { text-decoration: none; color: #C00; outline: none;}
a:visited { text-decoration: none; color: #444; outline: none;}
a:hover { text-decoration: none; color: #000; outline: none;}

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

a img { border: none; }




.pics { height:465px; width:802px; }
.photo { height:475px; width: 802px; }


#menu {
	height:130px;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
#menu .container p {
	padding-bottom:3px; 
}

#menu .container p a {
	color: #333;
}

#menu .container li {
	color: #333;
	font-weight:400;
	font-size:13.5px;
	font-style: normal;
	font-weight: lighter;
}
#menu .container li a {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
	

#menu .container li a:hover {
	background-color: #ffffcc;
	color: #666;
}

#menu .container li.active a {
	background-color: #ffffcc;
	color: #666;
}

#menu ul li.section-title {
	color:#333;
}
	
#menu ul {
	margin: 0; 
	padding: 0; 
	cursor: default; 
	list-style-type: none;
	display:inline; 
}
#menu ul {
	display: inline;
	width: 100%;
	table-layout: fixed;
}
#menu ul>li{
	display: inline;
	position: relative;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}





#img-container { text-align:center; width: 802px; }
#img-container p img { text-align:center; }
#container { text-align:center; width: 802px; }

p {
    margin: 0 0 0 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; font-family: "FuturaLtBTLight"; }
h4 { font-size: 12px; }

h1.headline  {
	font-family: "FuturaLtBTLight", "DIN", "DIN FF", "Helvetica Neue", sans-serif, Arial, Verdana;
	font-size:2.4em;
	color: #333;
	font-weight: normal;
	text-transform:uppercase;
	text-align: center;
	line-height:45px;
	height:45px;
	margin-bottom:-0.9em;
	position:relative;
	float:none;
	display:block;
}

h3.headline {
	font-family: "FuturaLtBTLight", "DIN", "DIN FF", "Helvetica Neue", sans-serif, Arial, Verdana; 
	font-size:1.3em;
	color: #444;
	font-weight:lighter;
	text-align: center;
	float:none;
	display:block;
	position:relative;
}


.cell3 {
	vertical-align: top;
	text-align: left;
	width:33%;
	float:left;
}
.cell2 {
	vertical-align: top;
	text-align: left;
	width:33%;
	float:left;
}
.cell1 {
	vertical-align: top;
	text-align: left;
	width:33%;
	float:left;
}


.acell2 {
	vertical-align: top;
	text-align: left;
	width:70%;
	float:left;
}
.acell1 {
	vertical-align: top;
	text-align: left;
	width:30%;
	float:left;
}


.dopplr-badge {
	width:240px !important;
	border: none !important;
	background-color: #f7f7f7 !important;
	font-family: "DINPro-LightRegular", "DIN", "DIN FF", "Helvetica Neue", sans-serif, Arial, Verdana !important;
}


.nav {
	font-family: "Helvetica Neue", Helvetica, Arial;
	color: #333;
	font-size:11px;
	font-style: normal;
	}
	
.nav a#prev {
	font-weight: bold;
	
}

.nav a#next {
	font-weight: bold;
}	

.once { clear: left; }