@charset "utf-8";

/*
--------------------
Fonts
--------------------
*/

@font-face {
    font-family: 'calluna';
    src: url('/assets/calluna/CallunaSansRegular-webfont.eot');
    src: url('/assets/calluna/CallunaSansRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/calluna/CallunaSansRegular-webfont.woff') format('woff'),
         url('/assets/calluna/CallunaSansRegular-webfont.ttf') format('truetype'),
         url('/assets/calluna/CallunaSansRegular-webfont.svg#CallunaSansReg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
--------------------
General CSS
--------------------
*/

/*---Reset Stylesheet---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
a, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

	
/*---HTML5 Definitions---*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ 
	display:block;
}
	

/*---General CSS---*/
html{
	/*min-width:1200px;*/
	
}
body, html{
	font:13px/20px 		Verdana, courier, sans-serif;
	color:#69696C;
	background:#777;/*url(/images/screws.jpg) no-repeat;*/
	height:100%;
	overflow-y:scroll;
	}	

h1, h2, h3, .large{
	font:bold 18px/20px Proxima, Arial, Helvetica, sans-serif;
	color:#338BBD;
	margin:0px 0px 10px 0px;
	}
	h2, h3{ 
	font:16px/20px 		"calluna", courier, sans-serif;
	margin:30px 0px 10px 0px;
	}
	.top{
	margin-top:0px;
	}
	.tinline{
	margin-top:30px;
	}

p{
	margin-bottom:10px;
	}

a, a:active{
	color:#69696C;
	text-decoration:underline;
	}
	a:hover, a.selected{
	color:#338BBD;
	}
	a img{
	border:0;
	}
	
.fancy{
	font:16px/20px 		Georgia, "Times New Roman", Times, serif;
	}

/*Box buttons*/

a.button{
	clear:both;
	display:inline;
	float:left;
	padding:2px 5px;
	background:#DDD;
	}
	a.button:hover{
	color:#FFF;
	background:#338BBD;
	}
	
/*Image buttons*/

a.button{
	font:13px/20px 		Verdana, courier, sans-serif;
	color:#ACD0DF;
	padding-left:20px;
	background:url(/images/icons/cv_off.gif) left no-repeat;
	}
	a.button:hover{
	color:#338BBD;
	background:url(/images/icons/cv_on.gif) left no-repeat;
	}

em{
	color:#ACD0DF;
	font:16px/20px 		Georgia, "Times New Roman", Times, serif;
	}
	em a{
	color:#ACD0DF;
	}
	em a:hover{
	color:#338BBD;
	}
	strong{
	color:#338BBD;
	font:13px/20px 		Verdana, courier, sans-serif;
	}
	.error{
	color:#777;
	}

.clear, .clear_left{
	clear:both;
	font-size:0px;
	line-height:0px!important;
	height:0px!important;
	margin:0px!important;
	padding:0px!important;
	}
	.clear_left{
	clear:left;
	}
	
ul, ol{
	margin-left:15px;
	}
	li{
	margin-bottom:10px;
	}	
	
table{
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	margin-bottom:10px;
	}
	td, th{
	padding:0px 0px 5px 0px;
	text-align:left;
	}
	
	input, select{ vertical-align:middle; }
	

.sup{
	vertical-align:super;	
}

/*
--------------------
Layout
--------------------
*/
	
/*---Header---*/
	
.header, header{
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}

	.logo{
	padding:50px 15px 0 10px;
	display:inline;
	float:left;
	}


/*---Main menu---*/

/* Horizontal main menu */

.main_menu{
	display:inline;
	float:left;
	height:130px;
	border-left:solid 1px #AAABB0;
}
	
.main_menu ul{
	margin:0 0 0 20px;
}
.main_menu li{
	list-style:none;
	display:inline;
	float:left;
	position:relative;
	font:bold 18px/20px Proxima, Arial, Helvetica, sans-serif;
	/*background:#0C0;*/
}
.main_menu li a{
	display:block;
	font:bold 18px/20px Proxima, Arial, Helvetica, sans-serif;
	color:#ACD0DF;
	text-decoration:none;
	margin-top:95px;
	margin-right:20px;
	
}
.main_menu li a:hover, .main_menu li a.selected{
	color:#338BBD;
}
ul.sub_menu{
	position:absolute;
	bottom:22px;
	margin-left:0;	
}
.sub_menu li{
	float:none;
	display:block;
	margin:0;
}
.sub_menu li a{
	margin-top:0;
	margin-right:0;
	font:13px/20px 		Verdana, courier, sans-serif;
}



/*
--------------------
Pages
--------------------
*/


.site_content{
	position:absolute;
	/*height:100%;*/
	width:262px;
	width:380px;
	left:0px;
	background:	#FFF;
	padding:0;
	margin:0;
	min-height:100%;
	/*overflow:scroll;*/
}
.text_box{
	/*display:inline;
	float:right;*/
	/*margin:210px 0 230px;*/
	margin:130px 0 230px;
	padding: 20px;
	border-top: solid 1px #AAABB0;
	border-bottom: solid 1px #AAABB0;

}
/*.ie .site_content{
	position:absolute;
	height:100%;
}
.ie .text_box_holder{
	position:absolute;
	top:50%;
}
.ie .text_box{
	position:relative;
	top:-50%;
}*/

.back_image{
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	/*margin-right:200px*/
}
.back_image img{
	position:absolute;
	min-height:100%;
	min-width:100%;
	bottom:0;
}
.ie6 .back_image img{
	height:100%;
	width:100%;
}

.wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	/*min-height: 840px;*/
	/*min-height:100%;*/
	min-width: 1024px;;
	/*overflow: scroll;*/
}

.footer{
	position:fixed;
	bottom:0;
	right:0;	
	color:#FFF;
	margin:20px 20px 10px 20px;
	text-shadow:0 0 10px #000;
}

.footer a{
	color:white;	
}