/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff; 
background:url(../images/vtile.jpg) #000;
background-position:top center;
}

ul {
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px; 
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

p{
	padding-bottom:15px;
} 


blockquote{
	padding:10px 40px;
	padding-bottom:20px;
	
}



/* ----------------- LINKS ----------------- */
a:link, a:visited{
color: #fff;
}

a:hover{
color:#f60;
}

a.alt:link, a.alt:visited{
color: #f60;
font-weight:bold;
}

a.alt:hover{
color:#fff;
}

a.email:link, a.email:visited{
color: #fff;
font-weight:bold;
}

a.email:hover{
color:#000;
background:#f60;
}

:focus{
outline:0;
}





/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
}

h2{
font-size:18px;
padding-bottom:5px;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{
font-size:12px;
}


.hilite{
	color:#F60;
	font-weight:bold;
}

.orange{
	color:#F60;
}

.green{
	color:#3F0;
}

.fourteen{
	font-size:14px;
}

.sixteen{
	font-size:16px;
}





/* ----------------- TITLES ----------------- */
.page-title{
	padding-top:20px;
	padding-bottom:20px;
}

.title-welcome{
	background:url(../images/title-welcome.png) no-repeat;
	width:380px;
	height:24px;
	text-indent:-9999px;
	border-bottom:2px solid #5d8e58;
	margin-bottom:5px;
}

.title-featured-projects{
	background:url(../images/title-featured-products.png) no-repeat;
	width:285px;
	height:24px;
	text-indent:-9999px;
	border-bottom:2px solid #5d8e58;
	margin:0px 5px;
	margin-bottom:5px;
	
}

.title-thelatest{
	background:url(../images/title-thelatest.png) no-repeat;
	width:380px;
	height:25px;
	text-indent:-9999px;
	border-bottom:2px solid #5d8e58;
	margin-bottom:5px;
	margin-top:10px;
}









/* ----------------- NAV ----------------- */
#nav{
	padding:20px 0px;
}


ul#menu {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#menu li{
	margin:0px;
	padding:0px 22px;
	float:left;
}

ul#menu li.dash{
	border-right:2px #f60 solid;
}


ul#inner-menu {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:3px;
}

ul#inner-menu li{
	margin:0px;
	padding:0px 12px;
	float:left;
}

ul#inner-menu li.dash{
	border-right:2px #f60 solid;
	padding:0px;
	margin-top:7px;
	height:12px;
}

a.aboutus:link, a.aboutus:visited{
	background:url(../images/aboutus.png);
	height:13px;
	width:78px;
	text-indent:-9999px;
	display:block;
}

a.aboutus:hover{
	background-position:0px -13px;
}


a.services:link, a.services:visited{
	background:url(../images/services.png);
	height:13px;
	width:76px;
	text-indent:-9999px;
	display:block;
}

a.services:hover{
	background-position:0px -13px;
}


a.portfolio:link, a.portfolio:visited{
	background:url(../images/portfolio.png);
	height:13px;
	width:78px;
	text-indent:-9999px;
	display:block;
}

a.portfolio:hover{
	background-position:0px -13px;
}


a.testimonials:link, a.testimonials:visited{
	background:url(../images/testimonials.png);
	height:13px;
	width:110px;
	text-indent:-9999px;
	display:block;
}

a.testimonials:hover{
	background-position:0px -13px;
}


a.employment:link, a.employment:visited{
	background:url(../images/employment.png);
	height:13px;
	width:109px;
	text-indent:-9999px;
	display:block;
}

a.employment:hover{
	background-position:0px -13px;
}


a.contactus:link, a.contactus:visited{
	background:url(../images/contactus.png);
	height:13px;
	width:95px;
	text-indent:-9999px;
	display:block;
}

a.contactus:hover{
	background-position:0px -13px;
}

a.website:link, a.website:visited {
color:#99CC66;
font-weight:normal;
}

a.website:hover{
color:#FF6600;
}



/* ----------------- INSIDE NAV ----------------- */
a.inside-home:link, a.inside-home:visited{
	background:url(../images/inside-home.png);
	height:26px;
	width:55px;
	text-indent:-9999px;
	display:block;
}

a.inside-home:hover{
	background-position:0px -26px;
}

a.inside-aboutus:link, a.inside-aboutus:visited{
	background:url(../images/inside-aboutus.png);
	height:26px;
	width:76px;
	text-indent:-9999px;
	display:block;
}

a.inside-aboutus:hover{
	background-position:0px -26px;
}


a.inside-services:link, a.inside-services:visited{
	background:url(../images/inside-services.png);
	height:26px;
	width:75px;
	text-indent:-9999px;
	display:block;
}

a.inside-services:hover{
	background-position:0px -26px;
}


a.inside-portfolio:link, a.inside-portfolio:visited{
	background:url(../images/inside-portfolio.png);
	height:26px;
	width:76px;
	text-indent:-9999px;
	display:block;
}

a.inside-portfolio:hover{
	background-position:0px -26px;
}


a.inside-testimonials:link, a.inside-testimonials:visited{
	background:url(../images/inside-testimonials.png);
	height:26px;
	width:104px;
	text-indent:-9999px;
	display:block;
}

a.inside-testimonials:hover{
	background-position:0px -26px;
}


a.inside-employment:link, a.inside-employment:visited{
	background:url(../images/inside-employment.png);
	height:26px;
	width:103px;
	text-indent:-9999px;
	display:block;
}

a.inside-employment:hover{
	background-position:0px -26px;
}


a.inside-contactus:link, a.inside-contactus:visited{
	background:url(../images/inside-contactus.png);
	height:26px;
	width:93px;
	text-indent:-9999px;
	display:block;
}

a.inside-contactus:hover{
	background-position:0px -26px;
}









/* ----------------- STRUCTURE ----------------- */
#wrapper{
	width:820px;
	margin:0px auto;
}

#body{
	background:url(../images/hp-body-bg.png) no-repeat;
	padding:0px 35px;
	padding-top:20px;
}

#footer{
	background:url(../images/hp-footer-bg.png) no-repeat;
	margin-top:25px;
	margin-bottom:20px;
}

#container{
	padding-left:9px;
}









/* ----------------- HOMEPAGE BODY ----------------- */
#b-left{
	float:left;
	width:380px;
	padding-right:20px;
}  

#b-right{
	float:left;
	width:290px;
	margin-left:10px;
	border-left:2px solid #eb6424;
	padding-left:20px;
	text-align:center;
}

#services1{
	margin:5px 0px;
	float:left;
	font-weight:bold;
}

#services2{
	float:right;
	font-weight:bold;
}

#services1 li, #services2 li{
	margin:0px;
	margin-left:20px;
	padding:0px;
	
}

#featured-projects{
	width:282px;
	margin-left:5px;
}

#featured-projects img{
	display:block;
	float:left;
}

.featured-padding{
	display:block;
	padding-right:10px;
	padding-bottom:10px;
}












/* ----------------- INNERPAGE BODY ----------------- */
#inner-container{
	line-height:18px;
}

#inner-header{
}

#inner-logo{
	width:449px;
	float:left;
}

#inner-headercontact{
	float:right;
	padding-top:43px;
	padding-right:20px;
}

#inner-nav{
	background:url(../images/inside-top-nav.jpg);
	height:22px;
	width:770px;
	padding:15px;
}

#inner-box{
	background:url(../images/inside-bg.png) repeat-y;
	width:800px;
}

#inner-body{
	float:left;
	background:url(../images/inside-body-top.jpg) no-repeat;
	width:590px;
	padding:0px 30px;
	padding-right:20px;
}

#inner-sidebar{
	float:left;
	width:160px;
}


#featured-project{
	background:url(../images/inside-featuredproduct.jpg);
	width:160px;
	height:151px;
}



#fade-bottom{
	background:url(../images/inside-fade-bottom.png);
	height:54px;
	width:800px;
}





 

/* ----------------- ABOUT US ----------------- */
.aboutus-text{
	float:left;
	width:255px;
	padding-right:15px;
}

.box-right{
	float:right;
}


.profile{
	padding-bottom:15px;
}

.profile-pic{
	float:left;
	width:273px;
	text-align:center;
}

.bio{
	width:260px;
	float:left;
	padding-top:20px;
	padding-left:10px;
}

.bio strong{
	color:#ee6600;
	font-size:14px;
}

.bio span{
	color:#3F0;
	font-size:14px;
}








/* ----------------- SERVICES ----------------- */
#services-text strong{
	color:#f60;
	display:block;
}








/* ----------------- PORTFOLIO ----------------- */
.flashbg{
background:url(../webphibian_assets/portfolio_bg.png) no-repeat;
padding-top:60px;
margin-left:-10px;
padding-left:10px;
}


#list-of-sites{
	padding-left:102px;
}


#list-of-sites p{
	font-weight:bold;
}







/* ----------------- EMPLOYMENT ----------------- */
#employment-text{
	padding-top:10px;
}











/* ----------------- CONTACT US ----------------- */
#contactus-text{
	padding-top:10px;

}

#contactus-text .clear{
	padding-bottom:20px;
}

#contactus-content{
	float:left;
	width:150px;
}

#contactus-pic{
	float:left;
	width:430px;
}

#contactus-map{
	float:left;
	width:390px;
}

#contactus-directions{
	float:left;
	width:190px;
}




/* ----------------- FOOTER ----------------- */
#footer{
	height:60px;
	padding:0px 40px;
	padding-top:30px;
	font-size:11px;
}

#f-left{
	float:left;
}

#f-right{
	float:right;
}

ul#f-nav {
	list-style:none;
	margin:0px;
	padding:0px;
}


ul#f-nav li{
	float:left;
	margin:0px;
	padding:0px 2px;
	color:#F60;
}

ul#f-nav li a{
	color:#fff;
}

ul#f-nav li a:hover{
	background:#F60;
	color:#000;
}









/* ----------------- TOOLTIP ----------------- */
#screenshot{
	position:absolute;
	background:#000;
	padding:5px;
	display:none;
	color:#f60;
	text-align:center;
}