@charset "UTF-8";
/* CSS Document */


* {
margin:0;
padding:0;
}

img {
	border-style: none;
	}

body {
background-color:#000000;
font-family:Helvetica, sans-serif;
color: #333333;
}

#container {
width:1015px;
height:100%;
margin: 0 auto 0 auto;
border-left: #041a1c solid 10px;
border-right: #041a1c solid 10px;
background:url(images3/bg_long.png) repeat-y top left;
}

#container2 {
width:1015px;
height:100%;
margin: 0 auto 0 auto;
border-left: #041a1c solid 10px;
border-right: #041a1c solid 10px;
background:url(images3/bg_long.png) repeat-y top left;
}

#header #hdr {
margin-top:10px;
margin-left:10px;
width:auto;
height:auto;
float:left;
}

#header #hdr a:link, #hdr a:visited, #hdr a:hover, #hdr a:active {
text-decoration:none;
border:none;
}

#header #hdr img {
border:none;
}

#header {
width:1015px;
height:275px;
background:url(images3/Header.png) no-repeat top left;
}

ul#menu {
width: 450px;
margin-top: 10px;
margin-right:15px;
list-style:none;
float:right;
}

ul#menu li {
padding:5px 10px;
margin-top:5px;
margin-right:10px;
font-size:16px;
color:#FFFFFF;
float:right;
}

ul#menu li:hover {
padding-left:9px;
padding-right:9px;
padding-top:4px;
border:1px solid #FFFFFF;
}

ul#menu li:active {
padding-left:9px;
padding-right:9px;
padding-top:4px;
border:1px solid #041a1c;
}

ul#menu a:link, ul#menu a:visited, ul#menu a:hover, ul#menu a:active {
padding:5px 10px;
display:block;
text-decoration:none;
color:#FFFFFF;
}

ul#menu a:hover {
color:#FFFFFF;
}

#content {
padding-left:55px;
height: 425px;
}

#body_gallery #content {
width:950px;
height:100%;
}

#content2 {
height:520px;
}

#content2 #gallery {
margin-top:10px;
width:1015px;
border-top:1px dashed #333333;
border-bottom:1px dashed #333333;
float:left;
background:url(images/bg_gallery2.png) repeat;
}

#content #main {
margin:-15px 10px 15px 0;
width:600px;
height: auto;
border:1px dashed  #666666;
float:left;
background:url(main/images/bg_main.png) repeat top left;
}

#body_gallery #main {
padding-top:15px;
padding-left:10px;
margin:-10px auto 15px 0;
height:1125px;
width:882px;
float:none;
}

#body_about #content, #body_contact #content  {
	height:475px;
}


#body_gallery h2 {
margin-bottom: 10px;
}

#content #main h2 {
padding:10px 27px 5px 27px;
font-size:16px;
border-bottom:1px solid #333333;
}

#content #main p {
margin-top:20px;
}

#content #main #iframe {
margin:15px 20px;
width:560px;
height:365px;
border:none;
overflow:scroll;
background:none;
}

#content #sidebar {
margin:25px 65px 0px 15px;
width:242px;
float:right;
background:url(images3/sidebar/images/sidebar_05.png) repeat-y;
}

#sidebar h2 {
margin-top: -40px;
padding-top:40px;
padding-bottom:5px;
font-size:12px;
font-weight:bold;
width:255px;
background: url(images3/sidebar/images/sidebar_03.png) no-repeat left top;
}


#sidebar p {
font-size:11px;
font-stretch:semi-expanded;
}

#sidebar a { text-decoration:none;}

#sidebar p.last {
margin-bottom: -48px;
padding-bottom:40px;
width:255px;
font-size:11px;
font-stretch:semi-expanded;
background: url(images3/sidebar/images/sidebar_07.png) no-repeat left bottom;
}

#sidebar p.last a:link, #sidebar p.last a:visited, #sidebar p.last a:hover, #sidebar p.last a:active {
text-decoration:none;
width:200px;
color: #333;
}







#sidebar h2, p.last, p, h3, ul#links {
padding-left:29px;
padding-right:29px;
}

#sidebar h3 {
	margin-top:15px;
}




#sidebar ul#flickr {
margin:5px 0 20px 30px;
width:190px;
height:190px;
list-style:none;
}

#sidebar span {
color:#603;
}

#sidebar ul#flickr li {
height:75px;
width:75px;
margin-right:10px;
margin-bottom:10px;
float:left;
border:5px solid #868686;
}

#sidebar ul#flickr li:hover {
border:5px solid #333333;
}

#sidebar ul#flicker a:link, a:visited, a:hover a:active {
display:block;
text-decoration:none;
}

#sidebar .inspire {
width:50px;
margin:5px 5px 5px 0;
background:#868686;
border:3px solid #868686;
float:left;

}

#sidebar .inspire h4 {
	margin-bottom:2px;
	font-size:10px;
}

#sidebar #ins_wr {
	padding-left:29px;
	padding-right:29px;
}


#footer {
width: 1015px;
height:268px;
font-size:11px;
color:#666666;
background: url(images3/footer_02.png) no-repeat bottom left;
}

#footer p.website {
font-size:11px;
padding-left:20px;
padding-top:244px;
float:left;
}

#footer p.website a:link, p.website a:visited,  p.website a:hover,  p.website a:active {
text-decoration:none;
color:#666666;
}

#footer p.rights {
padding-right:20px;
padding-top:244px;
float:right;
}


  #emailform {
  margin:30px 0 0 75px;
  }
   
   #emailform .footer {
     line-height:150%;
     margin:25px 0 25px 0;
     text-align:center;
	 }
	 
   #emailform .footer  p {
     line-height:150%;
	 }
	
.cssform p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label {
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform #terms {
  margin-top: 5px;
  }
  
.cssforms #send, #reset {
margin-right:15px;
float: left;
  }
  
.img_box {
margin:5px;
padding:5px 10px 10px 5px;
height:100px;
width:100px;
background:url(images/img_bg.png) top left;
float:left;
}


.clear {
	clear:left;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/