body {background:url(http://webdesigner.ph/web-designer/web-designer-bg.jpg) repeat-x #1e2b6f}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
html, body,p,ul,li,h1,h2,h3,h4,h5 {
 margin: 0px;
 padding: 0px;
 border: 0px;
 
 }
 li,ul {list-style:none;}
 h1 {background:url(http://webdesigner.ph/web-designer/web-designer-header.png); height:48px;}
 a {text-decoration:none}
 h2 { font-size:20px;font-weight:normal}
.slogan {height:35px;height:19px;margin:6px 10px 10px 7px; color:#999999; }
.slogan a { color:#999999;}
.slogan p {background:url(http://webdesigner.ph/web-designer/web-designer-wdybo.png) left no-repeat; float:left; width:308px; height:19px; margin-top:8px; margin-left:10px}
 span {display:none}
 


.main {width:960px;margin:0 auto; margin-top:10px; margin-bottom:10px;position:relative;}
.hero {background:url(http://webdesigner.ph/web-designer/web-designer-hero.png) top right no-repeat #ffffff; position:relative; height:283px}
.herotext {width:410px; height:146px; text-align:left; position:absolute;top:10px;left:239px;}
.herotext a {color:#FF6600}
 
.nav {width:229px; height:282px; background:url(http://webdesigner.ph/web-designer/web-designer-navbg.jpg) top repeat-x;position:absolute;top:0px;left:0px;}
.nav li {margin-left:0px; padding:10px;text-align:left; font-size:14px; border-bottom:1px solid #FFFFFF}
.nav li:hover {background:#669933}


.nav h3 {background:url(http://webdesigner.ph/web-designer/web-designer-wds.png) no-repeat; height:15px; width:203px; margin:0 auto;margin-top:11px;margin-bottom:11px;}
.nav li a {font-size:14px; color:#FFFFFF}

.portfolio {position:absolute;top:282px;left:0px; :#fffef2; height:282px; width:682px; text-align:left;background:#ffffff}
.portfolio h3 {padding:10px 0 5px 17px; font-size:18px; font-weight:normal}
.portfoliolinks { visibility: hidden; margin-left:7px;float:left;margin-bottom:5px }
.portfoliobox {margin-left:7px}
.portfoliotitle {background:url(http://webdesigner.ph/web-designer/web-designer-vosdp.png) no-repeat; width:378px; height:15px; margin-left:14px; margin-top:14px; margin-bottom:14px}
.portfolio-greatlinksevents {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/greatlinksevents.jpg);width:125px; height:70px}
.portfolio-playatropicalresorthotel {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/playatropicalresorthotel.jpg);width:125px; height:70px}
.portfolio-lahacienda {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/lahacienda.jpg);width:125px; height:70px}
.portfolio-nobleoutreach {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/nobleoutreach.jpg);width:125px; height:70px}
.portfolio-conceptspecialist {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/conceptspecialist.jpg);width:125px; height:70px}
.portfolio-artefx2go {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/artefx2go.jpg);width:125px; height:70px}
.portfolio-eventphilippines {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/eventphilippines.jpg);width:125px; height:70px}
.portfolio-yogavive {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/yogavive.jpg);width:125px; height:70px}
.portfolio-paskongpilipino {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/paskongpilipino.jpg);width:125px; height:70px}
.portfolio-expressincometax {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/expressincometax.jpg);width:125px; height:70px}
.portfolio-wwwexpress {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/wwwexpress.jpg);width:125px; height:70px}
.portfolio-villadores {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/villadores.jpg);width:125px; height:70px}
.portfolio-ena-logistics {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/ena-logistics.jpg);width:125px; height:70px}
.portfolio-sni {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/sni.jpg);width:125px; height:70px}
.portfolio-mjvbuilders {background:url(http://webdesigner.ph/web-designer/portfolio/thumbs/mjvbuilders.jpg);width:125px; height:70px}
		  
.freequotetitle {float:right; width:278px; height:334px; text-align:left; background:url(http://webdesigner.ph/web-designer/web-designer-freequote.png) top no-repeat ;position:absolute;top:242px;right:0px}		  
.freequotebox {position:absolute; top: 40px; background:#cc0000; height:294px; width:278px}		  
		  
form {padding:10px; color:#FFFFFF; height:250px; font-size:13px; font-family:Arial, Helvetica, sans-serif}
form p {margin-bottom:10px}

textarea { font-family:Arial, Helvetica, sans-serif;font-size:12px;position:absolute; right:10px; width:250px; height: 110px; border:3px solid #fff}
input {position:absolute; right:10px; width:190px; border:2px solid #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#333333}
.formsubmit {background:url(http://webdesigner.ph/web-designer/webdesignerph-submit.jpg); border:0px; width:254px; height:37px;position:absolute; right:10px;top: 230px;}
.formsubmit:hover {background:url(http://webdesigner.ph/web-designer/webdesignerph-submit2.jpg)}
		  
.footer {height:35px;width:960px; position:absolute;top:564px;left:0px; right:0px;background:#1e2b6f;color:#ffffff; font-size:12px;padding-top:10px;border-top:3px solid #000033}
.footer a {color:#ffffff;}
.footerleft {float:left; padding-left:10px}
.footerright {float:right; padding-right:10px}