/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-image: url(../images/top_bg_01.gif);
	font: 80%/1.5  Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #fff;
}

a {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #9cf;
	text-decoration: none;
}


a:hover {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #ccf;
	text-decoration: underline;
}


#topBar{
	width: 100%;
	height: 35px;
	background: #666;
	background-image: url(../images/topBar_bg.jpg);
}

#galleryMenu {
	width: 100%;
	margin: auto;
	height: 22px;
	text-align: center;
	padding: 8px 0 0 0px;
	position: relative;
	background-image: url(../images/topBar_bg.jpg);
	font: 105%/1.5 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#galleryMenu a {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #e33;
	text-decoration: none;
}


#galleryMenu a:hover {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #adf;
	text-decoration: none;
}

#content{
	margin: auto;
	width: 850px;
	position: relative;
	top: 10px;
	clear: both;
}

#contentC{
	margin: auto;
	width: 750px;
	position: relative;
	top: 10px;
	clear: both;
}


#right{
	width: 555px;
	padding: 10px 0;
	float: right;
}

#left{
	width: 250px;
	padding: 10px 0;
	float: left;
}

.abPortrait {
	padding: 10px;
	background: #fff;
}

#galleryNav{
	margin: auto;
	width: 750px;
	height: 300px;
	position: relative;
	top: 120px;
	text-align: center;
}

#galleryNav a img{
	padding: 0 3px;
	border: 0;
}

#galleryIntro{
	margin: auto;
	margin-top: 20px;
	width: 750px;
	height: 300px;
	position: relative;
	top: 20px;
	text-align:center;
	clear: both;
}

#galleryIntro img{
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
}
#galleryIntro a{
font-size:small;
font-weight: bold;
text-align: center;
}
#galleryIntro a img{
border: none;
text-decoration: none;
}

#galleryIntro a {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #9cf;
	text-decoration: none;
}

#galleryIntro a:hover {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
}

#nameLogo{
	margin: auto;
	width: 750px;
	height: 175px;
	position: relative;
	text-align: center;
	top: 50px;
	clear: both;
}

#footer {
	margin: auto;
	width: 750px;
	height: 20px;
	text-align: center;
	color: #aaa;
	clear: both;
	margin-top: 40px;
	position: relative;
}

#footer.gallery{
	margin: auto;
	margin-top: 40px;
	width: 960px;
	text-align: right;
	color: #aaa;
	clear: both;
	position: absolute;
	top: 487px;
}
#footer.links{
	margin: auto;
	width: 750px;
	height: 20px;
	text-align: center;
	color: #aaa;
	position: absolute;
	top: 450px;
}
#menu{
	margin: auto;
	text-align: right;
	width: 750px;
	position: relative;
	top: 4px;
	font-weight: bold;
}

#tabsH {
      float:right;
      font-size:95%;
      line-height:normal;
      }

#tabsH ul {
	margin:0;
	padding:10px 20px 0 0px;
	list-style:none;
      }

#tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }

#tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    
#tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 14px 4px 6px;
      color:#ccc;
      }

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
#tabsH a span {float:none;}
    
	/* End IE5-Mac hack */
    
#tabsH a:hover span {
      color: #9cf;
      }
    
#tabsH a:hover {
      background-position:0% -42px;
      }
    
#tabsH a:hover span {
      background-position:100% -42px;
      }
	  
#tabsH a.liveLink {
      background-position:0% -42px;
      }

#tabsH a.liveLink span {
      background-position:100% -42px;
	  color: #9cf;
      }

p{
	font: 115%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
}
	  
h2{
	font: 180%/1.2 Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color: #fff;
	margin-bottom: 7px;
}

h5{
	font: 140%/1.2 Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color: #fff;
	margin-bottom: 7px;
}

h6{
	font: 130%/1.2 Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color: #9cf;
	margin-bottom: 7px;
}


div.row {
	  clear: both;
	  padding-top: 10px;
  }

div.row span.label {
	  float: left;
	  width: 100px;
	  text-align: right;
	  color: #ddd;
	  font-size: 1.2em;
	  padding-right: 5px;
  }
 
div.row span.button {
	  float: right;
	  text-align: right;
	  padding-right: 10px;
  }

div.row span.form {
	  float: left;
	  width: 325px;
	  text-align: left;
  } 
  
div.row input.styled{
		border: 1px solid #ccc;
		background-color: #f3f3f6;
		color: #135;
}

div.row textarea.styled{
		border: 1px solid #ccc;
		background-color: #f3f3f6;
		color: #135;
}
#flash_object{
	padding-left: 100px;
	padding-top: 10px;
	color: #fff;
	}
ul{

}
li{
font: 115%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

 /* Float containers fix: */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */