/* ---- GENERAL ELEMENTS ----------------------*/

* { margin:0; padding:0; }

body { background:#fff; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

h1, h2 { font-weight:normal; }

h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; margin-bottom:10px; }

h1, h2 { color:#D2490F; }

h2 { width:100%; font-size:13px; border-bottom:1px solid #ddd; text-transform:uppercase; padding:0 0 10px 0;
	 letter-spacing:2px; margin:0 0 20px 0; }
	 
a { color:#D2490F; }

a:hover { text-decoration:none; }

dl { font-family:Arial, Helvetica, sans-serif; }

.img { letter-spacing:-1em; text-indent :-999em; overflow:hidden; display:block; background-repeat:no-repeat; background-color:transparent; }

blokquote { color:#666; }

.grey {color:#ddd;}

.icon_pdf { display:block; width:22px; height:21px; margin:0 0 0 5px; background:url(../images/icon_pdf.gif); }

.nomargbott { border:none; margin:0; }

.plrg_img { border:1px solid #ebebeb; padding:5px; margin:10px 0 50px 0; }

/* ---- STRUCTURE ----------------------*/


/* ---- MAIN NAVIGATION -----------------*/

div#header { width:950px; height:70px; margin:0 auto; border-bottom:1px solid #ddd; }

div#header ul { float:left; height:25px; margin-top:45px; list-style:none; border:0px solid #FF0000; }
div#header li { float:left; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div#header li a { height:22px; padding:0 0 8px 0; text-decoration:none; text-transform:uppercase; margin-right:30px; color:#000; }
div#header li a:hover,
div#header li a.current { border-bottom:3px solid #dddddd; }

/*---- CONTENT -----------------*/

div#content {width:950px; margin:0 auto 50px auto;}

div#content h1#title_home { width:870px; height:117px; margin:50px 0 20px 0; background:url(../images/h1_home.gif); }
div#content h1#title_portfolio { width:870px; height:117px; margin:50px 0 0 0; background:url(../images/h1_portfolio.gif); }
div#content h1#title_contact { width:870px; height:117px; margin:50px 0 0 0; background:url(../images/h1_contact.gif); }
div#content blockquote{ width:712px; height:18px; background:url(../images/quote_home.gif); }

/*---- CONTENT MAIN -----------------*/

div#main { float:left; width:566px; margin:50px 0 0 0; }
div#main img#pic_me { float:left; margin:0 10px 0px 0 }
div#main p { font-size:15px; line-height:24px; margin:0 0 15px 0; }

div#recent_work { float:left; width:566px; background:#f7f7f7; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin:0 0 50px 0; }
* html div#recent_work { margin:0; }
div#recent_work dl { float:left; width:526px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px;
					 font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; }
div#recent_work dl dt img { padding:1px; border:1px solid #e8e8e8; margin:0 20px 0 0; }
div#recent_work dl dt,
div#recent_work dl dd { float:left; margin:0 0 30px 0; }
div#recent_work dl dd { width:410px; }
div#recent_work dl dd.nomarg,
div#recent_work dl dt.nomarg { margin:0; } 

div#main h2.subtitle_portfolio,
div#main h2.subtitle_contact { width:100%; font-size:16px; text-transform:uppercase; font-weight:bold; border:none; padding:0;
							   letter-spacing:2px; margin:0 0 20px 0; }



/*---- CONTENT SUB -----------------*/

div#sub { float:right; width:344px; margin:50px 0 0 0; }

div#contact_info { float:left; width:344px; background:	#f7f7f7; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
div#contact_info dl { float:left; width:324px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px; font-size:14px; }
div#contact_info dl dt,
div#contact_info dl dd { float:left; margin:0 0 20px 0; }
* html div#contact_info dl dt,
* html div#contact_info dl dd { float:left; margin:0 0 5px 0; }
div#contact_info dl dd a { float:left; }
div#contact_info dl dt.clearfix,
div#main dl dt.clearfix { float:none; clear:both; width:100%; height:1px; visibility:hidden; margin:0; padding:0; }
div#contact_info dl dd.nomarg,
div#contact_info dl dt.nomarg { margin:0; }

div#sub ul#port_links { float:left; width:344px; list-style:none; margin:30px 0 0 0; }
div#sub ul#port_links li { height:62px; }
div#sub ul#port_links li a { display:block; height:52px; width:292px; font-size:14px; color:#444; font-weight:bold; text-decoration:none; 
							 padding:10px 0 0 52px; line-height:20px; }
div#sub ul#port_links li a:hover { text-decoration:underline; }
div#sub ul#port_links li a em { font-weight:normal; text-transform:uppercase; font-size:11px; font-style:normal; }

ul#port_links li a#freers { background:url(../images/p_freers.gif) 0 10px no-repeat; }
ul#port_links li a#bothams { background:url(../images/p_bothams.gif) 0 10px no-repeat; }
ul#port_links li a#gmgpsgweb { background:url(../images/p_gmg.gif) 0 10px no-repeat; }
ul#port_links li a#waite { background:url(../images/p_waite.gif) 0 10px no-repeat; }
ul#port_links li a#matherj { background:url(../images/p_matherj.gif) 0 10px no-repeat; }
ul#port_links li a#tms { background:url(../images/p_tms.gif) 0 10px no-repeat; }
ul#port_links li a#grisdales { background:url(../images/p_grisdales.gif) 0 10px no-repeat; }

/*---- FOOTER ----------------*/

div#footer { position:relative; float:none; clear:both; width:950px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px;  
			 color:#999; border-top:1px solid #ddd; height:100px; }
div#footer p#copyright { float:right; margin:10px 0 0 0; }
div#footer p#validation { float:left; margin:10px 0 0 0; }
div#footer p#validation a { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px;  
			                color:#999; margin:0 10px 0 0; text-decoration:none;}
div#footer p#validation a:hover { text-decoration:underline;}

/*---- IE7 FIXES ----------------*/

*+html div#header li a { display:block; padding:0; }