/* COMMON CSS SITE RULES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address,hr {
	margin:					0;
	padding:                0;
	border:					none;
}

h1, h2, h3, h4, h5, h6, p, address, hr {
	margin-bottom:			5px;
}

div.hr {height: 1px; width: 100%; margin-bottom: 5px; display: block;}

a, a:hover, a:visited a:active{text-decoration: none;}

.clearFix:after {
	content:				".";
	width:					0;
	height:					0;
	display:				block;
	visibility:				hidden;
	clear:					both;
}

#logo a{
	position:				absolute; 
	top: 					0px; 
	right: 					470px; 
	background: transparent url(../images/logo2.png) top left no-repeat; 
	display: 				block; 
	width:					150px; 
	height: 				96px;
}

#logo.index a{
	top: 					0px; 
	background: transparent url(../images/logo.png) top left no-repeat;
	width:					290px;
	height:					191px;
	right: 					360px;
}

#container_shadow, #pri_nav_shadow {
	width:					640px;
	height:					1%;
	margin:					0 auto;
	background:             transparent	url(../images/body_shadow_body.png) top center repeat-y;
	clear:					both;
}

#pri_nav_shadow:after {
	content:				".";
	width:					0;
	height:					0;
	display:				block;
	visibility:				hidden;
	clear:					both;
}

#container,
#container_main {
	color:					#333;
}

#container {
	position:				relative;
	margin:					10px auto 30px auto;
	width:					800px;
}

#container_main {
	background:				#fff url(../images/body_shadow_top.gif) repeat-x top center;
	margin:					0 auto;
	width:					580px;
	height:					1%;
	padding:                10px;
}

/****************************Header Image**************************/
#header {
	position:				relative;
	color:					#fff;
	height: 				320px;
	width:					642px;
	margin:					10px auto 0 auto;
}

#header div.services {
	background-image:		url(../images/head_owl.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	width:					100%;
	height:					100%;
	display:				block;
}

#header div.tower {
	background-image:		url(../images/head_tower.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	width:					100%;
	height:					100%;
	display:				block;
}

#header div.about {
	background-image:		url(../images/head_opera.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	width:					100%;
	height:					100%;
	display:				block;
}

#header div.contact {
	background-image:		url(../images/head_flower.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	width:					100%;
	height:					100%;
	display:				block;
}

/******************************************************************/

/****************************Footer********************************/

#footer {
	color:					#fff;
	position:				relative;
	width:					100%;
	min-height:				100px;	
	padding:                10px 0;
}

#footer h6 {
	color:					#fff;
}

#footer.white_page {
	position:				absolute;
	bottom:					0;
	left:					0;
}

#footer a {color: #fff;}

#footer a:hover { border-bottom: #fff dashed 1px;}

#footer_container {
	width:					600px;
	margin:					0 auto;	
	display:				block;
}

#company {
	width:					100%;
	clear:					both;
}

#copyright {
	color:					#fff;
	width:					200px;
	float:					left;
}

#author {
	color:					#fff;
	float:					right;
	width:					300px;
	text-align:				right;
}

#sec_nav {text-align: center;}

#sec_nav ul {
	list-style-type:		none;
	clear:					both;
	margin:					0 auto;
	width:					100%;
	text-align:				center;
}

#sec_nav li, #sec_nav a {
	display:				inline;
	margin-right:			2px;
	text-decoration:		none;
	color:					#fff;
}

/******************************************************************/

/**************************Navigation******************************/
#pri_nav {
	width:					600px;
	height:					30px;
	background-color:		#333;
	margin:					0 auto;
}

#pri_nav ul { list-style-type: none;}

#pri_nav li a { position: relative;}

#pri_nav li a:hover, #pri_nav li a.current_page {background: transparent url(../images/btn_arraow_small.png) top center no-repeat;}

#pri_nav li a span {
	color:				#fff;
	position:			absolute;
	top:				5px;
	width:				100%;
	left:				0;
	cursor:				pointer;
	
}

#pri_nav li, #pri_nav li a {
	width:					100px;
	height:					30px;
	display:				block;
	float:					left;
	text-align:				center;
}

#pri_nav li {
	background-repeat:		no-repeat;
	background-position:	top right;
}	

#pri_nav li.purple { background-image: url(../images/btn_small_purple.png); background-position: top left;}
#pri_nav li.red { background-image: url(../images/btn_small_red.png);}
#pri_nav li.orange { background-image: url(../images/btn_small_orange.png);}
#pri_nav li.yellow { background-image: url(../images/btn_small_yellow.png);}
#pri_nav li.green { background-image: url(../images/btn_small_green.png);}
#pri_nav li.blue { background-image: url(../images/btn_small_blue.png);}
/******************************************************************/

#tri ul {
	width:					500px;
	height:					100px;
	list-style-type:		none;
	clear:					right;
	margin:					0 auto;
}

#tri ul li {
	position:				relative;
	float:					right;
	display:				block;
}

#tri ul li a{
	color:					#333;
	width:					99px;
	height:					99px;
	margin:					0 1px 1px 0;
	display:				block;
	background-color:		#000;
	text-align:				center;
	position:				relative;
}

#tri ul li a.btn_1{color: #fff; background: transparent url(../images/btn_1.png) top left;}
#tri ul li a.btn_2{color: #fff; background: transparent url(../images/btn_2.png) top left;}
#tri ul li a.btn_3{color: #fff; background: transparent url(../images/btn_3.png) top left;}
#tri ul li a.btn_4{color: #fff; background: transparent url(../images/btn_4.png) top left;}
#tri ul li a.btn_5{color: #fff; background: transparent url(../images/btn_5.png) top left;}
#tri ul li a.btn_6{color: #fff; background: transparent url(../images/btn_6.png) top left;}
#tri ul li a.btn_7{color: #fff; background: transparent url(../images/btn_7.png) top left;}
#tri ul li a.btn_8{color: #fff; background: transparent url(../images/btn_8.png) top left;}
#tri ul li a.btn_9{color: #fff; background: transparent url(../images/btn_9.png) top left;}
#tri ul li a.btn_10{color: #fff; background: transparent url(../images/btn_10.png) top left;}

#tri ul li a.red {color: #fff; background: transparent url(../images/btn_red.png) top left;}
#tri ul li a.orange {color: #fff; background: transparent url(../images/btn_orange.png) top left;}
#tri ul li a.yellow {color: #fff; background: transparent url(../images/btn_yellow.png) top left;}
#tri ul li a.green {color: #fff; background: transparent url(../images/btn_green.png) top left;}
#tri ul li a.blue {color: #fff; background: transparent url(../images/btn_blue.png) top left;}
#tri ul li a span.arrow {	
		width:				100%;
		height:				100%;
		display:			block;
		cursor:				pointer;
}

#tri ul li a:hover span.arrow { background: transparent url(../images/btn_arraow.png) bottom center no-repeat;}

#tri ul li a span span {
	position:				absolute;
	top:					45px;
	left:					0;
	width:100%;
	height:1px;
}

#tri ul li.red_ref, #tri ul li.orange_ref, #tri ul li.yellow_ref, #tri ul li.green_ref, #tri ul li.blue_ref {
	color: 					#fff;
	width:					100px; 
	height:					130px;
	background-color:		transparent;
	background-position:	0px 100px;
	background-repeat:		no-repeat;
}

#tri ul li.red_ref {background-image: url(../images/btn_red_ref.png);}
#tri ul li.orange_ref {background-image: url(../images/btn_orange_ref.png);}
#tri ul li.yellow_ref {background-image: url(../images/btn_yellow_ref.png);}
#tri ul li.green_ref {background-image: url(../images/btn_green_ref.png);}
#tri ul li.blue_ref {background-image: url(../images/btn_blue_ref.png);}

#tri ul li p {visibility: hidden; width: 0; height: 0; display: none;}

.hoverBlock {
	position:				absolute;
	top:					0;
	left:					0;
	width:					99px;
	height:					22px;
	background-color:		#000;
	z-index:				999;
	filter:					alpha(opacity=0);
	-moz-opacity:			0;
}

.hoverText {
	position:				absolute;
	top:					3px;
	left:					5px;
	width:					99px;
	font-size:				70%;
	color:					#fff;
	z-index:				1000;
	filter:					alpha(opacity=0);
	-moz-opacity:			0;
}

.hoverBlockOver {
	position:				absolute;
	top:					0;
	left:					0;
	width:					99px;
	height:					22px;
	background-color:		#000;
	z-index:				999;
	filter:					alpha(opacity=50);
	-moz-opacity:			0.5;
}

.hoverTextOver {
	position:				absolute;
	top:					3px;
	left:					5px;
	width:					99px;
	font-size:				70%;
	color:					#fff;
	z-index:				1000;
	filter:					alpha(opacity=100);
	-moz-opacity:			1;
}

/*****************************Images******************************/

div.frame {
	width:					120px;
	height:					120px;
	background-color:		#fff;
	float:					left;
}

div.frame div.top {
	width:					100%;
	height:					10px;
	background:				#fff url(../images/image_top.gif) top left no-repeat;
}

div.frame div.body {
	width:					100%;
	padding-left:           10px;
	background:				#fff url(../images/image_body.gif) top left repeat-y;
}

div.frame div.body img{ display: block;}

div.frame div.bottom {
	width:					100%;
	height:					10px;
	background:				#fff url(../images/image_bottom.gif) top left no-repeat;
}

/*****************************************************************/	

/*****************************Forms*******************************/	
/*****************************Login*******************************/	
#login_form {
	color:					#333;
	height:					200px;
	background-color:		transparent;
	background-image:		url(../images/login_box.png);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding-top:            1px;
}

#login_form #login_body {
	margin-top: 			49px; 
	padding:                10px 20px 20px 20px;
}

#login_form_wrapper {
	margin:					140px auto 0 auto;
	width:					320px;
	padding-bottom:         30px;
}

#login_form #login_body div {margin-top: 10px; clear: both; display: block;}
#login_form #login_body div label {float: left;}
#login_form #login_body div input {float: right; width: 200px; border: 1px solid #41bee6; display: block; position: relative;}

#login_form #login_body div input.submit {
	width:					100px;
	background-color:		#41bee6;
	border:					none;
}

#login_form input.submit:hover {
	background-color:		#238ac1;
	cursor:					pointer;
	color:					#fff;
}

/******************************************************************/
/*****************************Contact******************************/
#contact_data {
		width:				180px;
		float:				left;
}

#shipping_data {
		width:				180px;
		float:				left;
}

#form:after {
	content:				".";
	width:					0;
	height:					0;
	visibility:				hidden;
	display:				block;
	clear:					both;
}

#form {
	width:					380px;
	float:					right;
}

#form.variant {width: 100%;}

#form form { padding: 10px; background: transparent url(../images/body_form_bg.gif) top left repeat-x;}

#form span {color: #fe0b00;}

#form form div {display: block; clear: both;}

#form label {width: 130px; float: left;}

#form input, #form textarea, #form select {
	border:					1px solid #a1dc10;
	margin-bottom: 			10px;
	float:					right;
}

#form input, #form select {
	width:					200px;
	float:					right;
}

#form input.submit {
	color:					#fff;
	width:					100px;
	background-color:		#a1dc10;
	border:					none;
	cursor:					pointer;
	float:					right;
}

#form input.submit:hover {
	background-color:		#6bac10;
}

#form textarea {
	width:					100%;
	height:					100px;
}
/******************************************************************/
/******************************************************************/

/*****************************About********************************/
.profile:after {
	content:				".";
	width:					0;
	height:					0;
	visibility:				hidden;
	display:				block;
	clear:					both;
}

.profile { margin-bottom:	10px; display: block; clear: both;}

.profile p, .profile h2, .profile h3, .profile ul {
	float:					right;
	width:					450px;
}
/******************************************************************/

/*****************************Services*****************************/
.service_block:after {
	content:				".";
	width:					0;
	height:					0;
	visibility:				hidden;
	display:				block;
	clear:					both;
}

.service_block { margin-bottom:	10px; display: block; clear: both;}

.service_block p, .service_block h2, .service_block h3, .service_block ul {
	float:					right;
	width:					450px;
}

.service_block ul {
	list-style-type:		none;
}

.service_block ul li{
	margin-bottom:			10px;
}

.service_block a.prices { margin-left: 20px;}

.service_block_wide {display: block; clear: both;}
/******************************************************************/

/*****************************Services*****************************/
#bubble_wrapper {
	position:				absolute;
	top:					0;
	left:					0;
	visibility:				hidden;
}

#bubble {
	position:				relative;
	width:					200px;
	height:             80px;
	background-color:		#fff;
}
#bubble #bubble_bottom {
	position:				absolute;
	bottom:					-30px;
	left:					0;
	width:					200px;
	height: 				30px; 
	background: 			transparent url(../images/bubble_bottom.png) bottom center no-repeat;
}
#bubble #bubble_body { 
	position:				absolute;
	top:					-10px;
	left:					0;
	width:					200px;
	display:				block;
	color: 					#333; 
	background: 			transparent url(../images/bubble_top.png) top center no-repeat; 
}

#bubble #bubble_body p {
	padding:                5px;
	display:				block;
} 
/******************************************************************/

/*****************************Gallery******************************/
#stage {
 	width:					500px;
	display:				block;
	background-color:		#333;
	margin:					10px auto;
	padding:				10px;
	clear:					both;
}
 
#screen {
 	position:				relative;
	float:					left;
 	width:					300px;
	height:					300px;
	display:				block;
	background:				#ccc url(../images/loader.gif) no-repeat;
	background-position:    40px 135px;
}

#screen #images { list-style-type: none; visibility: hidden;}
  
#screen #caption {
 	position:				absolute;
	text-align:				center;
	bottom:					10px;
	left:					10px;
	width:					280px;
	height:					20px;
	z-index:				101;
}

#screen #caption p {color: #fff; position: relative}

#screen #caption #caption_back {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	-moz-opacity:			0.50;
	filter:					alpha(opacity=50);
}
 
#screen #caption p.title {text-transform: capitalize; font-size: 12px; margin-top: 1px;}
 
#gal_type {
 	width:					500px;
	height:					30px;
	margin:					10px auto;
	clear:					both;
}
 
#gal_type ul {
 	list-style-type:		none;
}
 
#gal_type li, #gal_type a {
 	width:					80px;
	float:					left;
	display:				block;
	text-align:				center;
	font-size:				10px;
}

#gallery_nav { 
	width: 					190px; 
	float: 					right; 
}

#gallery_nav ul {
	list-style-type:		none;
	height:					300px;
}

#gallery_nav li, #gallery_nav a {
	color:					#fff;
	width:					100%;
	height:					42px;
	float:					left;
	display:				block;
	text-align:				center;
	background-color:		#ccc;
	position:				relative;
	background-color:		#5802c3;
}

#gallery_nav a:hover { background-color: #7200ff;}

#gallery_nav li a span { position:absolute; top: 10px; left:0; width: 100%; cursor: pointer;}

#gallery_nav li { margin-bottom: 1px;}
/******************************************************************/
/***************************Price List*****************************/
#prices .amount, #prices .title, #prices caption { font-weight: bold;}

#prices table {
	width:					100%;
	margin-bottom:			20px;
	border:					1px solid #ddd;
	padding:                3px;
	empty-cells:			show;
}

#prices table thead th {
	border-bottom:			1px solid #ddd;
	padding:                3px;
	margin-bottom:			3px;
	text-align:				left;
	font-weight:			normal;
}

#prices caption {
	margin-bottom:			5px;
}

#prices .amount {
	text-align:				right;
}

#prices tbody td { padding: 4px 3px 0 3px;}
#prices tbody tr.head {background-color: #f7f7f7;}

#prices .small_print { text-align: right; color: #0000FF;}
/******************************************************************/

/*****************************Site Map*****************************/
#site_map {background-color: #fff;}
#site_map ul li { margin-top: 10px;}
#site_map ul li.list_header {list-style-type: none; text-indent: 10px;}
#site_map ul li ul {
	margin-top:				10px;
}
#site_map h2 { background-color: #f2f2f2;}
#site_map .lvl_1 {color: #5802C2; margin-left: 30px;}
#site_map .lvl_2 {margin-left: 60px;}
#site_map .lvl_3 {margin-left: 90px;}

/******************************************************************/

/*************************Common Tables****************************/

.table {background-color: #fff; border: 1px solid #ccc; padding: 5px;}	
.table th, .table td {text-align: left; padding: 0 5px;}
.table thead td{
	border-bottom:			1px solid #ddd;
	padding:                0 3px 3px 3px;
	margin-bottom:			3px;
	text-align:				left;
	font-weight:			normal;
}
.table tr.odd td{background-color:#f2f2f2;}
.table tr.even td{background-color:#f5f8ff;}
.table td.number, .table th.number {text-align: right;}
.table td a {display: block;}

/******************************************************************/

.alert { font-style: italic; color: #f30;}

.display_none {
	width: 0;
	height: 0;
	display: none;
}