/* CSS Document */



html, body { width: 100%; margin: 0px auto; background-color: #1F0103; font-family: 'IM Fell Double Pica', arial, serif; background-image:url(../images/brown-grunge-background.jpg); background-repeat:repeat-x; color: #FFFFFF;}

h1 { font-size: 35px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p { font-size: 18px;}

a.footer:link, a.footer:visited { font-size: 18px; color: #D79C34; text-decoration:none;}
a.footer:hover {color: #741904;}

a.large:link, a.large:visited { font-size: 24px; color: #D79C34; text-decoration:none;}
a.large:hover {color: #741904;}

ul	{ padding: 0px; margin: 0px; list-style-type: none; list-style-position: inside;}
li { padding: 0px 5px 0px 10px; font-size: 18px;}

#logo { width: 125px; float:left; margin: 20px 10px 5px 25px; color:#FFFFFF;}

/* Styling for the main navigation */
#mainNav ul { padding:0px; margin:0px;}
#mainNav li { display:block; float:left; list-style-type:none;  padding: 20px 0px; margin: 10px 3px; font-size: 24px; color:#FFFFFF; width: 175px; background-image:url(../images/nav-background.png); background-repeat:no-repeat;}
#mainNav  a:link, a:visited { font-size: 24px; color: #FFFFFF; text-decoration:none;}
#mainNav  a:hover {color: #1F0103;}
div#mainNav { width: 725px; float:right; clear:none; text-align:center;}

/* main wapper and main content container styling*/
div#wrapper { width: 1000px; margin: 0px auto;}
div#mainContent{ float:left; clear:left; width: 920px; margin: 15px 0px; padding: 0px 50px;}

/* Home page styling */
#home-content-left { float:left; width: 350px; height: 250px; margin-top: 50px;}
#home-samples { float:left; width: 500px; margin: 0px 10px;}
#home-bottom-left { float:left; width: 375px; margin: 0px 10px; clear:left;}
#home-bottom-right { float:left; width: 425px; margin: 0px 10px; padding: 20px 0px 0px 0px;}


/* Footer styling */
div#footer { float:left; width: 900px; padding: 50px; text-align:center;}

/* Portfolio */
#thumbs { float:left; margin: 10px; width: 200px; text-align:center;}

/* Get in Touch */
#contact-form { float:left; margin: 10px; width: 500px; text-align:left;}
#contact-header { margin: 10px 10px 10px 0px; }
#contact-left { margin: 10px; width: 115px; float:left; clear:left;}
#contact-right { margin: 10px; width:300px; float:left; text-align:center;}
#contact-comments { margin: 10px; width:300px; float:left;}