@charset "utf-8";
/*-----------------------------------------------------------------------
Philleep Florence Style Sheet (http://www.philleep.com)

version:	3
date:		July 18, 2009
author:		Philleep Florence
email:		designer@philleep.com
website:	http://www.philleep.com
/*-------------------------------------------------------------------- */

/* Global CSS*/
/*-------------------------------------------------------------------- */
* {font-size: 11px; margin: 0; padding: 0;}
a:link{color: #FFF; text-decoration: none;}
a:visited{text-decoration: none; color:#FFF;}
a:hover{text-decoration: none; color:#FFF}
a:active{text-decoration: none; color: #FFF;}
a{outline: none;} /* Firefox dotted fix */
a, img{border: none;} /* IE blue border fix */
li{list-style-type: none;}  /* Hide list dot */
html, body{
	height:100%; 
	width:100%;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color:#DDD;
	background:#000;
}
#container{width:auto; height:auto;}
#content_works, #content_about{width:auto; height:auto; margin:50px 10px 10px 280px; padding-bottom:20px;}
.top_span{display:none;}
#preloader{position:absolute; left:50%; bottom:50%; width:109px; height:99px;}

.about_holder, .services_holder, .skills_holder, .portfolio_holder, .clients_holder{
	width:250px;
	height:400px;
	float:left;
	background-color:#000;
	margin:10px 10px 10px 10px;
}
.awards_holder{
	width:250px;
	height:auto;
	float:left;
	background-color:#000;
	margin:10px 10px 10px 10px;
	padding-bottom:20px;
}

.recommend_holder{
	position:absolute; 
	left:10px; 
	bottom:10px;
	width:250px;
	height:auto;
	background-color:#000;
	margin:10px 10px 10px 10px;
	padding-bottom:5px;
}

.go_top{padding:10px 10px 10px 10px;}

.menu_holder{
	position:absolute; 
	left:10px; 
	top:50px;
	width:250px;
	height:auto;
	background-color:#000;
	margin:10px 10px 10px 10px;
	padding-bottom:20px;
}

.contact_holder, .contact_info{
	position:absolute; 
	right:10px; 
	bottom:10px;
	width:250px;
	height:auto;
	background-color:#000;
	margin:10px 10px 10px 10px;
	padding-bottom:20px;
}

.contact_info, .contact_holder{display:none;}

#works, #about{display:none;}


.menu_title, .menu_entry, .news_title, .about_title, .services_title, .skills_title, .portfolio_title, .clients_title, .contact_title, .awards_title, .top_span, .skills_image{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.menu_title{font-size:20px; color:#555; padding:10px 10px 10px 10px; cursor:default;}
.menu_entry{padding:5px 10px 5px 10px; font-size:18px;}
.menu_entry a{color:#BBB; font-size:16px; cursor:pointer;}
.menu_under{color:#555; padding:20px 0px 0px 10px; cursor:default;}
.top_span{color:#777; font-size:14px; padding:0px 10px 10px 5px;}

.about_title{font-size:18px; color:#960; padding:10px 10px 10px 10px;}
.about_entry{padding:5px 10px 5px 10px;}
.about_entry a, .about_span{color:#960;}
.about_entry a:hover{color:#FFF;}
.about_under{color:#960; padding:10px 0px 0px 10px; cursor:default;}
.about_holder{border-bottom:1px dotted #960; background:url(../images/profile.png);}

.services_title{font-size:18px; color:#9C0; padding:10px 10px 10px 10px;}
.services_entry{padding:5px 10px 5px 10px;}
.services_entry a{color:#9C0;}
.services_entry a:hover{color:#FFF;}
.services_under{color:#9C0; padding:10px 0px 0px 10px; cursor:default;}
.services_holder{border-bottom:1px dotted #9C0; background:url(../images/services.png);}

.skills_title{font-size:18px; color:#09F; padding:10px 10px 10px 10px;}
.skills_entry{padding:5px 10px 5px 10px;}
.skills_entry a{color:#09F;}
.skills_entry a:hover{color:#FFF;}
.skills_under{color:#09F; padding:10px 0px 0px 10px; cursor:default;}
.skills_image{
	background-color:#222; 
	width:225px; 
	height:160px; 
	padding:40px 5px 0 0;
	margin:10px 0 10px 10px; 
	color:#000;
	text-align:right;
	font-variant:small-caps;
	font-size:160px;
	cursor:default;
	letter-spacing:-5px;
}
.skills_holder{border-bottom:1px dotted #09F; background:url(../images/skills.png);}

.portfolio_title{font-size:18px; color:#F60; padding:10px 10px 10px 10px;}
.portfolio_entry{padding:5px 10px 5px 10px;}
.portfolio_entry a{color:#F60;}
.portfolio_entry a:hover{color:#FFF;}
.portfolio_under{color:#F60; padding:10px 0px 0px 10px; cursor:default;}
.portfolio_div{
	background:url(../images/portBg.png) no-repeat;
	width:230px; 
	height:230px;
	margin-left:10px;
	margin-bottom:20px;
}
.portfolio_holder{border-bottom:1px dotted #F60; background:url(../images/works.png);}

.clients_title{font-size:18px; color:#66C; padding:10px 10px 10px 10px;}
.clients_entry{padding:5px 10px 5px 10px;}
.clients_entry a{color:#66C;}
.clients_entry a:hover{color:#FFF;}
.clients_under{color:#66C; padding:10px 0px 0px 10px; cursor:default;}
.clients_holder{border-bottom:1px dotted #66C; background:url(../images/clients.png);}

.contact_title{font-size:18px; color:#FF0; padding:10px 10px 10px 10px;}
.contact_entry, .contact_valid, .contact_get{padding:5px 10px 5px 10px;}
.contact_entry a, .contact_valid, .contact_get a{color:#FF0;}
.contact_entry a:hover{color:#FFF;}
.contact_under{color:#FF0; padding:10px 0px 0px 10px; cursor:default;}
.contact_get{cursor:pointer;}

.awards_title{font-size:18px; color:#0FF; padding:10px 10px 10px 10px;}
.awards_entry{padding:15px 10px 5px 10px;}
.awards_entry a{color:#0FF;}
.awards_entry a:hover{color:#FFF;}
.awards_under{color:#0FF; padding:10px 0px 0px 10px; cursor:default;}
.awards_image{border-bottom:1px dotted #0FF; margin-left:10px; padding-top:20px;}


.line_span{font-size:18px; color:#555; padding:0px 0px 10px 10px;}

.menu_span{font-size:18px; color:#555; display:none; font-weight:bolder;}

#comment_form, #recommend_form{margin-left:10px;}

#author, #email, #phone, #comment, #submit, #their_email, #your_name, #recommend{background-color:#222; border:none; margin-top:10px;}

#your_name:hover, #author:hover, #email:hover, #their_email:hover, #phone:hover, #comment:hover{background-color:#444; color:#DDD;}
#your_name:focus, #author:focus, #email:focus, #their_email:focus, #phone:focus, #comment:focus{background-color:#444; color:#DDD;}

#author, #email, #phone, #your_name, #their_email{
	width:225px; 
	height:20px; 
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#CCC; 
	padding:5px 0px 2px 5px;
}

#comment{
	width:225px; 
	height:100px; 
	padding:5px 0px 5px 5px; 
	overflow:hidden; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#CCC;
}
#submit{
	width:230px; 
	height:27px;
	cursor:pointer; 
	color:#CCC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding-bottom:5px;
	text-align:left;
	padding-left:4px;
}

#recommend{
	width:230px; 
	height:27px;
	cursor:pointer; 
	color:#CCC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding-bottom:5px;
	text-align:left;
	padding-left:4px;
}

#submit:hover, #recommend:hover{
	background:#444;
	border:none;
	color:#EEE;
}


.contact_top{color:#FF0; padding:20px 0 10px 10px;}