html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select
{margin:0;padding:0;border:0;outline:0;font:normal 14px Tahoma, Geneva, sans-serif;color:#FFF;vertical-align:top;background:transparent;outline:none;line-height: 18px;}
b {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span, p { text-decoration:none; vertical-align:baseline; color:#FFF;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}
span {vertical-align:baseline;}
img {vertical-align:top;}
html, body {width:100%;height:100%;}

/* ————— template layout ————— */
body {background: #242424 url(../images/bg.jpg) center top fixed;}
#top-content {width: 978px; height: 147px; margin: 0 auto; position: relative;}
#header {width: 978px; height: 147px; position: relative; padding: 0;}
#logo a {float:left; display: block; width: 357px; height: 147px; margin: 0; background:url(../images/logo-arch.png) no-repeat;}
#wrapper-main {width: 978px; margin: 0 auto; position: relative; background: url(../images/bg-main.png); overflow:auto;}
#wrapper-banner {width: 978px; height: 362px; margin: 0 auto 15px auto; position: relative; overflow:auto;}

/* ————— topmenu ————— */
div#topmenu { float:right; margin: 0;}
div#topmenu ul { float: left; height: 116px; padding: 0;}
div#topmenu ul li { width: 98px; height: 116px; float:left; margin: 0; margin-left:1px; text-align:center;}
div#topmenu ul li a { color: #FFFFFF; float: left; font-size: 17px; font-weight:normal; padding: 85px 0 13px; text-align: center; text-decoration: none; text-transform: lowercase; width: 98px;}
div#topmenu ul li:hover a { background-color:#FFF; text-decoration: none; color:#000}
div#topmenu ul li.active { background-color:#FFF; color:#000;}
div#topmenu ul li.active span{ display:block; color:#000; font-size: 17px; font-weight:normal; padding: 85px 0 13px; text-align: center; text-decoration: none; text-transform: lowercase;}
div#topmenu ul li:hover a { background-color:#FFF; text-decoration: none; color:#000}
div#topmenu ul li.button1 { background-color:#471045;}
div#topmenu ul li.button2 { background-color:#BD2056;}
div#topmenu ul li.button3 { background-color:#FF7000;}
div#topmenu ul li.button4 { background-color:#0088FF;}
div#topmenu ul li.button5 { background-color:#72B200;}
#topmenu a.b1 {background:url(../images/bg-menu1.jpg) repeat 0 0;}
#topmenu a.b2 {background:url(../images/bg-menu2.jpg) repeat 0 0;}
#topmenu a.b3 {background:url(../images/bg-menu3.jpg) repeat 0 0;}
#topmenu a.b4 {background:url(../images/bg-menu4.jpg) repeat 0 0;}
#topmenu a.b5 {background:url(../images/bg-menu5.jpg) repeat 0 0;}

/* ————— center column ————— */
#center_column {float: left; width:460px; padding:21px 0 21px 21px; margin: 0;}
#center_column p {padding:10px 0; line-height: 25px !important;}
#center_column ul li {padding:10px 0; line-height: 25px !important;}
#center_column_gallery {float: left; width:957px; padding:21px 0 21px 21px; margin: 0;}
#center_column_gallery #item {
    border: 0px solid #252525;
    float: left;
    margin: 0 46px 30px 0;
    padding: 0;
}
#center_column_gallery #item.last {
    border: 0px solid #252525;
    float: left;
    margin: 0 0px 30px 0;
    padding: 0;
}
#center_column_contact {float: left; width:957px; padding:21px 0 21px 21px; margin: 0;}
#center_column_contact h2 { margin: 50px 0 10px 0;}

#wrapper-main p {padding:10px 0; line-height: 20px;}
#wrapper-main em {font-style:italic; color:#FFF;}
#wrapper-main small {font-size:12px;}
#wrapper-main a {text-decoration:underline;color: #149AD7}
#wrapper-main a:hover {text-decoration:none;}
#wrapper-main ul { margin-bottom: 10px;}
#wrapper-main ul li { margin-left: 20px; padding-left: 15px;line-height: 20px; list-style-type:square;}
#wrapper-main h1 {padding: 0 0 20px 0;margin: 0; font:28px/32px Tahoma, Geneva, sans-serif;color:#FFF; position: relative;}
#wrapper-main h1 strong {font:bold 28px/32px Tahoma, Geneva, sans-serif;color: #FFF;}
#wrapper-main h1 span {font: normal 12px Tahoma, Geneva, sans-serif;text-transform:none; display: block;}
#wrapper-main h2 {padding:0px 0 10px;font: normal 23px/24px Tahoma, Geneva, sans-serif;color: #FFF; position: relative;}
#wrapper-main h3 {padding:10px 0 10px;color:#FFF;font: normal 20px/20px Tahoma, Geneva, sans-serif;}
#wrapper-main h4 {padding:10px 0 5px;color:#FFF;font: normal 20px/24px Tahoma, Geneva, sans-serif;}
#wrapper-main h5 {color:#FFF;font: normal 14px Tahoma, Geneva, sans-serif;padding:10px 30px 5px;}
#wrapper-main hr { border: 0; color: #FFF; background-color: #FFF; height: 1px; width: 100%; text-align: left;}
#wrapper-main table { font-size: 12px; margin: 0; width: 660px; border-collapse: collapse; text-align: left; border: 1px solid #E2E2E2;}
#wrapper-main table th { font-size: 14px; font-weight: normal; color: #FFF; padding: 10px 8px; border-bottom: 1px solid #CCC;}
#wrapper-main table td {border-bottom: 1px solid #CCC; color: #FFF; padding: 6px 8px;}
#wrapper-main table tbody tr:hover td { color: #FFF;}
.block_content {position: relative;}
.page-content {padding:0 0 20px 0; text-align:left; line-height: 20px;}
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

.rightside-contact-header {
	float:right;
    color: #FFFFFF;
    font: 28px/32px Tahoma, Geneva, sans-serif;
    margin: 0 33% 0 0;
    padding: 0 0 10px;
    position: relative;
}
#contact-left {
	float:left;
	width: 48%; /*250px;*/
	min-height: 325px;
	margin-bottom: 10px;	
	border-right: 1px solid #333;
}
#contact-center {
	float:left;
	width: 250px;
	min-height: 325px;
	margin-left: 35px;
	margin-bottom: 10px;	
	border-right: 1px solid #333;
}
#contact-right {
	float:left;
	width: 48%; /*420px;*/
	min-height: 325px;
}

#contact-partners {
	float:left;
	width: 957px;
	margin: 0px 0 30px 0;
}
#contact-partners img {
	float:left;
	margin: 0px 20px 20px 0;
}

/* ————— right column ————— */
#right_column {float: left; width:470px; padding: 0; margin: 65px 0 0 26px;}
/*#right_column img {float: left; padding: 0; margin: 0 0 34px 16px; }*/
#right_column .img-ilu {
    float: left;
	width: 434px;
    height: 326px;
    overflow: hidden;
    position: relative;
	padding: 0;
	margin: 0 0 34px 16px;
}
#right_column .img-ilu img {
    left: 0px;
    position: absolute;
}

/* ————— footer ————— */
#footer {width: 978px; height:100px; margin: 0 auto; padding: 20px 0 20px; position: relative; overflow: hidden; }
#footer .copyright { float:left; color: #FFF; font-size: 13px; margin-left: 21px;}
#footer .createdby { float:left; color: #666; font-size: 13px; margin-left: 20px;}
#footer .createdby a {color: #666; text-decoration: none; font-size: 13px;}
#footer .createdby a:hover {color: #FFF; text-decoration: underline; font-size: 13px;}

/* ————— contactform ————— */
.contactform { width:420px; padding: 42px 0 0 0; margin: 0;}
.contactform label { float:left; width:128px; margin:0 12px 0 0; text-align:right;}
.contactform input, .contactform textarea, .contactform select {
	float:left; width:250px; border:1px solid #333333; margin:0 0 8px 0; padding:3px; font-size: 14px;}
.contactform .submit { float: right; margin:15px 0 25px 0;}
.contactform .submit input { background:#444444; color:#FFFFFF; width:258px; float:left; margin:0 22px 0 25px;}
.contactform .submit input:hover { background:#333; cursor:hand;}
.contactform input:focus, select:focus, textarea:focus { background:#EFEFEF; color:#222222;}
.required { color:#FF0000;}
.captcha { width: 420px; float:left; padding: 10px 0;}
.captcha img { float:left; margin:0px 0 0 9px;}
.captcha .captcha_img { float:left; width: 100px; /*clear:both;*/; margin: 0; }
.captcha input {float:left; margin:0; width: 135px; float:left; padding: 6px;}

/* ————— gallery ————— */
#gallery { float: left; margin: 0; padding: 0;}
#gallery .gallery-box{ float:left; width: 200px; min-height: 135px; text-align:center; margin: 0 0 32px 10px;
}

/* ————— kwicks ————— */
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;/*13px 0 0 13px;*/
	padding: 0;
	overflow:hidden;
	width:952px;
	height:362px;
	background:#000;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 163px;
	height: 362px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
}
.kwicks li.active {
	opacity:1;
	filter: alpha(opacity=100);
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0; /*Set to same as spacing option. */	
	float: left;
}
