﻿html { 
	-webkit-font-smoothing: antialiased;
	height:100%; 
}
	
body {
	margin:0 auto;
   background: url('../images/bg.gif');
   background-repeat: repeat-y;
	background-position:center;
   min-height: 100%;
} 

#structure {
	width:1046px;	
	margin:0 auto;
	padding-top:60px;
}

@media only screen and (max-device-width: 1024px) {
	body {
		background-image:none;
		margin-left:-63px;
	}
	#structure {
		width:90%;
	}
}   

#header {
	font-family:'Open Sans', sans-serif;
	width:1008px;
	padding:60px auto;
	text-align:right;
	font-size:110%; 
}
  
#indexlogo {
	width:264px;
	height:99px;
	margin-left:50px;
	display:block;
	float:left;
	text-decoration:none;
}

#homelogo {
	width:264px;
	height:99px;
	margin-top:8px;
	margin-left:50px;
	display:block;
	float:left;
	text-decoration:none;
}

#indexlogo a, #homelogo a {
	width:264px;
	height:99px;
	display:block;
	text-decoration:none;
}

#indexlogo:hover, #homelogo:hover {
	text-decoration:none;
} 

#header #indexlogo a:hover, #header #homelogo a:hover {
	text-decoration:none;
}

#header #indexlogo a span, #header #homelogo a span {
    visibility:hidden;
}

#language {
	font-size:80%;
	margin-right:25px;
	padding-top:15px;
} 
    
#language li { 
   padding-left:5px;
	list-style-type:none;
	display:inline;
}
      
#language ul li:first-child:before {
	content:none; 
}

#language ul li:before {
	padding-right:5px; 
	content:"-";
	color:#CCC;
}
  
#homemenu {
	margin-right:-35px;
	margin-top:21px;
}

#menu {
	margin-top:3px;
	margin-right:35px;
	float:right;
	position:relative;
}  

#menu ul li:first-child:before {
	content:none; 
}

#menu ul li:before {
	padding-left:4px; 
	content:"▪";
	color:#53534a;
}

#menu .separator {
	padding-left:14px;
	color:#53534a;
}
     
#menu a { text-decoration:none;margin-left:10px;}
#menu a:link { border-bottom:none; }
#menu a:visited { text-decoration:none; }
#menu a:active { text-decoration:none; }
#menu a:hover { text-decoration:none; }

#language .active, #submenu .active { color:#CCCCCC;text-decoration:none; }
   
#menublock {
	margin-top:23px;
	margin-left:18px;
	padding-bottom:50px; 	
}

#bannercontainer {
	width:1008px;
	height:229px;
	display:none; 
	margin-left:18px;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}    

#container {
	width:1008px;
	margin:0px auto;
	z-index:1;
}   

#welcome {
	display:none;
	width:1008px;
	height:451px;
	margin:0px auto;
	text-decoration:none;
}

#welcome a {
	display:block;
	text-decoration:none;
}

#welcome h1 {
	width:350px;
	margin-bottom:0;
	font-size:230%;
	font-weight:normal;
	padding-top:120px;
	text-align:center;
	color:#5C5C5F;
}               

/* 2 Cols */

#twocols {
   position:relative;
   width:100%;
	padding-top:30px;
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	text-align:justify;  
}

.col-left { 
   position:relative;
   overflow:hidden;
	float:left;
	width:440px;
	padding:5px;
	margin-left:39px;
}

.col-right {
   position:relative;
   overflow:hidden;
	float:left;
	width:440px;
	padding:5px;
	margin-left:20px;
	margin-right:10px;
}
     
/* 3 Cols */

#threecols {
   position:relative;
   width:100%;
	padding-top:30px;
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	text-align:justify;   
}

.col-1 {
	float:left;
	width:280px;
	padding:5px;
	margin-left:40px;
}

.col-2 {
	float:left;
	width:280px;
	padding:5px;
	margin-left:25px;
}

.col-3 {
	float:left;
	width:280px;
	padding:5px;
	margin-left:25px; 
	margin-right:10px; 
}

.col-1-contact {
	float:left;
	width:340px;
	padding:5px;
	margin-left:38px;
}

.col-2-contact {
	float:left;
	width:340px;
	padding:5px;
	margin-right:18px;
}

.col-3-contact {
	float:left;
	width:170px;
	padding:5px;
	margin-left:30px;
}   

.col-2-contact table {
	margin:0;
} 

.col-2-contact td {
	border:0;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

.col-2-contact td input {
	border:0;
	width:58px; 
	font-size:80%;
}
  
.col-2-contact td label {
	border:0;
	margin-left:-12px;  
	width:58px;
	font-size:80%;
	text-align:center;
}

input, textarea {
	font-size:120%; 
	padding:9px;
	border:solid 1px #E5E5E5;
	outline:0;
	width:280px;
	background:#999999;
	background:-webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background:-moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius:4px;
	border-radius:4px;
}

textarea {
	width:300px;
	height:58px;
	line-height:150%;
	resize:none
}

label {
	float:left;
	text-align:right;
	margin-right:5px;
	font-size:100%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color:#C9C9C9; 
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.submit input, p .submit {
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	color:#716F72;
	font-size:100%;
	border:solid 1px #E5E5E5;
	margin-top:17px;
	outline:0;
	width:320px;
	background:#FFF;
	box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.submit input:hover, p .review:hover {
	color:#000;
	background:#CCC;
}

.error {
	color:red;
}

#footer {
	clear:both;
	font-family:'Open Sans', sans-serif;
	margin:30px auto;
	text-align:center;
	color:#BBBBBB;
}

#footer a { color:#B9BABB;text-decoration:none; }
#footer a:link { color:#B9BABB;border-bottom:none; }
#footer a:visited { color:#B9BABB;text-decoration:none; }
#footer a:active { color:#B9BABB;text-decoration:none; }
#footer a:hover { color:#000;text-decoration:none; }

p {
	font:normal 1em 'Open Sans', sans-serif;
	margin:0 0 18px 0;
}

a { color:#716F72;text-decoration:none;}
a:link { color:#716F72;border-bottom:none; }
a:visited { color:#716F72;text-decoration:none; }
a:active { color:#000000;text-decoration:none; }
a:hover { color:#000000;text-decoration:none; }

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor:pointer; }

@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
	 
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}