body {
	padding:0;
	margin:0;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:0px;
	color:#000;
	text-align:center;
	background:#FFF url(/images/bg_header2.jpg) repeat-x;
}

a {cursor:pointer;color:#666666;text-decoration:underline;outline:none;}
img {border:0;margin:0;padding:0;}
div {margin:0;padding:0;}

/* intro box wrapper */
body.intro {background:#484742 url(/images/bg_header_intro.jpg) repeat-x;}
.intro #wrapper {
	position:relative;
	top:0;
	margin:0 auto;
	padding:0;
	/*width:1280px;*/
	/*width:100%;min-width:912px;*/
	width:100%;min-width:800px;
	height:750px;
	background:url(/images/bg_intro.jpg) top center no-repeat;
	overflow:hidden;
}
.intro #introtextbox {
	position:absolute;
	top:64px;
	left:429px;
	width:350px;
	font-size:11px;
	color:#FFF;
	text-align:left;
	z-index:90;
}
.intro #introtextbox a , .intro #introtextbox .arr {color:#FFFF66;}
.intro #introtextbox h1 {font-size:24px;font-weight:normal;margin:0;padding:0;}
.intro #introtextbox p {margin:0;padding:10px 0 0 0;}

.intro #spa_tooltip {
	position:absolute;
	top:210px;
	right:0;
	width:350px;
	font-size:11px;
	color:#FFF;
	text-align:right;
	z-index:90;
	display:none;
}
.intro #spa_tooltip h2 {font-size:16px;margin:0;padding:0;}
.intro #spa_tooltip p {line-height:16px;margin:0;padding:10px 0 0 0;}
.intro #htmlintro {
	position:absolute;
	left:10px;
	top:34px;
	width:634px;
	height:273px;
	z-index:0;
}
.intro #htmlintro2 {
	position:absolute;
	left:0;
	top:0;
	width:400px;
	height:164px;
	z-index:1;
} 

/* box */
#container {
	position:relative;
	top:0;
	margin:0 auto;
	padding:0;
	width:912px;
}
.intro #container {width:800px;}
/* header block */
#topmenu {
	position:absolute;
	left:0;
	top:0;
	width:420px;
	height:210px;
	z-index:1;
}

/* main page nav icons */
#topmenu #homeicon {display:none;position:absolute;top:10px;left:16px;width:11px;height:10px;background-image:url(/images/home.gif);z-index:3;}
#topmenu #mailicon {display:none;position:absolute;top:12px;left:41px;width:12px;height:8px;background-image:url(/images/mail.gif);z-index:3;}
#topmenu #mapicon {display:none;position:absolute;top:11px;left:66px;width:11px;height:10px;background-image:url(/images/map.gif);z-index:3;}


/* theme flash */
#theme {
	position:absolute;
	background-repeat:no-repeat;
	z-index:2;
}
.about #theme {
	left:-69px;
	top:186px;
	width:400px;
	height:300px;
}
.portfolio #theme {
	left:-60px;
	top:210px;
	width:400px;
	height:300px;
}
.clients #theme {
	left:-71px;
	top:200px;
	width:400px;
	height:300px;
}

/* left column */
#left {
	position:absolute;
	left:15px;
	top:487px;
	width:385px;
	text-align:left;
}
.portfolio #left {top:520px;}

/* portfolio tabs block*/
.portfolio #left .portfolioblock {
	clear:both;
	display:block;
	margin:15px 0 0 0;
	padding:0;
	width:100%;
	list-style:none;
}
.portfolio #left .portfolioblock li {margin:0 0 15px 0;padding:0;}
.portfolio #left .portfolioblock li a {
	margin:0;
	padding:3px 1px 3px 1px;
	color:#666666;
	font-size:11px;
}
.portfolio #left .portfolioblock li a:hover , .portfolio #left .portfolioblock li a.current {color:#FFF;background-color:#CC0000;}

/* about decor blocks */
.decor_block {position:absolute;left:0;top:424px;width:348px;display:none;}
#decor_pic_1 {height:348px;background:url(/images/bg_structure2.jpg) no-repeat;}
#decor_pic_2 {height:265px;background:url(/images/bg_structure3.jpg) no-repeat;}
#decor_pic_3 {height:350px;background:url(/images/bg_structure.jpg) no-repeat;}


/* right column */
.about #right , .clients #right {
	position:absolute;
	right:0;
	top:283px;
	width:100%;
	min-height:600px;_height:600px;
	background:url(/images/bg_leftcolumn.jpg) left bottom no-repeat;
}
.intro #right {
	position:absolute;
	left:-10px;
	top:210px;
	width:800px;
	height:320px;
	z-index:0;
}
.about #right #wrapper_for_left_bg , .clients #right #wrapper_for_left_bg {
	float:right;	
	width:491px;
	text-align:left;
}

.portfolio #right {
	position:absolute;
	right:0;
/*	top:0;*/
	top:283px;
	width:491px;
	text-align:left;
}

/* submenu */
#submenu {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#submenu li {float:left;height:23px;margin:0 15px 0 0;}
#submenu li a {float:left;font-size:11px;color:#999999;text-decoration:none;}
#submenu li a b {float:left;padding:8px 0 0 0;text-decoration:underline;}
#submenu li a i {float:left;}
#submenu li a:hover {color:#CC0000;}
#submenu li a.current {
	float:left;
	font-size:14px;
	color:#CC0000;
	background:url(/images/bg_menuitem_left.gif) no-repeat;
}
#submenu li a.current b {
	float:left;
	padding:8px 0 0 0;
	margin:0 0 0 16px;
	text-decoration:none;
	background:url(/images/bg_menuitem_center.gif) repeat-x;
}
#submenu li a.current i {
	float:left;
	width:16px;
	height:23px;
	background:url(/images/bg_menuitem_right.gif) no-repeat;
}

/* photogallery */
#right #photogallery {width:100%;margin:0;padding:0;}
#right #photogallery #photobox {
	width:472px;
	min-height:300px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#right #photogallery #thumbnails {margin:10px 0 0 0;}
#right #photogallery #thumbnails a img {margin:0 6px 10px 0;}

/* content */
#right #content {
	margin:10px 0 0 0;
	width:100%;
	text-align:left;
	font-size:12px;
}
.about #right #content , .clients #right #content {padding:0 0 90px 0;}
#right #content h1 , #right #content h2 , #right #content h3 , #right #content h4 , #right #content h5 , #right #content h6 {margin:0;padding:10px 0 10px 0;}
#right #content h1 {clear:both;font-size:21px;}
#right #content h2 {clear:both;font-size:18px;}
#right #content h3 {clear:both;font-size:16px;}
#right #content h4 {clear:both;font-size:14px;font-style:italic;color:#999999;}
#right #content h5 {clear:both;font-size:12px;}
#right #content h6 {clear:both;font-size:11px;}

#right #content p , #right #content ol , #right #content ul, #right #content table {clear:both;font-size:12px;}
#right #content p img {float:right;padding:5px 0 5px 5px;}
#right #content ol , #right #content ul {
	margin:0;
	padding:0 0 0 30px;
}
#right #content ol {list-style:decimal;}
#right #content ul {list-style:square;}
#right #content li {margin:4px 0 0 0;}


/* footer */
#footer {
	clear:both;
	margin:90px 0 0 0;
	visibility:hidden;
	position:absolute;
	top:600px;
	left:0;
	width:100%;
	height:120px;
	border-top:1px solid #7F7F7F;
	font-size:11px;
	color:#999999;
	text-align:left;
}
.about #footer , .clients #footer {margin:0;}
.intro #footer {color:#FFF;}
.intro #footer a {color:#FFFF66;}
/*.portfolio #footer {width:400px;}*/
#footer address {float:left;padding:10px 0 10px 0;font-style:normal;line-height:12px;}
#footer a {color:#006699;}
#footer .counter {display:block;clear:both;padding:5px 2px 5px 0;}
.clear {clear:both;height:10px;width:100%;}
/* footer menu */
#footer #fmenu {float:right;padding:10px 0 15px 0;}
#footer #fmenu a {color:#999999;font-size:11px;}
#footer #fmenu a:hover {color:#FFFF66;}
.intro #footer #fmenu a {color:#FFF;}
.intro #footer #fmenu a:hover {color:#FFFF66;}
#footer #fmenu a:hover {color:#CC0000;}

/* form */
#content form {
	margin:20px 0 0 0;
}
#content form .formitem {
	margin:0 0 6px 0;
	width:100%;
	float:left;
}
#content label {
	clear:both;
	float:left;
	width:119px;
	font-size:12px;
	text-align:right;
	margin:0 7px 0 0;
	line-height:21px;
}
.about #content label {line-height:18px;}
#content input , #content textarea {float:left;width:177px;}
#content .longinput{width:330px;}
#content .button {
	float:none;
	width:auto;
	margin:6px 0 0 126px;
}
/*faq */
.question {margin:0;padding:0;}
.question a {}
.question p {display:none;}

/* links */
#links {
	margin:0;
	padding:10px 20px 10px 0;
	text-align:right;
	
}
