html,body{ 
 padding:0;
 text-align:left; 
 FONT: 11px Georgia, Verdana, Arial, Helvetica, sans-serif;
 COLOR: #000000;
 text-decoration: none;
 line-height: 16px;
 margin: 0 auto; 
}
 
 
 table {
 margin: 0 auto;  
 } 
 
 img {
 border: 0;
 }

#container{
width:770px;
margin: 0 auto;
background: url('images/shad.gif') repeat-y #FFF;
position: relative;
}

#pagewidth{
 width:740px;
position: relative;
margin: 0 auto;

}

#header{
 position: relative;
 height:80px;
 width:100%;
 align: center;
 text-align:left;

}

#header img.logo{
 position: relative;
}




#leftcol{
 width:150px;
 height:100%;
 clear:both;
 float:left;
 margin: 32px 0px 0px 5px;
 position:relative;

 }
 
 
 
 .home_left_col_text{
 margin: 4px;
 vertical-align: bottom;		
}
	
 
 .home_left_col_text_work{
  margin: 8px;
  vertical-align: bottom;		
}
 
 
 #maincol{
  float: right;
  position: relative;
  width:577px;
  padding-top: 32px;

  }

#home_maincol{
  float: right;
  position: relative;
  width:577px;
   padding-top: 23px;
	height: 370px;


  }

 
 /* this will target IE 
 * html #maincol{  
 clear: both;
   }   */ 
 
 #rightcol{
  width:175px;
  float:right;
  position:relative;
   border: 1px solid #000;
 }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */

.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

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




/* CONTACT */

#pagecontact{
float: right;
 width:220px;
position: absolute;
top: 10px;
left: 520px;
margin: 0px 12px 0px 0px ;
font: 9px Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
color: #7B7B7B;	

}


#workpagecontact{
 width:530px;
position: relative;
margin: 0 auto;
font: 9px Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 14px;
font-weight: normal;			
padding-bottom: 14px;
color: #7B7B7B;	
}
	
	
/*  END CONTACT */
	
	
.right_header_td {
font-family: 9px Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 14px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 1px;
color: #999999;		
}	
		
		
A:link { color: #F01696;  font-weight: normal; text-decoration: none;}	
A:active { color: #F01696;  font-weight: normal; text-decoration: none;}	
A:visited { color: #F01696; font-weight: normal; text-decoration: none;}	
A:hover { color: #FF5FBD;   font-weight: normal; text-decoration: none;}
			
		
		
a.menu:link { color: #D7D7D7;  font-family: Verdana; font-size: 10px; margin-left: 10px; font-weight: normal; text-decoration: none; }
a.menu:active { color: #D7D7D7;  font-family: Verdana; font-size: 10px; margin-left: 10px; font-weight: normal; text-decoration: none; }
a.menu:visited { color: #D7D7D7;  font-family:  Verdana; font-size: 10px; margin-left: 10px; font-weight: normal; text-decoration: none;  }
a.menu:hover { color: #FFFFFF;  font-family: Verdana; font-size: 10px; margin-left: 10px; font-weight: normal; text-decoration: none;  }
	
	
	.rightdotted
	{ 
	border-right: 1px dotted #999999;
	}
	
	
	.rightsolid
	{ 
	border-right: 1px solid #999999;
	}
	
	.bottomsolid
	{ 
	border-bottom: 1px solid #999999;
	}
	
	
	.bottom_menu_solid	{ 
	border-bottom: 1px solid #4E4E4E;
	}
	
	
#homepagebottom{
width: 726px;
 margin: 0px;
 clear:both;
 /*border-top: 1px dotted #999999;*/
 margin: auto;
 } 		
	
	
.homebottom_td {			
	padding: 11px;
	width:278px;	
	}
		
		
		
/* MENU */	

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 150px;

}

.glossymenu li a{
background: white url(images/glossyback2.gif) repeat-x bottom left;
font: 10px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 7px 0;
padding-left: 12px;
text-decoration: none;

}



* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback.gif);
}	





/* OLD MENU	
		
		
table.navbar {
  border-collapse: collapse;
  background-color: #F01696;

}

table.navbar td {
   border-bottom: 1px solid #4E4E4E;
}

table.navbar td a{
  display: block;
  height:45%;
   padding: 8px;
   text-decoration: none;
 
}

table.navbar td a:link, table.navbar td a:visited {
   color: #969696;
   background-color: #000000;
}
table.navbar td a:hover, table.navbar td a:active {
   color: #ffffff;
   background-color: #323232;
}		
		
		
 */
 
 
 
 


table.aboutpage {
	margin: 0px;
	background-color: #F0EFE7;
	vertical-align:top;
	width: 568px;
	padding: 4px;
	
}

table.aboutpage td {
	border-collapse: separate;
	margin: 0px;
	vertical-align:top;
	padding: 6px;
	
}





/* PORTFOLIO */








#aboutpage {
	margin: 0px;
	float: left;
	border-collapse: separate;
	background-color: #F0EFE7;
	padding: 4px;
	vertical-align: top;
	width: 560px;
	height:100%;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
 	COLOR: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
 	position: relative;
}



* html #workpage {
	margin: 0px auto;
	float: left;
	text-align: center;
	border-collapse: separate;
	background-color: #F0EFE7;
	padding: 8px 4px 2px 4px;
	vertical-align: top;
	width: 566px;
	height:100%;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
 	COLOR: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
 	position: relative;
 	
}




#workpage {
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	border-collapse: separate;
	background-color: #F0EFE7;
	padding: 8px 4px 4px 4px;
	vertical-align: top;
	width: 560px;
	height:100%;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
 	COLOR: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
 	position: relative;
 	
}



* html #portfoliopage {
	margin: 0px auto;
	float: left;
	border-collapse: separate;
	background-color: #F0EFE7;
	padding: 8px 4px 2px 4px;
	vertical-align: top;
	width: 566px;
	height:100%;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
 	COLOR: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
 	position: relative;
 	
}




#portfoliopage {
	margin: 0px;
	float: left;
	border-collapse: separate;
	background-color: #F0EFE7;
	padding: 8px 4px 4px 4px;
	vertical-align: top;
	width: 560px;
	height:100%;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
 	COLOR: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
 	position: relative;
 	
}



 #portfolio {
     margin: 0px;
     padding: 0px;
     }
 
 #portfolio li {
     float: left;
     margin: 0px 0px 6px 2px;
     width: 184px;
     height: 220px;     
	 list-style: none;
     }
 
 #portfolio li a {
     margin: 0px;
     }
 
 #portfolio li img {
     padding: 0px -10px -10px 0;
     }
 
 #portfolio li a img {
     border: 4px solid #F0EFE7;
     }
 
 #portfolio li a:hover img {
     border: 4px solid #dfdfd7;
    }
 
 








#whitebox{
position: relative;
border: none;
background-color: #ffffff;
padding: 10px;
float: left;
/*filter:shadow(color:gray);*/
/*border: 1px solid #999999;*/
}




.print {
background-color: #1CCEE3;
color:#ffffff;
text-transform: uppercase;
FONT: 10px Verdana, Arial, Helvetica, sans-serif;


}


.web {
background-color: #00C682;
color:#ffffff;
text-transform: uppercase;
FONT: 10px Verdana, Arial, Helvetica, sans-serif;
}


.logo {
background-color: #EA73B9;
color:#ffffff;
text-transform: uppercase;
FONT: 10px Verdana, Arial, Helvetica, sans-serif;
}




/* --------- FORM ------ */



label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 4px;
}

label,textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 4px;
}
label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}



#footer{
background: url(images/shad.gif) repeat-y #FFF; 
height: 70px; 
padding-top: 20px

   }



#footer p{
float: right;
padding-right: 30px;
FONT: 10px Georgia, Verdana, Arial, Helvetica, sans-serif;
COLOR: #999999;
text-transform: uppercase;

   }

 
#footer img{
padding-left: 30px;
float: left;
   }