/* © arctech designs.com general style sheet */

body{
	background: #6D5F4A url('../images/common/b1.gif');
	font-size: 11px;
	font-family: "Myriad Pro","trebuchet ms", helvetica, sans-serif;
	margin:0;
	margin-bottom:15px;
	padding:0;
	text-align: center;
}

/*img, div, a, input { behavior: url(/css/iepngfix.htc) } fix png*/

.hidden{
	display:none;
}

.invalid{
	font-weight:bold;
	color:red;
}

div#main{
	position:relative;
	margin:0 auto;
	width:900px;
	background:#FFF;
	text-align: left;
}

div#outer{
	margin:0;
}

div#inner{
}



/*   flags   */

h4#flags,h4#flags-bottom {
	text-align:center;
	font-weight:normal;
	font-size:11px;
	margin:10px;
}
h4#flags img, h4#flags-bottom img {
	vertical-align:middle;
}
h4#flags {
	float:left;
}
h4#flags-bottom {
	text-align:right;
	width:auto;
	margin:20px;
	line-height:50px;
}


/* menu principal */
ul#navcontainer, ul#navcontainer-bottom {
	margin:0;
	padding:20px;
	text-align:right;
}
ul#navcontainer li, ul#navcontainer-bottom li{
	display:inline;
	border-left:1px solid #333;
}
ul#navcontainer li.first, ul#navcontainer-bottom li.first{
	border-left:none;
}
ul#navcontainer li a, ul#navcontainer-bottom li a{
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}
ul#navcontainer li a:hover, ul#navcontainer-bottom li a:hover{
	color: #000;
	text-decoration:underline;
}
ul#navcontainer li a.on, #navcontainer li a.on:hover,
ul#navcontainer-bottom li a.on, #navcontainer-bottom li a.on:hover{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div#top{
	position:relative;
	height:332px;
	margin-top:0;
	background: url(../images/en/i_splash_general.jpg) no-repeat bottom right;
}

h1#logo span,h2#slogan span {
	display:none;
}

h1#logo{
	position:absolute;
	top:-17px;
	left:0;
	width:227px;
	height:342px;
	background: url(../images/common/bk_logo_arctechdesigns.png) no-repeat;
	_background-image: url(../images/common/bk_logo_arctechdesigns.gif);
	*top:-4px; /*IE only*/
}
h2#slogan {
	position:absolute;
	width:200px;
	height:200px;
	top:145px;
	left:15px;
	background: url(../images/en/bk_slogan.gif) no-repeat;
	*top:155px;
}


/* MENU with hover */

ul#navmenu {
	padding:0;
	margin:0;
	padding-left:230px;
	background:#FFF url(../images/common/bk_top_menu.gif) repeat-x bottom;
	border-top:1px solid #CCC;
}

ul#navmenu li {
	display: inline;
	list-style: none;
	border-left:1px solid #CCC;
	font-size:14px;
	letter-spacing: 1px;
}
ul#navmenu li.first {
	border:none;
}

ul#navmenu a {
	line-height:40px;
	padding:10px 17px;
	color: #666;
	text-decoration: none;
	white-space:nowrap;
}
ul#navmenu a:hover {
	color:#333;
}


/* end menu */


div#middle{
	position:relative;
	margin-top:1em;
	padding-top:0.2em;
	background: url(../images/common/bk_mid.gif) repeat-x;
}
div#col{
	position:absolute;
	width:225px;
	top:30px;
}

h3#quote{
	display:block;
	width:226px;
	height:245px;
	background: url(../images/en/h3_about.gif);
}
h3#quote span{
	display:none;
}

#content{
	margin-left:250px;
	margin-right:20px;
	min-height:350px;
	_height:350px;
}

#content h1,#content h1 a, #content h2, #content h3, #content strong{
	color:#2E66A5;
	text-decoration:none;
}
#content h1 a:hover{
	text-decoration:underline;
}
#content h1 {
	font-size:2em;
}
#content h1 span{
	font-weight:normal;
	color:#000;
}
#content p{
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:1px;
}

#content div#errormessages{
	border:5px double red;
	padding:1em;
	margin-top:1em;
}
#content div#errormessages li,#content div#errormessages h3{
	margin-top:0;
	color:red;
}

#b_back{
	background:url(../images/common/back-bt.gif) no-repeat center;
	height:30px;
	width:70px;
	text-align:center;
}
#b_back a{
	line-height:30px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}


#footer{
	position:relative;
	background:url(../images/common/bk_footer.gif) repeat-x;
}
ul#navcontainer-bottom {
}

#footer a{
	color:#000;
}
#footer p{
	margin:0 20px;
	line-height:30px;
	color:#666;
	text-align:right;
}
#footer span#login{
	display:none;
	float:left;
}
#footer span#credit{
	line-height:30px;
}


/******* newsletter sign up*/
div#newsletter{
	position:absolute;
	top:39px;
	overflow:hidden;
	width:200px;
	height:40px;

}

div#newsletter div{
	position:absolute;
	bottom:0;
	left:0;
	width:200px;
	height:100px;
	background:#FFF url(../images/common/email_sign-up.jpg) no-repeat center bottom;
}

div#newsletter div p {
	text-align:center;
	line-height:1em;
	margin:15px 0;
	color:white;
}
div#newsletter div p#newsletter_p {
	line-height:2em;
}
div#newsletter div p#newsletter_info {
	position:absolute;
	bottom:0;
	width:200px;
	font-weight:bold;
}
div#newsletter div p a{
	color:white;
	text-decoration:none;
}
div#newsletter input{
	font-size:10px;
	border-width:1px;
}
div#newsletter input.submit{
	background-color:transparent;
	color:white;
}