/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#home {
	background:url(../bg.jpg)  50% 0 #000 no-repeat;
	width:960px;
	margin:0px auto;
	padding-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
#header {
	background: #FFF url(../hd.gif) no-repeat;
	background-position:center;
	width:960px;
	height:146px;
}
#container {
	background:#FFF;
	padding:20px;
}
#navbar {
	background:#f0f0f0;
	padding:0px;
	padding-left:20px;
	color:#666;
	line-height:25px;
	font-size:14px;
}
#navbar ul {
	width:800px;
	margin:0px auto;
	display:inline;
}
#navbar li {
	list-style:none;
	display:inline;
	margin:0px 20px 10px 0px;
}
#navbar a:link {
	text-decoration:none;
	color: #666;
}
#navbar a:visited {
	text-decoration:none;
	color: #666;
}
#navbar a:hover {
	text-decoration:underline;
	color: #666;
}
h1 {
	font-size:36px;
	font-weight:400;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	font-size:22px;
	font-weight:400;
	font:italic 1.4em/3 Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.padded {
	padding:6px;
	background:#fff;
	border:1px solid grey;
}
#footer {
	width:960;
	background: url(../ft.gif) repeat-x;
	font-size:12px;
	height:150px;
	padding-top:60px;
	
}
#footer .col {
	width:20%;
	color:#333;
	height:100px;
	padding-left:30px;
	line-height:20px;
	float:left;

}
#footer p {
	padding:0px 10px 0px 10px;
}
#footer a:link {
	text-decoration:none;
	color: #333;
}
#footer a:visited {
	text-decoration:none;
	color: #333;
}
#footer a:hover {
	text-decoration:underline;
	color: #333;
}
#container a:link {
	text-decoration: underline;
	color: #333;
}
#container a:visited {
	text-decoration: underline;
	color: #333;
}
#container a:hover {
	text-decoration:underline;
	color: #CCC;
}

.gallerybegin {
	border-top: groove;
}

/* BEGIN DEMO STYLE */
*{margin:0;padding:0}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{font-style:italic;color:#FFF;}
.demo{position:relative;margin-top:20px;}
.gallery_demo{width:600px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double grey;margin: 0 2px;background:#FFF;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 20px auto;height:400px;}
#main_image img{	padding:6px; background:#fff; border:1px solid grey;}

.nav{padding-top:0px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.info{text-align:left;width:600px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

.galleria{list-style:none;width:400px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:300px} /* MSIE bug */

.boxgrid{ 
	width: 325px; 
	height: 260px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{
	position: absolute;
	top: 4px;
	left: 1px;
	border: 0;
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
.bullet {
	list-style:circle;
	margin-left:20px;
}

.divider {
	background: url(../sep.gif);
	height:1px;
	width:100%;
	margin:14px 0px 15px 0px;

}