/* CSS Document */
A {outline: none;}

table {
	font-size: 12px;
	text-decoration: none;
  border-collapse: separate; border-spacing: 0;	
}

body {
	margin: 0px 0px 0px 0px; 
	background-color: #252220; 
			background-image: url(images/bg.jpg);
			background-repeat : no-repeat;
			background-position : center center;
			background-attachment: fixed;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;			
	font-size: 10px; 
	text-decoration: none;
color: ffffff; 	
	 }
/* CSS Reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;	padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }
:focus { outline: 0; }
body { line-height: 1; color: #cccccc; font-size: 12px; font-family: "Century Gothic",Century Gothic,Verdana,Sans-Serif; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

#preloader {
    /* Images you want to preload*/
    background-image: url(images/clickherefor_o.png);
    background-image: url(images/facebook_o.png);
    background-image: url(images/myspace_o.png);
    background-image: url(images/twitter_o.png);    
    width: 0px;
    height: 0px;
    display: inline;
}

/* Left menu */
#menu { height: 490px; left:0; overflow:hidden;  width:178px; font-size: 15px; color: black; }
	#menu .menupage { width: 190px; height: 400px; float: left; }
		#menu .menupage ul.menu { padding: 10px 0px 0px 0px; }
		#menu .menupage ul.menu li { line-height: 12px; }
			#menu .menupage ul.menu li h3 { font-weight: bold; color: #ccc; width: 160px; padding: 5px 0px 5px 16px; margin-bottom: 5px; }
			#menu .menupage ul.menu li a { color: #fff; text-decoration: none; display: block; width: 160px; padding: 5px 0px 5px 16px; margin-bottom: 5px; }
			#menu .menupage ul.menu li a.sel { font-weight: bold; color: #ccc; }
				#menu .menupage ul.menu li a:hover { color: #ccc; }

		#menu .menupage ul.menu li ul.submenu { }				
			#menu .menupage ul.menu li ul.submenu li a { padding: 1px 0px 6px 30px; margin-bottom: 2px; font-size: 13px; }				
			
		#menu .backLink { background:url(/images/icon_back.png) no-repeat left 11px; border-top:1px solid #999; color:#333333; display:block; font-size:14px; height:17px; margin:16px 0 0 16px; opacity:0.5; padding:6px 0 0 17px; text-decoration:none; width:148px; }
			#menu .backLink:hover { opacity: 1.0; }
		
		#menu a#galleryLink { color:#000000; display:inline; margin:0; padding:0; position:relative; }
		#menu a#subMenuLink { margin-bottom: -8px; }
			
.portfolioPage #menu { left: -380px; }		

div.subpage { height: 540px; max-height: 540px; font-size:13px; line-height:16px; color: #ddd; }
	p.comingSoon { color:#CCCCCC; margin:0px 10px 0; padding-top: 250px; text-align:center; }
	
div.subpage h3 { font-size: 13px; font-weight: bold; padding: 0px 0px 5px 0px; border-bottom: 1px solid #333; margin: 0px 0px 4px 0px; }


#mainContent {
margin:20px 16px 20px 16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:18px;
color:#000000;
}


h1 {
margin: 0 0 14px 0;

font-size: 20px;
color: #dddddd;
font-weight:normal;
text-shadow: #777 2px 2px 0;
}

h2 {
margin: 0px 0 2px 0;
text-align: center;
font-size: 16px;
color:#dddddd;
font-weight:bold;
}

h6 {
margin: 0 0 16px 0;
font-size:11px;
color:#666;
}

#page-wrap {
	width: 500px;
	background: #000000;
	padding: 25px 15px 25px 15px;
	margin: 60px 0px 0px 135px; 
	min-height: 100px;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;	
	font-family: Verdana, Sans-Serif;   
}

#contact-area {
	width: 500px;
	margin-top: 0px;
	
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	background: #cccccc;
	color: #000000;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #aaa;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #bc1b1b;
}

#contact-area input.submit-button {
	width: 60px;
	margin: 0px 0px 0px 0px;
	float: left;
	color: #000000;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}


#about-wrap {
	width: 200px;
	background: #000000;
	padding: 10px 10px 10px 10px;
	margin: 60px 0px 0px 70px; 
	min-height: 100px;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=75);
  /* CSS3 standard */
  opacity:0.75;	
	font-family: Verdana, Sans-Serif;   
}

#about-area {
	padding: 0px;
	width: 200px;
	background: #000000;
	color: #000000;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

#info-area {
	padding: 0px;
	width: 200px;
	background: #000000;
	color: #000000;
	font-family: Century Gothic,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px 2px 0px;
}

#info-area ul {
  list-style-type: circle; 
  font-weight:bold;
	margin: 0px 0px 1px 70px;  
}
	
#info-area a {
	color: #ffffff;
	font-family: Century Gothic,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px 2px 0px;
}