@charset "utf-8";
/* CSS Document */

/* TAG STYLES -----------------------------------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body{
background-color: #ebf1da;
}

p, a, ul, li, div {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
}

a {
color: #78a22f;
outline: none;
}

a:hover {
color: #ff9a04;
}

b {
font-weight: bold;
}

h3 {
font-size: 16px;
color: #ff9a04;
text-transform: uppercase;
font-weight: normal;
margin: 25px 0 6px 0;
}

ul {
margin: 0 0 13px 0;
}

li {
margin: 0 0 13px 20px;
}

#services li {
margin: 0 0 6px 20px;
}

img.bioPic {
	float: left;
	margin: 5px 10px 0 0;
	border: solid 1px #999;
}

/* ID STYLES -----------------------------------------------------------------*/

#wrapper{
margin: 0px auto;
width: 960px;
}

#header{
width: 960px;
height: 111px;
float: left;
background: url(../images/top_banner.png) no-repeat;
}
	
#header h1 a {
display: block; 
width: 175px; 
height: 111px; 
float: left;
margin-left: 44px;
position: relative; 
background: url(../images/perez_logo.png) no-repeat 0 0; 
text-indent: -9999px;
}

#header h1 a:hover, #header h1 a:focus { 
background: url(../images/perez_logo.png) no-repeat 0 -111px; 
}	

#nav {
float: right;
margin-right: 15px;
}

#nav a {
margin: 58px 0 0 0;
display: block;
height: 53px;
width: 98px;
text-indent: -9999px;
}

#nav li { 
list-style: none; 
float: left; 
margin: 0 0 0 0;
}

#nav li.home a { background: url(../images/navigation.png) no-repeat 0 -53px; }
#nav li.services a { background: url(../images/navigation.png) no-repeat -98px -53px; }
#nav li.portfolio a { background: url(../images/navigation.png) no-repeat -196px -53px; }
#nav li.about a { background: url(../images/navigation.png) no-repeat -294px -53px; }
#nav li.contact a { background: url(../images/navigation.png) no-repeat -392px -53px; }

#nav li.home a:hover { background: url(../images/navigation.png) no-repeat 0 0; }
#nav li.services a:hover { background: url(../images/navigation.png) no-repeat -98px 0; }
#nav li.portfolio a:hover { background: url(../images/navigation.png) no-repeat -196px 0; }
#nav li.about a:hover { background: url(../images/navigation.png) no-repeat -294px 0; }
#nav li.contact a:hover { background: url(../images/navigation.png) no-repeat -392px 0; }

#home li.home a { background: url(../images/navigation.png) no-repeat 0 0; }
#services li.services a { background: url(../images/navigation.png) no-repeat -98px 0; }
#portfolio li.portfolio a { background: url(../images/navigation.png) no-repeat -196px 0; }
#about li.about a { background: url(../images/navigation.png) no-repeat -294px 0; }
#contact li.contact a { background: url(../images/navigation.png) no-repeat -392px 0; }

#splash {
float: left;
width: 960px;
height: 251px;
background: url(../images/splash.png);
}

#splash h2, #splashContact h2, #splashAbout h2, #splashServices h2, #splashPortfolio h2 {
text-indent: -9999px;
}

#splash img {
margin: 150px 0 0 104px;
}

#splashServices {
float: left;
width: 960px;
height: 111px;
background: url(../images/services_splash.png);
}

#splashPortfolio {
float: left;
width: 960px;
height: 111px;
background: url(../images/portfolio_splash.png);
}

#splashAbout {
float: left;
width: 960px;
height: 111px;
background: url(../images/about_splash.png);
}

#splashContact {
float: left;
width: 960px;
height: 111px;
background: url(../images/contact_splash.png);
}

#contentWrapper{
width:960px; 
background: url(../images/page_sides.png);
float:left;
padding-bottom: 30px;
}

#content{
background-color:#fafbf6;
margin:30px 40px 0 40px;
float:left;
}

#contentHome{
background-color:#fafbf6;
margin:27px 40px 0 40px;
float:left;
}

#leftColumnHome {
width: 242px;
margin-top: 3px;
float: left;
}

#leftColumn {
width: 242px;
float: left;
}

#boxWrapper {
width: 242px;
background: url(../images/box_sides.png);
float: left;
margin: 0 0 20px 0;
}

#clientsMain h4, #contactMain h4, #hostingMain h4, #elsewhereMain h4 {
height: 0px;
width: 0px;
text-indent: -9999px;
overflow: hidden;
}

#boxWrapperLast {
width: 242px;
background: url(../images/box_sides.png);
float: left;
margin: 0 0 0 0;
}

#contactMain {
background: url(../images/contact_boxtop.png) no-repeat;
padding: 40px 15px 0px 15px;
}

#hostingMain {
background: url(../images/hosting_boxtop.png) no-repeat;
padding: 40px 15px 0px 15px;
}

#clientsMain {
background: url(../images/clients_boxtop.png) no-repeat;
padding: 40px 15px 0px 15px;
}

#elsewhereMain {
background: url(../images/elsewhere_boxtop.png) no-repeat;
padding: 40px 15px 0px 15px;
}

#boxBottom {
width: 242px;
height: 18px;
background: url(../images/box_bottom.png) no-repeat;
}

#boxWrapper p, #boxWrapper a, #boxWrapperLast p, #boxWrapperLast a  {
font-size: 11px;
margin-bottom: 8px;
line-height: 16px;
}

#boxWrapper ul, #boxWrapper li, #boxWrapperLast ul, #boxWrapperLast li {
font-size: 11px;
margin-bottom: 8px;
line-height: 12px;
}

#boxWrapper img, #boxWrapperLast img {
margin: 0 10px 0 0;
}

#main {
width: 600px;
margin: 0 0 0 30px;
float: left;

}

#main p {
margin: 0 0 15px 0;
}

#footerWrapper{
width:960px; 
background: url(../images/page_sides.png);
float:left;
}

#footer {
clear: left;
background: url(../images/footer_line.png) no-repeat;
padding: 30px 25px 36px 40px;
}

#footer p {
font-size: 11px;
}

#footer a {
text-decoration: none;
padding: 0 15px 0 15px;
color: #333333;
}

#footer a:hover {
color: #ff9a04;
}

#footerLegal {
float: left;
}

#footerNav {
float: right;
}

#pageend {
width: 960px;
height: 14px;
background: url(../images/page_end.png) no-repeat;
float: left;
padding-bottom: 25px;
}

#main ul {
margin: 0 0 0 0;
}

img.portfolio {
width: 185px; 
height: 145px; 
float: left; 
margin: 13px 0 0 13px;
border: #e3e3e3 solid 1px;
}

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }