/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */



body {
	text-align:center;
	color:#2C333F
}
a {
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	text-decoration: none;
	color:#C1E20D;
}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	border: 1px solid #000000;
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header {
	color:#FFFFFF;
}
#header a {
	color:#FFFFFF;
	line-height:30px;
	font-size:11px;
}
#header .fl {margin-left:20px}
#header h1 {font-size:70px; position:absolute; right:130px; top:30px}
#q,#submit {border:#899A7B 1px solid; background:#4C5446;  }
side_i h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fceba9;
}

#header .fr {margin-right: 20px;line-height:30px;}
.iphone { position:absolute; left:0px; top:37px}
/* content  */
#content {
	background-color: #666666;
}
.side {
	width:190px;
	float: left;
	background-color: #666666;
}
#navgen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-image: url(images/nav2.gif);
	background-repeat: repeat-x;
	height: 29px;
	width: 800px;
	text-align: right;
	text-decoration: none;
}
#navgen a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	margin-right: 20px;
	text-decoration: none;
}


.main {
	width:570px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #e8d388;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
}
#bases {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	height: 29px;
	width: 780px;
	background-image: url(images/nav.gif);
	line-height: 30px;
	padding-left: 20px;
}

.main_i  {
	margin-top:0px;
	margin-left: 0px;
	background-color: #e8d388;
}
.side_i {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.main ul#nav {
	width:445px;
	height:21px;
	float:right;
	background-image: url(images/nav.gif);
}
.main ul#nav li{
	float:left;
	width:89px;
	text-align:center;
	line-height:26px;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
}
#gallery {
	width: 570px;
	padding-top: 20px;
}
#gallery a {
	margin: 8px;
	color: #333333;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
}
.main h2 {
	height:33px;
	width:527px;
	text-align:right;
	color:#fc8535;
	font-weight:700;
	font-size:18px;
	padding:5px 20px 0 0
}
.main ul#nav a { color:#fff}

.main ul#nav a:hover {
	color:#C1E20D;
	text-decoration:none;
	font-weight:700
}
.main p {
	width:520px;
	margin:20px 25px
}
#col div {width:226px; padding:20px 15px 0 25px}
#col h3{
	line-height:inherit;
	font-size:14px;
	color: #e8d388;
	font-weight: bold;
	text-align: center;
}
.side_i {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
.side_i li {
	list-style:inside disc;
	padding:0 10px;
	line-height:1.98em;
}
.side_i h2 {
	font-weight:700;
	color: #CF2123;
}
/* footer */
#footer { background:url(images/ft.jpg); height:220px; position:relative}
#ftinner {
	font-size:11px;
	position:absolute;
	bottom:2px;
	left:220px
}
#lang {
	line-height: 10px;
	float: left;
	padding-left: 15px;
	text-decoration: underline;
}