/* Common CSS */
body {
  background: #000000 url(../img/bg.jpg) no-repeat scroll center top;
  color: #FFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.75em;
  margin: 0;
  padding: 0;
}
blockquote{
display: inline;
}

img {
  border: 0 none;
}
.spacer{clear:both; height:1px;}
/*
form {
  margin: 0;
}
/* Default Link  properties*/
a {color: #990033; text-decoration:none;}
a:hover {color: #0033FF;}

#page-wrapper{
  margin: 0 auto;
  width: 800px;
  height: 300px;
  position:relative; 	
}
#logo { position:absolute; top:86px; left:0px; } 
#nav ul#pri_menu {    
    margin:0px; padding:0px;   
    position:absolute; top:188px; left:20px;   
}   
ul#sec_menu {    
    margin:0px; padding:0px;   
    position:absolute; top:188px; right:20px;   
}
ul#pri_menu li, ul#sec_menu li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:9px;
	text-transform:uppercase;
	display:inline;
}
ul#pri_menu li a, ul#sec_menu li a {
	color:#FFF;	
}
 ul#pri_menu li {
	
	font-size:14px;
}
ul#sec_menu li{
padding-left: 20px;
}
 ul#sec_menu li.home {

	background: #000 url(../img/home_icon_g.gif) center left no-repeat;
}
 ul#sec_menu li.contact {

	background: #000 url(../img/contact_icon_g.gif) center left no-repeat;
}

ul#pri_menu li a:hover, ul#sec_menu li a:hover{
 color: #996699;
}

.selected a{ color: #0074a8;}

#infopanel {
position: absolute;
top: 235px; left: 20px;
}
#infopanel h1.title{
font-family: "Arial Narrow",sans-serif;
font-size: 18px;
color: #FFF;
word-spacing : 0.2em;
}
#content {
	padding-top:350px;
	
	padding-left:5px;
	width:815px;
	margin: 0 auto;
	color:#FFF;
	font-size:13px;
	line-height:20px;
	
	background: url(../img/content_bg.png) repeat-x 50px 350px;
	
	
}
/* Left Column  & Right Column  & Column Headings*/
#content h1{padding:0;text-indent: -9999px;}
.leftcol{ float:left; width:375px; margin-right:30px;}
.rightcol { float:left; width:380px; margin-right:30px;} 
.leftcol h1  { margin:0;padding:0;text-indent: -9999px;}
.rightcol h1{ margin:0;padding:0;margin-left: 1.8em;text-indent: -9999px;}
.leftcol p { text-align:justify; line-height:1.2em;}
.aboutme { background:url(../img/all_about_me_text.png) top left no-repeat ; }
.contact { background:url(../img/contact_text.png) top left no-repeat ; }
.portfolio { background:url(../img/portfolio_text.png) top left no-repeat ; }
.featured { background:url(../img/featured_work_text.png) top left no-repeat ; }

#footer{
	clear: both;
	width: 100%;
	border-top : 1px solid #5f5f5f;
	
  
}
div#footer span{
	font-size: 9px;
}
/* CSS selectors for Portfolio page */
.piece {
background-color:#FCFCFC;
float:left;
margin:0 20px 20px ;
width:220px;
}
* html .piece{margin:0 12px 28px 12px;}
.piece:hover{background-color:#f7f7f7;}
.piece img{
background:url(../img/bkg_piece.gif) top left repeat;
padding: 5px;

}

#content .details{
border:1px solid #f6f6f6;
background-color: #e7e7e7;
background-position:bottom left;
background-repeat:no-repeat;
padding:8px 16px 8px 22px;
min-height:48px;

}
.web {
background-image:url(../img/bg_box_web.gif);
}
.design {
background-image:url(../img/bg_box_design.gif);
}
.separator{
background:url(../img/bkg_gradient.gif) top left repeat-x #d8d8d8;
overflow:hidden;
}
#content .details h2{
color:#464646;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight:normal;
margin:0;
text-decoration:none;
}
#content .details h3{
color:#6d6d6d;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10px;
font-weight:normal;
margin:5px 0 0 0;
text-decoration:none;
}
/* End of CSS selectors for Portfolio Page */

/* CSS Selectors for the Contact Page */


.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
#basic{
	border-right:solid 1px #777;
}

#basic label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:120px;
	float:left;
}
#basic .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:120px;
}
#basic input , #basic textarea{
	float:left;
	width:180px;
	margin:2px 0 30px 10px;
}
#basic input.submit
{	
	clear:both;
	margin-left:130px;
	
	
}
#basic button{ 
	
	margin-left:150px;
	background:#888888;
	color:#FFFFFF;
	border:solid 1px #666666;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
}


div.textcontainer{
margin-left: 100px;

}
div.textcontainer h2{
font-family:  Arial,Helvetica,sans-serif;
font-size: 12px;
margin-left: -20px;
padding-left: 10px;
background: url(../img/header_gradient.png) repeat-x;
color: #FFF;
}

/* End of CSS selectors for Contact Page */
/* CSS Selectors for the About Page */
.box img{
float: right;
margin-right: 80px;
}
.text p{
float: left;
text-align:left;
margin-left: 10px;
width: 400px;}
.text h2,span{margin-left: 10px;width: 300px;}

/* End of CSS selectors for About Page */

.translucent {
  opacity: 0.3;
  filter:alpha(opacity: 30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
.translucent80 {
  opacity: 0.8;
  filter:alpha(opacity: 80);
  -moz-opacity: 0.8;
  -k/* frequently used class */
/*

#quote { position:relative; top:58px; right:0px; } 
.pquote {
 
  width: 8em;
  background: url(../img/openquote.gif) top left no-repeat;
 color: #FFF;
 font-size: 1.2em;
 line-height: 0.9;
 font-style: italic;
 padding: 0.5em;
 margin: 0;
}

.pquote p:first-letter {
font-size: 1.5em;
font-weight: bold;
}
html-opacity: 0.8;
}
.translucent100 {
  opacity: 1.0;
  filter:alpha(opacity: 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
}
#header{
margin-top: 10em;
}

#nav{
  background: #000000;
  border: #6f2468 1px solid;
  
 
}
#nav ul {
list-style: none ;
display : inline;
}
#nav ul .main{
float: left;
}
#nav ul .secondary{
float: right;
}

#nav ul li {
display : inline;
}


#content{
 margin-top: 2em;
 background: #000;
 min-height: 500px;
 border: #1d324d 1px solid;
}
#content #main{

 
 height: 10em;
 background:#000 url(../img/intro.png) no-repeat left top; 
 z-index : 10;
}
#footer{
color:#777;
}
*/