* {
  margin: 0;
  padding: 0;
}

body {
height: 100%;
margin: 0;
padding: 0;
overflow-y: auto;
background: #000000 url(../img/aDESIGN.gif) repeat-y;
font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 10pt;
}

#preload img
{
height: 0; width: 0; border-width: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
} 

#content {
	display: block;
	width: 630px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 270px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}

#footer {
	clear:both;
	margin-top:2em;
	padding-top:1em;
	margin-bottom:2em;
	font-size:10px;
	line-height:1em;
	color:#FFF;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#fixed {
display: block;
position: fixed;
top: 0;
left: 0;
width: 220px;
padding: 0;
}

* html #fixed {
position: absolute;
}

.hide {
display:  none;
}

/* Typography */

p, address {
margin: 0 0 16pt 0;
line-height: 15pt;
color: #c2c2c2;
font-style: normal;
}

p.success {
color: #33CC00;
font-weight: bold;
}

pre {
margin: 0 0 0 0;
padding: 10px;
color: #000000;
background: #eaf2e6;
border: 1px solid #ced5cb;
}

strong {
color: #c2c2c2;
}

.posted {
margin: 0;
font-size: 8pt;
font-style: italic;
}

hr {
  margin-bottom: 18px;
  border: 0;
  color: #cfcfcf;
  background-color: #cfcfcf;
  height: 1px;
  width: 100%;
  text-align: left;
}
	
/* Images */



img.nopad {
margin:0;
}

img.padded_left {
margin: 0 0 0 15px;
}

/* Headers */

#fixed h1 {
	width:  220px;
	height:  266px;
	margin-left:0px;
	background:  #000000 url(../img/logo.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}
#fixed h2 {
	width:  220px;
	height:  266px;
	margin-left:0px;
	background:  #000000 url(../img/logoD.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
}

#content h2 {
margin: 0 0 20px 0;
}

* html #content h2 {
margin: 0;
}

#content h3 {
margin: 20pt 0 9pt 0;
color: #3f3f3f;
font-size: 11pt;
font-weight: bold;
}

#content h4 {
margin: 30px 0 0 0;
color: #3f3f3f;
font-size: 9pt;
font-weight: bold;
}

/* Links */

a:link
{
text-decoration: none;
text-transform: none;
color: #ffa800;
outline: none;
}

a:visited
{
text-decoration: none;
text-transform: none;
color: #ffffff;
outline: none;
}

a:active
{
text-decoration: none;
text-transform: none;
color: #ffa800;
outline: none;
}

#content a.headerlink:hover {
color: #ffa800;
border-bottom: none;
}

#fixed a {
margin: 0 0px 0 240px;
outline: none;
}

#fixed a.nav_contact {
display: block;
height: 22px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/McontactD.gif) no-repeat;
}
	
#fixed a.nav_contact:hover {
background: url(../img/Mcontact2D.gif) no-repeat;
}

#fixed a.nav_home {
display: block;
height: 22px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/MhomeD.gif) no-repeat;
}

#fixed a.nav_home:hover {
background: url(../img/Mhome2D.gif) no-repeat;
}

#fixed a.nav_bar {
display: block;
height: 22px;
width: 220px;
margin: 0 0px -15px 0px;
background: url(../img/MbarD.gif) no-repeat;
}

#fixed a.nav_bar:hover {
background: url(../img/Mbar2D.gif) no-repeat;
}

#fixed a.nav_design{
display: block;
height: 22px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/Mdesign2D.gif) no-repeat;
}

#fixed a.nav_design:hover {
background: url(../img/Mdesign2D.gif) no-repeat;
}

#fixed a.nav_events {
display: block;
height: 22px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/MeventsD.gif) no-repeat;
}

#fixed a.nav_events:hover {
background: url(../img/Mevents2D.gif) no-repeat;
}

#fixed a.nav_rss {
display: block;
height: 45px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/rss.gif) no-repeat;
}

#fixed a.nav_emailupdate {
display: block;
height: 60px;
width: 220px;
margin: 0 0 0 0px;
background: url(../img/emailupdate.gif) no-repeat;
}

.video_embed {
	padding:10px;
	border: 1px #CCCCCC solid;
	background: #EFEFEF;
}

a img {border:none;}

/* piroBox november 2008*/

ul,li{
list-style-type:none;
margin:0;
padding:0;
}

.bg_thumbs{
background:#000;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}

.unloader, .img_box{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(../css/next_h_in.gif) center right no-repeat;}
a:hover.next_in{background:url(../css/next_h_in.gif) center right no-repeat!important;background:url(../css/next_h_in.gif) center right no-repeat;}
.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(../css/previous_h_in.gif) center left no-repeat;}
a:hover.previous_in{background:url(../css/previous_h_in.gif) center left no-repeat!important;background:url(../css/previous_h_in.gif) center left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(next_t_h.gif) center right no-repeat;}
a:hover.next{background:url(next_t.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(prev_t_h.gif) center left no-repeat;}
a:hover.previous{background:url(prev_t.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}
.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 5px 5px 0;z-index:100014;background:url(../css/close.gif) center right no-repeat!important;background:url(close_t.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}
.loader img{border:none;padding:0!important;padding:0;background:none;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{ background:#000;position:absolute;bottom:0;left:0;margin:0 0 3px 3px!important;margin:0 0 1.5px 2px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text}
.caption p{ margin:0;padding:0; margin-right:82px; }
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.gallery{float:left;margin:0px;height:100%!important;height:auto;}
.gallery ul{float:left;padding:0px;margin:2px;!important;margin:0px;}
.gallery img{margin:0;padding:2px;height:209px;width:300px;}
.gallery li{float:left;height:224px;width:315px;margin:0px!important;margin:5px;}
.gallery li a{float:left;height:213px;width:304px;border:2px solid #333;}
.gallery li a:hover{float:left;height:213px;width:304px;border:2px solid #000;}
.gallery_in{float:left;padding:0;margin:0;width:930px;height:100%!important;height:auto;padding:5px;}
.gallery_in ul{float:left;padding:0;margin:0!important;margin:0;}
.gallery_in img{margin:0;padding:2px;height:209px;width:300px;}
.gallery_in li{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.gallery_in li a{float:left;height:213px;width:304px;border:2px solid #333;}
.gallery_in li a:hover{float:left;height:213px;width:304px;border:2px solid #000;}
.single_box{float:left;padding:0;margin:0;width:232px;height:100%!important;height:auto;}
.single{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.single img{margin:0;padding:2px;height:139px;width:200px;}
.single a{float:left;height:143px;width:204px;border:2px solid #333;}
.single a:hover{float:left;height:143px;width:204px;border:2px solid #000;}