/* Global Styles
--------------------------------------- */
html,
body { background-color: #f5f5f5 }
a { color: #00b3fd }
a:hover,
a:focus { outline: 0; background-color: #00b3fd; color: white; }
dfn { cursor: help }
.right { float: right; }
.left { float: left; }
label { cursor: pointer }
input[type="text"],
input[type="password"],
textarea { width: 100% }

/* Structural Blocks
--------------------------------------- */
.inner { padding: 5px; color: #888; }

/* Header
--------------------------------------- */
#header { text-align: left }
#header .inner { padding: 1em 0 }
#header h1 { margin: 0; width: 260px; height: 61px; margin: 0.5em 0 0; }
#header h1 a { display: block }
#header h1 a:hover { color: inherit; background-color: inherit; }

/* Navigation
--------------------------------------- */
#navbar ul.nav { margin: 0 }
#navbar ul.nav li { list-style-type: none; margin: 0; }
#navbar ul.nav li a { font-weight: bold; text-decoration: none; display: block; margin: 0 0.25em -5px; padding: 5px 15px; float: left; }
#navbar ul.nav li a:hover,
#navbar ul.nav li a:focus { }


body.home #navbar ul.nav li a.home,
body.services #navbar ul.nav li a.services,
body.portfolio #navbar ul.nav li a.portfolio,
body.pricing #navbar ul.nav li a.pricing,
body.about #navbar ul.nav li a.about,
body.contact #navbar ul.nav li a.contact { background-color: white; border: 1px solid #E8E8E8; border-bottom: none; color: #00b3fd; padding: 4px 14px 5px; }


/* Content
--------------------------------------- */
#overflow-fix { overflow: hidden; padding: 5px 0; }
#content-wrapper { background-color: white; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-bottom: 1em; }
#content { }
#content .inner { padding: 1em 0 }
#content .inner .intro { font-size: 153.9% }

/* Projects
--------------------------------------- */
#projects .project { }
#projects .project h3 { margin: 1em 0 0; }
#projects .project .images { float: right; margin-left: 5px; }

/* Footer
--------------------------------------- */
#footer { }
#footer .inner { font-size: 85% }
#footer .inner .copyright { text-align: center }
#footer .inner .validation-logos { text-align: center }

/* Footer Sitemap
--------------------------------------- */
#footer div.sitemap { border: 1px solid #e5e5e5; padding: 1em; float: left; width: 100%; background-color: white; text-align: left; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#footer .sitemap .heading { margin-bottom: 0.5em }
#footer .sitemap ul#col1 { width: 48%; float: left; }
#footer .sitemap ul#col2 { width: 48%; float: right; }
#footer .sitemap ul.sitemap { margin: 0 }
#footer .sitemap ul.sitemap li { margin-left: 1.5em }
#footer ul.sitemap li ul { margin: 0 }

/* Mini Buttons
--------------------------------------- */
a.mini-button { font-size: 9px; font-family: "Small Fonts", Tahoma, Arial, sans-serif; border: 1px solid #e5e5e5; line-height: 15px; height: 16px; display: inline-block; text-decoration: none; padding: 0 5px 0 0; color: #805c84; background-color: white; }
a.mini-button:hover { background-color: white; color: #805c84; }
a.mini-button img.icon { vertical-align: bottom; border-right: 1px solid #e5e5e5; background-color: #f5f5f5; margin-right: 3px; }