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

/* Reset Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Framework */
body {background: #004507; font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #fff; text-align:center; margin:15px 0px 0px 0px;}
a:link {color: #fff;}
a:visited {color:#fff;}
a:hover {color: #46311c;}
a:active {color:#fff;}
#siteWebDesign {width: 960px; height: 585px; background:url(web-bg.jpg); margin:auto; text-align:left;}
#sitePrintDesign {width: 960px; height: 585px; background:url(print-bg.jpg); margin:auto; text-align:left;}
#siteIdDesign {width: 960px; height: 585px; background:url(identity-bg.jpg); margin:auto; text-align:left;}
#frameworkLeft {width: 325px; float:left;}
#frameworkLeft .frameworkLeftPadding {margin: 35px 0px 0px 35px;}
#frameworkRight {width: 620px; float: left;}
#frameworkRight .frameworkRightPadding {margin: 35px 20px 0px 0px;}


/* Modules */

/* Contact */
#contact .moduleContainer {width: 200px; height: 150px; background:url(contact-bg.gif);}
#contact .containerPadding {padding: 0px 14px 0px 14px;}
#contact h3 {font-size:1.6em; font-weight:bold; color:#ffd400; padding: 10px 0px 10px 14px;}
#contact p {font-size:1.2em; line-height:1.2em;}
#contact .address {padding: 0px 0px 15px 0px;}
#contact .resume {padding: 15px 0px 0px 0px;}
#contact .email a {text-decoration:none;}
#contact .resume a {text-decoration:none;}

/* Portfolio Web Design */
#portfolioWebDesign .moduleContentContainer {width: 580px; height: 420px;}
#portfolioWebDesign .containerPadding {padding: 0px 0px 0px 20px;}

/* Navigation */
#navigation {float:right; margin-top:10px;}
#navigation .moduleContainer {width: 290px; height: 90px; background:url(navigation-bg.gif);}
#navigation .containerPadding {padding: 14px 20px 0px 14px;}
#navigation h3 {display:none;}
#navigation li {margin-bottom:8px;}
#navigation li a {font-size: 1.2em; font-weight:bold; text-decoration:none; background:url(navigation-arrow.gif) no-repeat left; padding:0px 0px 2px 16px;}
#navigation .navigationItems {float:left;}
#navigation .instructions {float:right; padding-top:5px;}