/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
p, #main ul { margin: 0 0 0.5em;  }
img { border: 0; }
a { color: #999; text-decoration: none; }
#content p a, #content li a { text-decoration: underline; }
#pageWork #content li a { text-decoration: none; }
a:visited { color: #999; }
a:hover { color: #88b400; text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
.break { clear: left; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 82% helvetica,arial,sans-serif; color: #333; text-align: center; background: #dedede url(../images/bg.jpg) top left repeat-x; padding-bottom: 20px; }
#wrapper { position: relative; width: 770px; margin: 0 auto; text-align: left; background-color: #fff; }

/* Headings,text
================================================================*/
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; }
#branding h1 { margin: 25px 0 0 122px; color: #cf0; font-weight: normal; font-size: 38px; letter-spacing: 2px; }
#branding h1 a, #branding h1 a:visited { color: #cf0; }
#branding h1 a:hover { color: #ccc; text-decoration: none; }
#branding h1 span { display: block; color: #fefefe; font: 18px Helvetica, Arial, sans-serif; letter-spacing: 1px; }
h1 { margin-bottom: 0.5em; font-weight: normal; font-size: 1.5em; }
h2, h3 { margin-bottom: 0.25em; color: #9c0; font-weight: normal; font-size: 1.3em; }
h2 a, h2 a:visited, h3 a, h3 a:visited, #content h2 a, #content h3 a { color: #9c0; text-decoration: none; }
h2 { margin-top: 1em; }
#pageHome h2, #pageWork h2 { margin-top: 0; }
#pageFaq h3, .sectionServices h3 { margin-bottom: 0; color: #999; }
h3, #projects h2 { font-size: 1.1em; font-weight: bold; }
#main ul { margin-left: 20px; }

/* Structure
================================================================*/
#branding { float: left; display: inline; width: 770px; height: 127px; background-color: #a8a8a8; }
#main { float: left; }
#content { float: left; width: 500px; display: inline; margin: 35px 20px 30px 20px; line-height: 1.4em; }
#pageHome #content { width: 750px; margin: 23px 0 0 20px; }
#pageContact #content { min-height: 320px; height: auto; }
/* for Internet Explorer */
/*\*/
* html #pageContact #content { height: 320px; }
/**/
#nav { float: left; display: inline; width: 770px; height: 30px; background: #beff55 url(../images/bg-nav.gif) top left repeat-x; }
#nav ul, #nav li, #footer ul, #footer li, #projects ul, #projects li, #contacts, #contacts li { list-style: none; }
#nav li, #footer li { float: left; }
#nav ul { margin: 0 0 0 122px; }
#nav a { font-weight: bold; color: #666; line-height: 30px; margin-right: 2em; padding: 2px; }
#nav a:visited { color: #666; }
#nav a:hover { text-decoration: none; }
#nav a:hover, .sectionAbout li#navAbout a, .sectionServices li#navServices a, .sectionWork li#navWork a, .sectionContact li#navContact a, .sectionFaq li#navFaq a { color: #333;   }

#sidebar { float: left; width: 195px; display: inline; margin: 23px 0 170px; background-color: #f6f6f6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e0e0e0; padding: 10px 0; }
#sidebar li { padding-bottom: 0.5em; }
#pageHome #sidebar { width: 280px; margin: 0 0 130px; }
#sidebar h2 { margin: 0 0 0.5em 15px; }
#sidebar ul { margin: 0 15px 0 35px; }
#pageHome #sidebar li { margin-bottom: 1em; }
#sidebar p.actions { margin: 0 0 0 15px; }

#footer { float: left; display: inline; width: 770px; background-color: #eee; border: 1px solid #ccc; border-width: 1px 0; font-size: .8em; line-height: 30px;color: #999; }
#footer ul { margin: 0 0 0 20px; }
#footer li { margin-right: 20px; }
#footer li#privacy { margin-right: 74px; }
#footer a { color: #999; }
#footer a:visited { color: #999; }

/* Special cases
================================================================*/
#pageHome #main a { text-decoration: none; }
#pageHome .column { margin: 0 35px 10px 0; float: left; width: 400px; display: inline; }
.client { color: #999; font-weight: bold; }
#pageHome .actions a, #content a.action { color: #9c0; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#intro a.action { font-size: 1em; }
#pageHome .actions a:visited, a.action:visited { color: #9c0 !important; }
#pageServices a.action { font-size: 1em; color: #999; }
#pageServices a.action:visited { color: #999; }
#pageServices a.action:hover { color: #9c0; }

#intro { margin-top: 12px; padding-bottom: 0.75em; width: 400px; color: #999; font-size: 1.1em; font-weight: bold; line-height: 1.3em; }

#projects { width: 370px; margin-bottom: 0; }
#projects h3, #projects h2 { font-family: helvetica, arial, sans-serif; margin-bottom: 0; }
#projects h3 a, #projects h3 a:visited, #projects h2 a, #projects h2 a:visited { color: #9c0; }
#projects ul { margin: 1em 0; }
#projects li { clear: left; float: left; width: 370px; display: inline; margin-bottom: 0.5em; }
#projects li.last { margin-bottom: 0.75em; }
#projects img, .portfolio img { margin: 3px; }
#projects a, #projects a:visited { color: #999; }
#projects a:hover { color: #9c0; }
a.thumbnail { float: left; width: 96px; height: 96px; display: inline; border: 1px solid #ccc; margin: 0 7px 1em 0; }
a.thumbnail:hover { border-color: #9c0; }
#projects a.action, #projects a.action:visited, #content #projects a.action { display: block; font-weight: bold; font-size: 1em; outline: none; text-decoration: none; }

#pageWork #projects { padding-top: 1em; }
#pageWork #projects li { width: 500px; padding-bottom: 1em; }
#pageWork #projects li a.thumbnail { margin: 0 0.75em 0 0; }


#contacts { padding-bottom: 2em; width: 200px; float: left; display: inline; color: #666; font-size: .9em; margin-left: 15px; }
#contacts a, #contacts a:visited { color: #666; }
#contacts .actions a { font-size: 1em; }
#contacts ul { margin: 0 0 0.5em 0;  }

#main ul.contacts { list-style: none; padding: 1.5em 0; margin: 0; }

#tidyAlan { position: absolute; bottom: 3px; right: 30px; width: 130px; height: 183px; }
#tidyJanine { position: absolute; top: 1px; left: 20px; width: 92px; height: 170px; }
#tidyAlan a:focus, #tidyJanine a:focus { outline: none; }

a.portfolio, #content a.portfolio { font-weight: bold; color: #999; text-decoration: none; }
a.portfolio:visited { color: #999; }
#pageWork .actions { margin-top: 1.5em; }

.related li { color: #666; }
.related a, #related a:visited { /*display: block;*/ color: #88b400; }
#pageWork ul.related li a, #pageWork ul.related li a:visited { color: #666; }
.related em { color: #9c0; font-weight: bold; font-style: normal; }

#pageAbout #sidebar { padding: 10px; width: 175px; color: #757575; }
#pageAbout #sidebar p { margin-bottom: 1.5em; }
#pageAbout #sidebar h2 { margin-left: 0; }
#pageAbout #sidebar img { margin-bottom: 5px; }
img#zce { float: left; margin-right: 10px; }

/*#zce { float: right; margin: 5px 0 0 5px; }*/