body{
	margin:0;
	padding:0;
	background:#fff url("back.gif") repeat-x;
	text-align:center;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;	
	color:#777;
	line-height:140%;
}

a{ color:#999; text-decoration:none; }
a:hover{ color:#191919; }

p, h1, h2, h3, h4{
	margin:1em 0;
	padding:0;
}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:100%;}
table, td, select, input, textarea, li{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;	
}
img{border:0;}
.img{margin:10px;}
.logout{color:#FF0000;}
.hidden{display:none;}
.left{
	float:left;
	margin:0;
	margin-right:10px;
}
td.left{
	float:none;
	margin:none;
}
.right{
	float:right;
	margin:0;
	margin-left:10px;
}
table{
	width:100%;
	border:0;
	border-collapse:collapse;
}
th, td{
	border-collapse:collapse;
	padding:3px 5px;
}
th{
	background:#eee;
	text-align:left;
}
.package-th th{
	background:#7b7b7b;
	color:#fff;
	text-align:left;
}

dl{
	margin:35px 0 .5em 0;
	padding:0;
	line-height:120%;
	position:relative;
}
dt{
	margin:0;
	padding:0 5px;
	background:#7b7b7b;
	color:#fff;
	text-align:left;
	font-weight:bold;
	height:19px;
	line-height:19px;
}

/* ---------------------------------- container ---------------------------------- */
#container{
	margin:0 auto;
	text-align:left;
	width:757px;
	position:relative;
}
h1#logo{
	position:absolute;
	left:15px;
	top:0px;
	margin:0;
	padding:0;
	background:url("logo.gif") no-repeat 0 0;
	width:155px;
	height:64px;
	text-indent:-8000px;
}
h1#logo a{
	display:block;
	height:64px;
}

/* ---------------------------------- navigation ---------------------------------- */
#nav, #nav li{
	margin:0;
	padding:0;
	list-style:none;
	height:64px;
}
#nav li{
	display:inline;
	float:left;
	height:64px;
	line-height:64px;
	text-indent:-8000px;
	margin-left:25px;
}
#nav li a{
	display:block;
	height:64px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#nav li a:hover, #nav li a.selected{
	background-position:0 -64px;
}
li#nav1{margin-left:488px; *margin-left:487px; width:35px;}
li#nav2{width:39px;}
li#nav3{width:45px;}
/*li#nav4{width:61px;}*/
li#nav5{width:51px;}

li#nav1 a{background-image:url("nav-1.gif");}
li#nav2 a{background-image:url("nav-2.gif");}
li#nav3 a{background-image:url("nav-3.gif");}
/*li#nav4 a{background-image:url("nav-4.gif");}*/
li#nav5 a{background-image:url("nav-5.gif");}

/* ---------------------------------- homepage ---------------------------------- */
#intro{
	margin:5px 0;
	width:757px;
	height:290px;
	background:url("intro.jpg") no-repeat 0 0;
	position:relative;
}
#intro h2{display:none;}

#page #intro{
	margin:5px 0;
	width:757px;
	height:60px;
	background:url("white.jpg") no-repeat 0 0;
	position:relative;
}
#page #intro h2{display:none;}

/* content */
#home #content{
	margin-bottom:5px;
	background: url("boxes_back.gif") repeat-y;
	display: block;
	clear: both;
	*height:144px;
}
#page #content{
	display: block;
	margin-top: 5px;
	clear:both;
}
h2.imageTitle{
	margin:0;
	padding:0;
	height:29px;
	line-height:29px;
	text-indent:-8000px;	
}

h2#feature{background:url("feature.gif") no-repeat 0 0;}
h2#classes{background:url("classes.gif") no-repeat 0 0;}
h2#expo{background:url("expo.gif") no-repeat 0 0;}
h2#purchase{background:url("purchase.gif") no-repeat 0 0;}
h2#guest{background:url("guest.gif") no-repeat 0 0;}

.classes{
	width:249px;
	position:relative;
}
#home .classes{
	background: url("boxes_back.gif") repeat-y;
	float:left;
	display:inline;
	min-height:140px;
}
* html #home .classes{height:140px;}
#page .classes{background: url("boxes_back.gif") repeat-y;}
.classes p{
	margin:1em 15px;
	padding-bottom:30px;
}
.classes p.links{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url("col_bottom.gif") no-repeat 0 100%;
}
.classes p.links a{
	display:block;
	text-indent:-8000px;
	margin-left:185px;
	margin-bottom:5px;
	width:49px;
	height:16px;
	line-height:16px;
	background:url("col_more.gif") no-repeat 0 0;
}
.classes p.links a:hover{background-position:0 -16px;}

.purchaseul{
	margin:10px 10px 0;
	padding:0;
}
.purchase{
	margin:0 0 1px;
	padding:0;
	list-style:none;
	line-height:18px;
	background: url("news_list.gif") no-repeat 15px 5px;
	padding-left:38px;
}

.col{
	width:249px;
	position:relative;	
}
#home .col{
	float:left;
	display:inline;
	height:150px;
}
* html #home .col{height:150px;}
#page .col{background: url("boxes_back.gif") repeat-y;}
#home #content .second{margin:0 5px;}
.col ul{list-style:none;}
.col p{
	margin:1em 15px;
	padding-bottom:30px;
}

.col p.links{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url("col_bottom.gif") no-repeat 0 100%;
}
.col p.links a{
	display:block;
	text-indent:-8000px;
	margin-left:185px;
	margin-bottom:5px;
	width:49px;
	height:16px;
	line-height:16px;
	background:url("col_more.gif") no-repeat 0 0;
}

.first p.links a{background:url("col_more.gif") no-repeat 0 0;}
.second p.links a{background:url("col_more.gif") no-repeat 0 0;}
.third p.links a{background:url("col_more.gif") no-repeat 0 0;}
/*.news p.links {background:url("col_bottom.gif") no-repeat 0 0;}*/
.col p.links a:hover{background-position:0 -16px;}

#home #news, #home #news li{
	margin:0;
	padding:0;
	list-style:none;
}
#home #news{
	float:right;
	width:249px;
	/*width:503px;*/
	padding-top:23px;
	background: url("news.gif") no-repeat 0 0;
}
#home #news li{
	margin-bottom:1px;
	line-height:21px;
	height:42px;
	background:#eee url("news_list.gif") no-repeat 15px 5px;
	padding-left:38px;
}

#home #news li a{color:#777;}
#home #news li a:hover{color:#333;}

/* ---------------------------------- subpages ---------------------------------- */
#main h2, #main h3, #main h4{
	margin:0;
	padding:0;
	line-height:22px;
	text-indent:15px;
	font-size:100%;
	margin-bottom:1em;
	color:#fff;
	clear:both;
}
#page #content ul, #page #content li{
	margin:0;
	padding:0;
	list-style:none;
}
#page #content ul{margin:1em 0;}
#page #content li{
	margin:.1em 0;
	padding-left:30px;
	background: url("arrow.gif") no-repeat 15px .5em;
}
/* ---------------------------------- main ---------------------------------- */
#main{
	float:left;
	display: block;
	width:503px;
}
#mainpop{
	float:left;
	width:400px;
	margin: 0 20px;
	text-align:left;
}
#page #content #main h2{background: url("title.jpg") no-repeat;text-transform:uppercase;}
#page #content #main h2.second{background:#95ad47;}
#page #content #main h2.third{background:#f69802;}
#page #content #main h3{background:#999;color:#fff;}
#page #content #main h4{background:none;color:#777;text-indent:0;margin:.5em 0}
/* ---------------------------------- side ---------------------------------- */
#side{
	float:left;
	display: block;
	margin-left:5px;
	width:249px;
}

#side h3 a{
	color:#FFF;
	text-decoration:none;
}
#side a:hover{
	color:#999;
}

#side h1{
	background: url("titleside.jpg") no-repeat;
	font-size:100%;
	text-transform:uppercase;
	text-indent: 10px;
	width:249px;
	height:22px;
	margin:0px;
	line-height:22px;
	color: #FFF;
	cursor: pointer;
	}
	
#side h3{
	background: url("sidebar.gif") no-repeat;
	text-transform:uppercase;
	text-indent: 20px;
	width:249px;
	height:29px;
	color: #FFF;
	margin:0px 0px -3px;
	line-height:22px;
	cursor: pointer;
	text-align: center;
	}
/* ---------------------------------- footer ---------------------------------- */
#footer{
	background:url("footer_back.gif") repeat-x;
	height:111px;
	text-align:center;
	margin-top:10px;
	padding-top:2px;
}
#footer p{
	margin:0 auto;	
	width:757px;
	background:#7b7b7b url("footer_p_back.gif") repeat-x;
	color:#fff;
	padding:1em 0;
}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
/* ---------------------------------- float fix ---------------------------------- */
#content:after, #container:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content, #container{display: block;}
* html #content, * html #container{height: 1%;}
#content, #container{display: block;}

/* ---------------------------------- forms ---------------------------------- */
form	{ margin: 2em 0 0 0; }

dl#error-msg	{
	margin: 2em 0 1em	0;
	padding: 0;
}
dl#error-msg dt, dl#error-msg dd	{
	margin: 0;
	font-size:  75%;
	line-height: 140%;
	color: #ba1c22;
}
dl#error-msg dt	{
	position: relative;
	font-weight: bold;
	padding: 0;
	margin-bottom: .6em;
}
dl#error-msg dd	{
	position: relative;
	margin: 0;
	padding: 0;
}
form label	{
	color: #333;
	margin: 0 0 .2em 0;
	clear: both;
	display: block;
}
.sumbit-btn {
	clear: left;
	margin: 0 0 9px;
}

label {margin-left:10px;} 

.input-txt{
	float: left;
	clear: right;
	border: 1px solid #D9D9D9;
	margin: 0 0 9px 10px;
	min-width: 202px;
}

.txt-area {
	float: left;
	clear: right;
	border: 1px solid #D9D9D9;
	margin: 0 0 9px 10px;
	min-width: 352px;
}
.txt-menu {
	float: left;
	clear: right;
	border: 1px solid #D9D9D9;
	margin: 1px;
	width: 199px;
}
.input-txt input,
form label,
.txt-area textarea {font: normal 100% Arial, Verdana, Helvetica, sans-serif;}
.input-txt input,
.txt-area textarea {
	background-color: #FFF;
	color: #333;
	border: 1px #C5C5C5 solid;
	border-bottom: 1px #E0E0E0 solid;
	border-top: 1px #909090 solid;
	padding: 2px !important;	/* FOR COMPETENT BROWSERS */
	padding: 0 2px 3px;			/* IE PC */
	margin: 1px !important;		/* FOR COMPETENT BROWSERS */
	margin: 0 1px;				/* IE PC */
}
.input-txt input	{
	width: 200px;
}
.txt-area textarea {
	width: 350px;
}

.newsletter .input-txt input{
	background-color: #FFF;
	color: #333;
	border: 1px #C5C5C5 solid;
	border-bottom: 1px #E0E0E0 solid;
	border-top: 1px #909090 solid;
	padding: 2px !important;	/* FOR COMPETENT BROWSERS */
	padding: 0 2px 3px;			/* IE PC */
	margin: 1 10px!important;		/* FOR COMPETENT BROWSERS */
	margin: 0 1px;				/* IE PC */
}

.stretcher {
	/*background: url("box_news_back.gif") repeat-y !important;*/
	background: #fff;
	margin:0px;
}


.stretcher p{ 
	padding-left:10px;
	padding-right:10px
}

#last{border-bottom: #ccc solid 1px;}
#thumbs{margin: 10px 20px 0px 30px;}