@charset "utf-8";
/* CSS Document */
html {
	font-size:62.5%;
}
	body {
		background:url(../images/bg-bottom.jpg) center top repeat;
		margin:0 auto;
		font-size: 1.0em;
		line-height: 1.7em;
		font-family: Helvetica, sans-serif, Arial ;
		color: #666666;
		background-color:#1b3257;
		min-width:1200px;
	}
	div {
		font-family:  Helvetica, sans-serif, Arial ;
		font-size:13px;
	}

		h1, h2, h3, h4, h5, h6 {
			font-family: Helvetica, sans-serif, Arial ;
			font-size: 1.0em;
			line-height: normal;
			font-weight: bold;
		}
			h1{ font-size:2.0em; }
			h2{ font-size:40px;}
			h3{ font-size:1.5em;}
			h4{ font-size:1.4em; }
			h5{ font-size:1.3em; }
			h6{ font-size:1.2em; }
			
		p, P { padding-top:0.5em; padding-bottom: 0.5em;}
		b, strong { font-weight:bold; }
		
		h1, h2, h3{color:#666666; padding:0px 0px 0px; width:auto; }
		h2 a img{padding:0px 5px ; position:relative; top:7px;}	
		
		a, a:visited { color: #3aa9fa; text-decoration: underline;}
		a:hover { color: #7ba1bd; }

		ul{
		padding:10px 0;
		}
		ul li{list-style:disc; padding-right:15px; margin-left:15px; }
		#breadcrumbs li{
		float:left;
		background:url(../images/arrow.png) left no-repeat;
		padding-left:20px;
		margin-left:0;
		margin-bottom:20px;
		list-style:none;
		}
		#breadcrumbs li:first-Child{
		background:none;
		padding-left:0;
		}
		.morelink{
		background: url(../images/link-arrow.png) right 7px no-repeat;
		padding-right:10px;
		color:#ac9c8d!important;
		text-decoration:none!important;
		}
		.content_fp h2{
		color:#fff;
		}
		.content_fp .morelink{
		color:#a7daff!important;
		background:none;
		}
			.content_fp a.morelink:hover{
				color:#ffffff!important;
			}	

		.news-title h2{
		float:left;
		padding-right:10px;
		}
		/*-----------price-list-----------*/
		ul.price-list li{
		list-style:none;
		background: url(../images/list-bg.jpg) no-repeat;
		width:601px;
		height:71px;
		padding:16px 21px 24px 21px;
		margin-bottom:15px;
		font-size:20px;
		color:#86b92e;
		}
			ul.price-list li b,ul.price-list li strong{
			font-size:23px;
			position: absolute;
			margin:30px 0 0 500px;
			color:#fff;
			width:120px;
			text-align:center;
			line-height:1em;
			}
/*-----------------body------------------*/
.wrapper{
overflow:hidden;
}
	.content-container-top{
	background:url(../images/content-top.png) repeat-x;
	margin:194px 0 0 0;
	min-width:1200px;
	width:100%;
	height:24px;
	position:absolute;
	}
	/*-------------container-bottom-----------*/
	.container-bottom{
	background: url(../images/container-bottom.png) repeat-x;
	min-width:1200px;
	width:100%;
	height:142px;
	position:absolute;
	z-index:2;
	margin:657px 0 0 0;
	}
	
	/*--------------button------------*/
	.button{
	width:725px;
	height:115px;
	position:absolute;
	margin:375px 0 0 150px;
	}
		.button a{
		/*float:left;*/
		}
		.button #btn-gallery{
		/*margin-right:35px;*/
		}
		#btn-gallery{
		background:url(../images/btn-gallery.png) no-repeat;
		width:343px;
		height:103px;
		display:block;
		text-indent:-9999em;
		position:relative;
		z-index:9;
		margin: 0 auto;
		}
		#btn-gallery:hover{
		background:url(../images/btn-gallery.png) no-repeat 0 -103px;
		}
		#btn-ivc{
		background:url(../images/btn-ivc.png) no-repeat;
		width:343px;
		height:103px;
		display:block;
		text-indent:-9999em;
		position:relative;
		z-index:9;
		}
		#btn-ivc:hover{
		background:url(../images/btn-ivc.png) no-repeat 0 -103px;
		}
.container{
overflow:hidden;
width:1021px;
margin:0 auto;
}
.center{
width:940px;
margin:0 auto;
}
/*-----------------top-container, header---------*/
.top-container{
margin:0 auto;
}
	.header{
	margin:0 auto;
	overflow:hidden;
	}
		.header h1{
		text-indent:-999em;
		float:left;
		margin:0;
		}
		.header h1 a{
		background:url(../images/logo.png) no-repeat;
		display:block;
		height:160px;
		width:558px;
		}
/*------------Navigation-------------*/
	.nav{
	background:url(../images/nav-bg.png) no-repeat;
	position:relative;
	height:43px;
	}
		.nav ul li a{
		font-size:16px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		}
			.nav ul li a:hover{
			text-decoration:underline;
			}
		.nav ul li{
		background:url(../images/nav-left.png) left top no-repeat;
		
		}
		.nav ul li:first-Child{
		background:url(../images/nav-left-first.png) left top no-repeat;
		
		}
		.nav ul li a{
		background:url(../images/nav-right.png) right top no-repeat;
		
		}
		#home{
		background-color:#97c0de!important;
		
		}
		#aboutus{
		background-color:#f85e97!important;
		}
		#importantdates{
		background-color:#ff8731!important;
		}
		#pricelist{
		background-color:#86b92e!important;
		}
		#gallery{
		background-color:#60cdc0!important;
		}
		#menu{
		background-color:#e31427!important;
		}
		#schoolspickup{
		background-color:#6154b1!important;
		}
		#contactus{
		background-color:#faea0d!important;
		}
		
		
/*------------banner-----------*/
#banner{
position:relative;
width:373px;
height:250px!important;
float:left;
}
	#banner img{
	position:absolute;
	top:0;
	left:0;
	}
	.banner-corner{
	background:url(../images/banner-frame.png) no-repeat;
	width:373px;
	height:250px;
	position:absolute;
	margin:0;
	z-index:9;
	}
/*----------content-container-----------*/			
.content-container{
background:url(../images/bottom-bg.png) center repeat-y;
/*min-height:724px;*/
min-height:605px;
margin:0 auto;
overflow:hidden;
}			
	.container-bg{
	background:url(../images/bg-top.png) top repeat-x;
	min-height:524px;
	padding-top:24px;
	}
	.container-bg-layer{
	background: url(../images/content-bg.png) center top no-repeat;
	width:1024px;
	height:496px;
	position: absolute;
	}

	
	/*--------------content-box-home-------------*/
	.content-box-home{
	background:url(../images/home-banner-bg.png) no-repeat;
	width:682px;
	height:255px;
	padding:12px 15px 15px 15px;
	margin:50px auto 0 auto;
	position:relative;
	z-index:2;
	}
		.content-box-home-right{
		background:url(../images/text-box-right.png) no-repeat;
		width:24px;
		height:66px;
		display:block;
		position:absolute;
		margin:160px 0 0 860px;
		position: absolute;
		z-index:3;
		}
		.content_fp{
		background: url(../images/text-home-bg.png) no-repeat;
		width:272px;
		height:240px;
		float:left;
		padding:10px 20px 0 10px;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		}
		.content_fp h2{
		line-height:normal;
		padding:0;
		}
	/*-------------content-box--------------*/
	.content-box-top{
	background:url(../images/text-box-top.png) no-repeat;
	width:712px;
	height:30px;
	margin:53px auto 0 auto;
	position:relative;
	z-index:2;
	}
	.content-box-bottom{
	background:url(../images/text-box-bottom.png) no-repeat;
	width:712px;
	height:37px;
	margin:0 auto;
	position:relative;
	z-index:2;
	}
	/*--------------.content-box-------------*/
	.content-box{
	background: url(../images/text-box-mid.png) repeat-y;
	width:662px;
	min-height:465px;
	padding:0 20px 15px 30px;
	margin:75px auto 0 auto;
	position:relative;
	z-index:2;
	overflow:hidden;
	}
	.content-box-right{
	background:url(../images/text-box-right.png) no-repeat;
	width:16px;
	height:66px;
	display:block;
	position:absolute;
	margin:155px 0 0 856px;
	position: absolute;
	z-index:3;
	}
	.content-box-bottom{
	background:url(../images/text-box-bottom.png) no-repeat;
	width:712px;
	height:37px;
	}
		.right-menu{
		background:url(../images/right-menu.png) no-repeat;
		width:317px;
		height:605px;
		padding:10px 0 0 8px;
		position:absolute;
		margin:58px 0 0 548px;
		z-index:3;
		}
		.menu-purple{
		background:url(../images/right-menu-purple.png) no-repeat;
		}
		.right-menu-placeholder{
		width:325px;
		height:615px;
		float:right;
		}
			.cat-img-frame{
			background:url(../images/cat-img-frame.png) no-repeat;
			width:286px;
			height:215px;
			position:absolute;
			}
			.frame-purple{
			background:url(../images/cat-img-frame-purple.png) no-repeat;
			}
			.right-menu #btn-gallery{
			background:url(../images/btn-gallery-s.png) no-repeat;
			width:283px;
			height:95px;
			}
			.right-menu #btn-gallery:hover{
			background:url(../images/btn-gallery-s.png) no-repeat 0 -95px;
			}
			.right-menu #btn-ivc{
			background:url(../images/btn-ivc-s.png) no-repeat;
			width:283px;
			height:95px;
			}
			.right-menu #btn-ivc:hover{
			background:url(../images/btn-ivc-s.png) no-repeat 0 -95px;
			}
/*-------------main-bottom-------------*/	
.main-bottom{
overflow:hidden;
min-height:200px;
width:900px;
padding:0 20px;
margin:0 auto;
font-weight:bold;

display: none;
}
	.main-bottom h2{
	line-height:1em;
	font-size:38px;
	color:#ac9c8d;
	}
	.main-bottom h2 a{
	color:#ac9c8d;
	text-decoration:none;
	}
	.main-bottom p{
	padding:0;
	}
	.home-placeholder{
	height:240px;
	}
	
	.bottom{
	background:url(../images/brecket-left.png) left no-repeat;
	padding-left:45px;
	width:235px;
	height:160px;
	float:left;
	font-size:12px;
	line-height:normal;
	}
	.bottom strong{
	font-size:22px;
	line-height:1.2em;
	}
	.news-box{
	margin:0 25px 0 25px;
	visibility: hidden;
	}
		#subscribe{
		margin-top:5px;
		}
		#subscribe div label{
		font-size:16px;
		line-height:1.5em;
		position:absolute;
		cursor:text;
		padding:0;
		margin:2px 0 0 10px;
		font-weight:bold;
		}
		#subscribe input{
		background:url(../images/subscribe-input.png) no-repeat;
		width:226px;
		height:26px;
		border:none;
		padding:0 0 0 10px;
		line-height:1.5em;
		}
		#subscribe p{
		padding-bottom:5px;
		}
		.btn-submit{
		background:url(../images/btn-ok.png) no-repeat!important;
		width:26px!important;
		height:26px!important;
		position:absolute;
		margin:-27px 0 0 210px;
		cursor:pointer;
		}
		.btn-submit:hover{
		background:url(../images/btn-ok.png) no-repeat 0 -26px!important;
		}
		label.error{
		font-size:12px !important;
		font-weight:normal!important;
		}
/*-------------------------footer--------------------*/				
.footer{
height:76px;
background:#a9a398;
}
	.footer-top{
	background: url(../images/footer-top.png) repeat-x;
	height:8px;
	min-width:1200px;
	width:100%;
	position:absolute;
	margin-top:-8px;
	}
	.footer-inner{
	width:940px;
	margin:0 auto;
	padding-top:15px;
	overflow:hidden;
	}
	.footer p{
		font-size:11px;
		clear:left;
		width:500px;
		position:relative;
		padding:0;
		float:left;
		color:#fff;
		}
		.foot-menu{
		float:left;
		}
		.footer-inner ul{
		padding:0;
		}
		.footer-inner ul li{
		list-style-type:none;
		float:left;
		}
		.footer-inner ul li a{
		text-decoration:none;
		font-size:11px;
		}
		.footer-inner ul li a:hover{
		color:#FF0000
		}
		.titan{
		position:absolute;
		margin:0 0 0 835px;
		}
			.titan a { color:#666666; text-decoration:none; }
			.titan a#logo_titan{
			background: url(../images/titan-logo.png)  no-repeat!important;
			width:114px!important;
			height:47px!important;
			text-indent:-999em;
			display:block;
			}
		
/*-------------product - gallery-----------*/
.product-thumb{

}
.gallery-thumb img{
border:1px solid #c2bc96;
padding:1px;
float:left;
margin:5px 15px 5px 0;
}
/*-------------gallery-------------*/
.gallery_block{
float:				left;
margin:				5px 5px 5px 5px;
}
	.image_border{
	padding:			1px;
	border:				solid 3px  #284969;
	width:				200px;
	
	}		
	.gallery_block a:hover img{
	opacity:0.8;
	}
	.clear{
	clear:both;
	}
	.sub-gallery{
	float:left;
	overflow:hidden;
	}
	/*--------sub-gallery-title---------*/
	.titlebg{
	width:140px;
	height:30px;
	background:url(../images/titlebg.png) repeat;
	position: absolute;
	overflow:hidden;
	margin:67px 0px 0px 7px;
	padding:0;
	text-align:center;
	}
	.titlebg strong{
	position:relative;
	top:5px;
	font-size:12px;
	}
	.titlebg a{
	color:#fff;
	padding:10px 20px;
	}
	/*-------------gallery-border--------------*/
	.photo_thumb,.sub-gallery{
	margin:5px 20px 10px 0;
	float:left;
	}
	.photo_thumb img, .subcat_thumb img{	
	overflow:hidden;
	}
	.gallery-frame{
	position:absolute;
	width:147px;
	height:101px;
	display:block;
	}
	.gallery-frame a{
	background:url(../images/gallery-frame.png) no-repeat;
	width:147px;
	height:101px;
	position:relative;
	margin:0;
	display:block;
	}
	.gallery-frame a:hover{
	background:url(../images/gallery-frame.png) no-repeat 0 -101px;
	}
	
		.back_link a{
		color:				#284969;
		text-decoration:	none;
		}
		.back_link a:hover{
		text-decoration:	underline;
		}	
	.gallery-nav{
	background:url(../images/gallery-nav-bg.png) no-repeat;
	width:619px;
	height:19px;
	padding:8px 10px;
	margin-top:10px;
	text-indent:-9999em;
	overflow:hidden;
	}
		.gallery-nav .previous{
		background:url(../images/btn-prev.png) no-repeat;
		width:60px;
		height:18px;
		display:block;
		position: relative;
		float:left;
		clear:both;
		}
	
		.gallery-nav .next{
		background:url(../images/btn-next.png) no-repeat;
		width:60px;
		height:18px;
		display:block;
		position:relative;
		clear:both;
		top:-18px;
		left:560px;
		}
	
	/*----------date-top-----------*/
	.date-top{
	background:url(../images/date-top.png) top no-repeat;
	width:639px;
	height:101px;
	}
	.date-bottom{
	background:url(../images/date-bottom.png) no-repeat;
	width:639px;
	height:35px;
	}
	.date-content{
	width:619px;
	background:#e2dfda;
	padding:10px;
	}
		.date-content .news_item{
		background:#f0ede8;
		padding:5px;
		border:1px solid #d8d5d0;
		height:100px;
		margin-bottom:10px;
		}
		.date-content .news_item h3{
		width:135px;
		float:left;
		font-size:22px;
		}
		.date-content .news_item h3 a{
		color:#bab2a9;
		text-decoration:none;
		}
		.date-content .hr-v{
		background:url(../images/hr-v.png) repeat-y;
		width:1px;
		height:100px;
		float:left;
		}
		.date-content .news-content{
		width:435px;
		padding-left:12px;
		float:left;
		}
		.news_item h3 a {
			text-decoration:none;
		}	

	/*---------user module---------*/
.user_login{

padding:10px;
}
	.user_login div{
	overflow:hidden;
	}
	.user_login .text, .user_login select{
	
	}
	.user_login select{
	border:none;
	width:310px;
	margin-top:10px;
	}
	.user_login label{
	margin:0;
	padding:5px 0;
	}
	.user_login .left{
	float:left;
	width:310px;

	}
	.user_login .submit-div{
	float:left;
	}
		.submit-div input{
		margin-right:0!important;
		}
	/*--------register form---------*/
	#frmRegister{
	width:475px;
	}
	#frmRegister p{
	padding-bottom:0;
	}
	/*---------frmForgotPword form--------*/
	#frmForgotPword {
	width:475px;
	}
	/*---------frmEditUser form-----------*/
	#frmEditUser{
	width:475px;
	}
	#frmEditUser .submit-div{
	float:right;
	margin-top:10px;
	}