@charset "utf-8";

* {margin: 0; padding:0;}

a {color: #417378;}

h1 {
	margin: 20px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 20px;
	text-transform: uppercase;
}


h2 {
	margin: 20px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 18px;
	text-transform: uppercase;
}

h3 {
	margin: 20px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 16px;
	text-transform: uppercase;
}

h4 {
	margin: 10px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 14px;
	text-transform: uppercase;
}

h5 {
	margin: 10px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 12px;
	text-transform: uppercase;
}

h6 {
	margin: 10px 0;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 12px;
	text-transform: uppercase;
}



body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    background: url(../images/main-bg.jpg) repeat fixed 0 0 rgba(0, 0, 0, 0);
	color: #341B0F;
    
}

#wrap {
}

#header {
	padding: 20px 0;
}

#header #logo{
	color: #fff;
    font-size: 40px;
    font-variant: small-caps;
	font-weight:200;
    letter-spacing: 0.3em;
    line-height: 1;
    text-align: center;
	
}
#header #logo a{
	text-decoration:none;
	color: #fff;
}


#header #logoimg{
	text-align:center;
}

#header #logoimg img{
	max-width:100%;
}

#header #langselect{
	text-align:center;
}

#header #langselect a{
	text-decoration:underline;
	color: #fff;
	padding:0 0 0 8px;
}

#order{
	font-size: 18px;
    font-style: italic;
    text-align: right;
	padding-top: 10px;
}

#order a{
	color:#fff;
}

code {
	background-color: white;
	font-family: Lucida Console, monospace, serif;
}

#container_left {
	margin-bottom: 30px;
	background:url(../images/container_left_bg.gif);
	box-shadow:5px 5px 10px #000;
	
}
#container_left_inner {
	padding: 5px 20px 10px 30px;
	background: url("../images/bg.png") repeat-y scroll -4px top rgba(0, 0, 0, 0);
	min-height: 600px;
}

#container_right {
	margin-bottom: 30px;
	background:url(../images/container_right_bg.png) no-repeat;
}

#container_right_inner {
	padding: 15px 0px 15px 15px;
}

#container_right_inner h2 {
    font-size: 16px;
    margin: 20px 0 8px;
    text-transform: uppercase;}
	
#container_right_inner p{
	margin:0 0 5px;
}

#pen{
	bottom: 120px;
    left: 680px;
    position: absolute;
}

/* Footer */

#footer {
	border-top: 1px dotted #6c6e58;
    clear: both;
    color: #fff;
    font-size: 12px;
    padding: 20px 0 0;
    text-align: center;
    text-transform: capitalize;
}
#footer a{
	color: #fff;
}

/* Navigation*/
#navcontainer {
	background-color: #341b0f;
	margin-bottom:25px;
}

#navcontainer ul {
	list-style-type: none;
	color: #FFF;
	text-align: center;
	margin-bottom: 0;
}

/*#navcontainer li { display: inline; }*/

#navcontainer li a{
text-decoration: none;
color: #FFF;
line-height: 30px;
padding: 8px 32px;
display: inline-block;
}

#navcontainer li a:hover{
	text-decoration: underline;

}



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#header h1,#header #logo{letter-spacing:0.2em;}
		#pen{display:none;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {#header h1,#header #logo{letter-spacing:0.2em;}
	
	
	#navcontainer ul{min-width: 565px;}
		#order{padding-left: 0 !important;width: auto;}
		#header #langselect{width:auto;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#header h1,#header #logo{letter-spacing:0.1em;}
		#header #langselect{text-align:center;padding-top:20px;}
		.sf-menu > li{float:none !important;}
		#order {padding: 15px 0;text-align: center;}
		
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {#header h1,#header #logo{letter-spacing:0.1em;}}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {#header h1,#header #logo{letter-spacing:0.1em;}}