/* 
A CSS By Erwin Draft
Please Do Not Modify This
 */
* {
	margin: 0;
	padding: 0;
	color: #aaa;
}


body
{
width:800px;
margin-left:auto;
margin-right:auto;
background: #131313;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#CCCCCC;
}
#container
{
width:800px;
margin-left:auto;
margin-right:auto;
}
#top
{
height:45px;
margin:0 auto;
width:800px;
}
#top a
{
 width: 1em;
color: #9fa5ac;
text-decoration:none;
padding: 1px 2px 1px 5px;
}
#top a:hover 
{  width: 1em;
color: #50c8ff; 
border-left: 2px solid #50c8ff; 
}
#header
{
	margin: 0 auto;
	width: 800px;
	height: 230px;
	text-align: left;
	font-size: 1px;

}

#navigation {
	margin:0 auto;
	width: 798px;
	height: 27px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: inherit;
	background-color: #0f0f0f;
	clear:both;
	border-bottom:1px #191919 solid;
	}
#navigation ul {
	margin-left:10px;
	padding-top:8px;
	}
#navigation li {
	display: inline;
	border-right: 1px #222 solid;
	}		
#navigation li a {
	margin-left:10px;
	padding-right:8px;
	font-weight:bold;
	color: #888;
	background-color: inherit;		
	}
	
#content {
	font-weight: normal;
	margin: 0 auto;
	width: 800px;
	text-align: left;
	clear: both;
	}		
#left
{
padding-top:35px;
margin-left:10px;
margin-right:auto;
width:520px;
float:left;

}
#left p
{color: #595959;
}
#right
{
padding-top:35px;
float:right;
padding-left:10px;
margin-right:10px;
width:236px;

}
div#right p 
{ 
font-size: 7.5pt; 
color: #595959;
}
h1 {
color:#0f97c9; 
font-family:Verdana; 
font-size:11px; 
font-weight:bold;
	
}
h2 {
	padding: .25em 2px;
	background:#161616;
}
h2 a {
	width: 600px;
	font: bold 10px/12px verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
h2:hover {
	background: #444;
}
h2:hover a {
	color: #fff;
}
h2 a {
	color: #864;
	text-decoration: none;
	outline: none;
}
h2 a:hover {
	color: #fff;
}

h3
{

color: #50c8ff; 
font-size: 18pt; 
font-weight: normal; 
margin-bottom: .75em; 
}
h3,h4,h5{ padding: 0; margin: 0 0 1em 0; }
h3,h4,h5{ line-height: normal; font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;  }	
h4 { color: #50c8ff; font-size: 10pt; font-weight: 100; }
h5 { color: #EDF3A0; font-size: 8pt; font-weight: 100; }
p { font-size: 9pt; margin-bottom: 2em; }

a { color: #d4ff50; text-decoration: underline; }
a:hover { text-decoration: none; }	

img.imgleft { float: left; margin: 0 1em 1em 0; }
img.imgright { float: right; margin: 0 0 1em 1em; }
img.imgcenter { margin: 0 0 1em 0; }
div.paragraph { width: 100%; margin-bottom: 2em; padding-top: 10px; border-top: 1px solid #222222; }

div#footer { 
clear: both; 
padding: 1em 0;
text-align:center;
color:#484848; 
font-family:Verdana; 
font-size:10px;

}
div#footer a { color: #A8C5FB; text-decoration: none; }
div#footer a:hover { color: #50c8ff; }



.clear {
  clear: both;
  font: 0/0 sans-serif;
}

.mini-img {
  /*padding-top: 5px;*/
  margin-bottom: 10px;
  display: inline;
 
}

.leftside-photo {
  padding-bottom: 20px;
  background: url("") bottom repeat-x;
  margin-bottom: 20px;
}
.top-flickr-wait {
  position:absolute;
  top:350px;
  left: 400px;
  width:197px;
  height:44px;
  background: url("../img/tphotonowloading.png") no-repeat; 
  background-image: none;
   z-index:999;
  text-indent: -9000em;
}

#top-flickr-img-box {
  width:640px;
  height:427px;
  margin-bottom:15px;
  position:relative;
  cursor:pointer;
  z-index:1001;
  overflow:hidden;
}

.photo-img {
  width: 72px;
  height: 72px;
  margin-right: 9px;
  background: #ccc url("../img/photoback.gif") no-repeat;
cursor:pointer;
}

.top-flickr-img {
 }
 
 
 .photo-next-btn {
  float:left;
  display: block;
  background: url("../img/photo_next.gif") 0 0 no-repeat;
  width: 11px;
  height: 12px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px 3px 0px 8px;
  cursor: pointer;
}

.photo-next-btn:hover {
  background-position: 0px -12px;
  cursor: pointer;
}

.photo-prev-btn {
  float:left;
  display: block;
  background: url("../img/photo_prev.gif") 0 0 no-repeat;
  width: 11px;
  height: 12px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px;
  cursor: pointer;
}

.photo-prev-btn:hover {
  background-position: 0px -12px;
  cursor: pointer;
}

.photo-toflickr {
  float:right;
  display: block;
  background: url("../img/toflickr2.gif") 0 0 no-repeat;
  width: 18px;
  height: 9px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0 5px 0 0;
}

.photo-toflickr:hover {
  background-position: 0px -9px;
}


#photo-box {
  width: 650px;
  height: 72px;
  overflow:hidden;
  position:relative;
}

#photo-box-inner {
  position:absolute;
  z-index: 1;
  background: #131313;
  overflow:hidden;
}

.pointer {
	cursor: pointer;
	color:#B8B5FD;
	font-size: 1.8em;
	font-weight: 100;
}




#intro
{
border-bottom:2px solid #000000;
}
#video
{
border-bottom:2px solid #000000;
border-top:1px solid #333333;
}
#slide
{
border-top:1px solid #333333;
}
#borderspace
{
margin-top:20px;
height:740px;
}
.border { 
padding-top:15px; 
margin: 0 0 6px 0; 
background: url(../img/level.gif) left top repeat-x #101010; 

}
#borderportfolio
{
margin-top:20px;
height:350px;
padding-left:20px;

}
#bordercomment
{
margin-top:20px;
height:1800px;
}
#gallery
{
padding-left:75px;
}
#contact
{
margin-top:20px;
color:#777;
font:11px normal;
font-family:Arial, Helvetica, sans-serif;
}

.form_wrap {
	float: left;
	width: 300px;
	margin: 0 50px 0 0;
	padding-left:30px;
	padding-top:20px;
	}


.form_wrap label {
	float: left;
	width: 200px;
	margin: 0 20px 3px 0;
	}
.input {
	float: left;
	margin: 0 0 20px 0;
	width: 250px;
	background: #555;
	border: 1px solid #656565;
	border-top: 1px solid #1b1b1b;
	border-left: 1px solid #1b1b1b;
	}
	
.button {
	background: #555;
	border: 1px double #1b1b1b;
	padding: 2px;
	color: #fff;
	width: 70px;
	margin: 0 0 10px 0;
	font-size: 11px;
	float: left;
	}
	
.button:hover, .button:focus {
	border: 1px double #656565;
	background: #666;
	}
	
	ul.aboutus {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	float: left;
	clear: both;
	width:auto;
	}
	ul.aboutus li a
	{
	color:#B8B5FD;
	text-decoration:none;
	}
		ul.aboutus li a:hover
	{
	color: #E69A35;
	text-decoration:none;
	}
	
#portfolioimg
{
width:306px; 
float:left; 
border-left:3px solid #666666;
 border-top:4px solid #333333;
 border-right:3px solid #666666;
 border-bottom:2px solid #333333;
}
#profile
{
margin-top:20px;
padding-left:20px;
padding-top:40px;
height:300px;
}
#profile p
{

	color: #595959;
font-size: 7.5pt;
}
#leftprofile
{
float:left;
width:200px;
}
#rightprofile
{
width:300px;
margin-left:50px;
float:left;
color: #595959;
font-size: 7.5pt;
line-height:20px;

}
#rightprofile a
{
text-decoration:none;
color:#C1C9EE;
}
#rightprofile a:hover
{
text-decoration:none;
color: #BB8CFB;
}
#rightprofile2
{
width:auto;
float:right;
margin-right:50px;

}
.buttonplay
{
background: #5B5B5B;
	border:2px outset #447B90;
	padding:0 2px;
	margin-top:8px;
	font-size:10pt;
font-family:"Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;
	cursor:pointer;
	
}
.buttonplay:hover
{
color:white;
	border:2px outset #264450;
	background:#B1B8C2;
}
.list
{
background: #5B5B5B;
	border:2px outset #447B90;
	padding:0 2px;
	margin-top:8px;
	font-size:10pt;
font-family:"Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;
	cursor:pointer;
	color:#FFFFFF;
	width:350px;
	
}