/* 
=======================
white style
=======================
*/
/* import css */
@import "reset.css";
@import "../fonts/stylesheet.css";
@import "framework.css";
@import "nivo-slider.css";
@import "fancybox/jquery.fancybox-1.3.4.css";
html { background-color: #F3F3F3; }
body { font: 13px/1.5 Helvetica; background-color: #F3F3F3; color: #333; }
/*  TYPOGRAPHY
========================================================================= */
hr { display: none; }
.smallcaps { font-variant: small-caps; letter-spacing: 1px; }
.uppercase { text-transform: uppercase; }
h1 { text-transform: uppercase; font: 32px/32px "GnuolaneRegular", "Lucida Grande", Arial; }
h2 { text-transform: uppercase; font: 26px/26px "GnuolaneRegular", "Lucida Grande", Arial; }
h2.heading { font-size: 36px; border-bottom: 1px dashed #CCC; line-height: 36px; padding-bottom: 20px; margin-bottom: 30px; text-shadow: 0 1px 0 #fff; }
#intro h2, #services h2 { font-size: 36px; line-height: 36px; margin-bottom: 30px; text-shadow: 0 1px 0 #fff; }
h3 { font: bold 16px/16px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; }
#sidebar h3 { font: 24px/24px "GnuolaneRegular", "Lucida Grande", Arial; border-bottom: 1px dashed #CCC; line-height: 24px; padding-bottom: 20px; margin-bottom: 20px; margin-top: 12px; text-shadow: 0 1px 0 #fff; }
#bottom h3 { font-size: 14px; }
h4 { font-size: 16px; line-height: 16px; }
.post-head h4 { font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; }
#sidebar h4 { color: #666; font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; text-shadow: 0 1px 0 #fff; }
h5 { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; line-height: 14px; }
p {  }
.medium { font-size: 14px; }
em { font-style: italic; }
del { text-decoration: line-through; }
acronym { border-bottom: 1px dotted black; cursor: help; }
blockquote { border-left: 2px solid black; padding-left: 10px; margin: 20px 20px 35px; }
q { font-style: italic; }
cite { font-style: italic; }
cite a {  }
pre, code { font-size: 13px; line-height: 20px; font-family: mono-space,monospace; white-space: pre; overflow: auto; }
pre { padding: 10px 0; }
code { background: #f6f6f6 url(../images/code.png) repeat scroll 0 0; display: block; border: 1px solid #ddd; padding: 0 20px; border-bottom-style: none; margin: 10px 0; overflow: hidden; }
ins { background-color: #fdfe7c; margin: 0 2px; padding: 2px 5px; }
table { width: 100%; }
caption { text-align: center; background-color: #eaeaea; padding: 10px 5px; text-transform: uppercase; font: 24px/24px "GnuolaneRegular", "Lucida Grande", Arial; }
th { height: 1.5em; padding: 5px 10px; background-color: #000; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }
tr {  line-height: 13px; font-size: 13px; }
tr:nth-child(2n) { background-color: #f6f6f6; }
tr:hover { background-color: #eaeaea; }
td { height: 1em; padding: 10px; }
a { color: #fd4c23; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
a:hover {
	color: #101010; text-decoration: underline;
}
.ffbold a { color: #101010; }
strong { font-weight: bold; }
ul li { list-style-position: inside; }
ul.list li { list-style-type: disc; }
ol li { list-style: decimal; list-style-position: inside; }
li { margin-bottom: .4em; }

/*  SLIDERS
========================================================================= */
#slideshow { margin-bottom: 10px; position: relative; float: left; height: 380px; width: 1000px; overflow: hidden; background-color: #f3f3f3; border: solid black thin;}
#slideshow.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
#slideshow.nivoSlider a { border: 0; display: block; }
#slideshow .nivo-caption { text-align: center; }
a.nivo-nextNav, #slide-controls a#slide-nextNav { float: left; top: 137px; right: 0; width: 86px; height: 106px; position: absolute; text-indent: -999em; display: block; background: url(../images/arr-next.png) no-repeat; z-index: 999; }
a.nivo-prevNav, #slide-controls a#slide-prevNav { float: left; top: 137px; left: 0; width: 86px; height: 106px; position: absolute; text-indent: -999em; display: block; background: url(../images/arr-prev.png) no-repeat; z-index: 999; }
.nivo-controlNav, #nav { position: absolute; z-index: 100; left: 20px; top: 15px; }
.nivo-controlNav a, #nav a { text-indent: -999em; background-color: #444; width: 6px; height: 6px; margin-right: 7px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.nivo-controlNav a.active, #nav a.activeSlide { background-color: #fd4c23; }
/* custom slider */
#new-slider { position: relative; margin-bottom: 0; }
#new-slider li { position: relative; float: left; height: 380px; width: 1000px; overflow: hidden; }
.popup { position: absolute; z-index: 100; display: block; color: #fff; padding: 8px 20px; background-color: #666; background-color: rgba(0,0,0,.6); left: 0; bottom: 0; width: 960px; text-align: center; }
.popup a { color: #fff; }
.html5-video-player { z-index: 99; }
/* Horizontal carousel */
.carousel-container { margin: 20px 0; float: left; display: block; }
.horz-carousel { float: left; overflow: hidden; width: 544px; height: 116px; margin: 0; }
.horz-carousel li { display: inline; margin-bottom: 0; }
.horz-carousel a { float: left; width: 116px; height: 116px; overflow: hidden; margin-right: 10px; margin-left: 10px; }
#arr-prev { text-indent: -999em; width: 40px; height: 116px; display: block; background: url(../images/gall-prev.png) no-repeat center center; overflow: hidden; float: left; margin: 0; opacity: .6; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
#arr-prev:hover { opacity: 1; }
#arr-next { text-indent: -999em; width: 40px; height: 116px; display: block; background: url(../images/gall-next.png) no-repeat center center; overflow: hidden; float: left; margin: 0; opacity: .6; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
#arr-next:hover { opacity: 1; }

/*  IMAGES
========================================================================= */
.small-img { margin-bottom: 20px; }
.big-img { margin-bottom: 30px; }
.preload.left, span.left { margin-right: 20px; }
.preload.right, span.right { margin-left: 20px; }
.preload, .thumb, #new-slider li { background: url(../images/loader.gif) no-repeat center center; display: block; min-height: 16px; min-width: 16px; }

/*  PAGE COMMONS
========================================================================= */
body { background: url(../images/background.png) repeat-y fixed center top; }
.wrapper { padding: 30px 0 40px; position: relative; }
#content { background-color: #fff; margin-bottom: 10px; padding-top: 91px; padding-bottom: 20px; float: left; display: inline; clear: both; z-index: 1; }
#content.w-sidebar { background: url(../images/sidebar-bg.png) repeat-y; z-index: 1; }
#search { width: 328px; height: 50px; float: left; background-image: url(../images/search-back.png); }
#search form { padding: 10px 20px 10px 60px; text-align: right; display: block; height: 30px; position: relative; }
#search form input#field { height: 30px; line-height: 30px; border: none; width: 180px; padding: 0 10px; position: absolute; right: 50px; }
#search form input#search-icn { height: 30px; width: 30px; border: none; text-indent: -9999em; cursor: pointer; background: #E81B1B url(../images/big-btn-arr.png) no-repeat center center; position: absolute; right: 20px; }
#search form input#search-icn:hover { background-color: #000; }
/* NAV SECTION */
#main-nav { width: 1000px; background-color: #000; height: 50px; float: left; display: inline; position: absolute; z-index: 100; top: 91px; }
#main-nav.fixed, #main-nav.home.fixed { position: fixed; top: 0; }
#main-nav.home { top: 481px; }
ul.dropdown { width: 652px; margin: 0; padding-left: 10px; padding-right: 10px; float: left; position: relative; display: inline; list-style: none; z-index: 100; }
ul.dropdown li { font: 16px "GnuolaneRegular", "Lucida Grande", Arial; margin-bottom: 0; position: relative; flodat: left; display: block; z-index: 100; background-color: #000; float: left; }
ul.dropdown li a { display: block; white-space: nowrap; line-height: 50px; padding-right: 20px; padding-left: 20px; margin-left: 10px; margin-right: 10px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; float: left; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
ul.dropdown a:hover, ul.dropdown li a.selected { background-color: #fd4c23; }
ul.dropdown li:hover ul, ul.dropdown li ul li:hover ul { display: block; }
ul.dropdown li:hover ul ul { display: none; }
ul.dropdown ul { background-color: #000; position: absolute; margin-top: 50px; padding: 0; width: auto; margin-left: 10px; z-index: 100; top: 0; left: 0; display: none; }
ul.dropdown li li { font: 14px "GnuolaneRegular", "Lucida Grande", Arial; width: 100%; }
ul.dropdown li li a { margin: 0; float: none; line-height: 40px; position: relative; display: block; }
ul.dropdown ul ul { width: auto; padding: 0; margin-left: 100%; margin-top: 0px; top: 0; left: 0; z-index: 100; display: none; }
ul.dropdown li li li { margin: 0; }
/*=======*/
#sidebar { background-color: #FBFAFA; }
#bottom { background-color: #E8E8E8; border-top: 1px solid #CCC; padding-top: 20px; padding-bottom: 20px; margin-bottom: 10px; font-size: 12px; }
#bottom .one-fourth { margin-right: 24px; padding-right: 23px; border-right: 1px dashed #bfbfbf; }
#bottom .one-fourth.last { margin-right: 0px; padding-right: 0px; border: none; }
#bottom ul li, ul.sidelist li { list-style-image: url(../images/li.png); border-bottom: 1px dashed #bfbfbf; padding: 5px 10px; margin: 0; }
#bottom ul li span, ul.sidelist li span { padding-left: 10px; }
#bottom ul li:first-child, ul.sidelist li:first-child { padding-top: 0; }
#bottom ul li a, ul.sidelist li a { text-decoration: none; color: #333; }
#bottom ul li a:hover, ul.sidelist li a:hover { text-decoration: underline; }
dl#contact { float: left; width: 100%; }
dl#contact dt { letter-spacing: 1px; margin-right: 8px; font-weight: bold; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-variant: small-caps; color: #666; float: left; }
dl#contact dd { margin-bottom: 4px; }
/* sidebar posts */
.side-post { margin-bottom: 30px; font: 12px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif; color: #666; }
.post-head h4 a { text-decoration: none; color: #333; }
.post-head h4 a:hover { color: #fd4c23; border-bottom: 1px dashed #fd4c23; }
.side-post-bottom { background-color: #e8e8e8; text-align: right; float: left; }
.side-post-bottom p { margin-bottom: 0; float: left; width: 288px; }
.side-post-posted { float: left; line-height: 12px; font-size: 11px; text-shadow: 0 1px 0 #fff; padding-top: 4px; padding-bottom: 5px; padding-left: 10px; }
.side-post .small-btn { float: right; }
/* testimonials bar */
.side-testimonials-box { margin-bottom: 20px; background: url(../images/testimonial-back.png) no-repeat left top; color: #666; padding-top: 10px; padding-left: 20px; }
.testimonial-msg { font-style: italic; font-size: 12px; }
.testimonial-sign { text-align: right; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; text-shadow: 0 1px 0 #fff; }
/* social */
#social { float: left; }
#social li { display: inline; float: left; margin: 0; padding: 0; }
#social li a { margin-right: 8px; float: left; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
#social a:hover { opacity: .6; position: relative; top: -2px; }
/* advertising */
ul#advertising li { display: inline; float: left; margin: 0 10px 20px 9px; }
/* twitter */
.twitted p.preLoader { background: transparent url("../images/loader.gif") no-repeat right center; margin-left: 20px; margin-right: 20px; }
#twitter_update_list { overflow: hidden; color: #666; }
#twitter_update_list li { display: block; background: url(../images/twitter.png) no-repeat left 10px; margin-bottom: 14px; padding-left: 20px; }
#twitter_update_list li span { display: block; padding: 10px 10px 4px; margin: 0; background-color: #e8e8e8; float: left; }
#twitter_update_list li a { text-decoration: none; padding-left: 10px; padding-bottom: 10px; display: block; margin: 0; background-color: #e8e8e8; }
#twitter_update_list li span a { display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0; background-color: transparent; }
/* featured box */
#feature-box { float: left; position: relative; display: inline; margin-top: 10px; margin-bottom: 20px; padding: 20px; background-color: #333; color: #fff; font: 12px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif; }
#feature-box h3 { text-transform: uppercase; font: 28px/28px "GnuolaneRegular", "Lucida Grande", Arial; letter-spacing: 1px; margin-bottom: 20px; }
/* featured post box */
#feature-post-box { float: left; display: inline; position: relative; padding: 20px; margin-top: 10px; margin-bottom: 20px; background: #fff url(../images/featured.png) no-repeat right top; }
#feature-post-box img { display: block; }
#feature-post-box h3 { font: 28px/28px "GnuolaneRegular", "Lucida Grande", Arial; border-bottom: 1px dashed #CCC; padding-bottom: 10px; margin-bottom: 10px; text-shadow: 0 1px 0 #fff; margin-left: 184px; }
#feature-post-box h3 a { text-decoration: none; }
#feature-post-box p { margin-left: 184px; font-size: 12px; line-height: 1.5em; }
.now {  }

p.reviews {padding: 20px 0;}
.quote {background-image: url("quote.png"); background-repeat:no-repeat;}

/*  BUTTONS
========================================================================= */
.big-btn { display: block; width: 288px; background-color: #fd4c23; text-align: center; padding-top: 7px; padding-bottom: 7px; letter-spacing: 1px; font: 20px "GnuolaneRegular", "Lucida Grande", Arial; color: #fff; text-decoration: none; text-transform: uppercase; }
.big-btn span { background: url(../images/big-btn-arr.png) no-repeat right center; padding-right: 20px; }
a.big-btn:hover, input.big-submit:hover { background-color: #000; color: #fff; }
.medium-btn { font: 14px/14px "GnuolaneRegular", "Lucida Grande", Arial; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; color: #fff; padding: 5px 8px 6px 10px; background-color: #fd4c23; display: block; float: left; }
.small-btn { font: 12px/12px "GnuolaneRegular", "Lucida Grande", Arial; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; color: #fff; padding: 4px 8px 5px 10px; background-color: #000; display: block; float: left; }
.small-btn span, .medium-btn span { background: url(../images/small-btn-arr.png) no-repeat right center; padding-right: 12px; }
a.small-btn:hover { background-color: #fd4c23; color: #fff; }
a.medium-btn:hover { background-color: #000; color: #fff; }
.more-btn { display: block; font-style: italic; font-size: 14px; text-decoration: none; color: #666; float: right; border-bottom: 1px solid #fff; background: url(../images/read-more.png) no-repeat right top; padding-right: 29px; }
a.more-btn:hover { text-decoration: underline; color: #000; background-position: right bottom; }
input.big-submit { display: block; width: 180px; background-color: #fd4c23; text-align: center; padding-top: 7px; padding-bottom: 7px; letter-spacing: 1px; font: 20px "GnuolaneRegular", "Lucida Grande", Arial; color: #fff; text-decoration: none; text-transform: uppercase; border: none; cursor: pointer; }
/* top */
a.gotop { float: right; clear: both; font: 12px/12px "GnuolaneRegular", "Lucida Grande", Arial; text-transform: uppercase; text-decoration: none; color: #000; background-color: #e8e8e8; padding: 5px 8px; letter-spacing: 1px; }
a.gotop:hover { background-color: #ccc; color: #000; }
.single-post-content a.gotop { margin-bottom: 10px; }
/* button transitions*/
.big-btn, .medium-btn, .small-btn, input.big-submit, a.gotop, input#search-icn { -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }

/*  HOME PAGE
========================================================================= */
/* HEADER */
#header h1 a { background: url(../images/logo.png) no-repeat; width: 1000px; height: 29px; display: block; text-indent: -999em; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }

#main-section { background-color: #fff; font-size: 14px; }
#services li { font-size: 16px; list-style-image: url(../images/li.png); border-bottom: 1px dashed #CCC; padding: 8px 10px; font-style: italic; margin: 0; }
#services li span { padding-left: 10px; }
#services ul { margin-bottom: 20px; }
#services li:first-child { padding-top: 0; direction: ltr; }
#intro.two-third { margin-right: 24px; padding-right: 23px; border-right: 1px dashed #bfbfbf; }

/*  SERVICES
========================================================================= */
dl#services { margin-top: 20px; }
#services dt { font: 24px/24px "GnuolaneRegular", "Lucida Grande", Arial; text-transform: uppercase; margin-bottom: 20px; }
#services dt img { margin-right: 20px; float: left; }
#services dd { margin-left: 52px; margin-bottom: 30px; font-size: 14px; }

/*  PORTFOLIO
========================================================================= */
.folio h2.heading { margin-bottom: 8px; }
#filter { display: inline; float: left; width: 100%; }
#filter ul { display: block; border-bottom: 1px dashed #CCC; clear: both; float: left; width: 100%; padding-bottom: 8px; margin-bottom: 0px; }
#filter li { display: inline; float: left; margin: 0; }
#filter li a { color: #666; text-decoration: none; text-transform: capitalize; padding: 3px 10px; float: left; margin-right: 5px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
#filter li.current a, #filter li.current a:hover { background-color: #E81B1B; color: #fff; }
#filter li a:hover { background-color: #e8e8e8; }
#worklist { float: left; display: inline; position: relative; margin-top: 20px; margin-bottom: 10px; }
#worklist ul { float: left; }
#worklist a.thumb { float: left; width: 202px; height: 202px; display: block; text-decoration: none; overflow: hidden; }
#worklist li { float: left; width: 202px; position: relative; display: inline; margin: 0 24px 20px; }
#worklist ul li h4 { float: left; margin: 0; }
#worklist ul li h4 a { font: 14px/14px "GnuolaneRegular", "Lucida Grande", Arial; text-transform: uppercase; text-decoration: none; color: #fff; width: 167px; letter-spacing: 1px; padding: 10px 25px 10px 10px; float: left; margin-right: 0; background: #000 137px center; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
#worklist ul li h4 a:hover { background: #E81B1B url(../images/big-btn-arr.png) no-repeat 184px center; }
/* PRJ PAGE */
#prj-desc { float: right; margin-left: 48px; margin-bottom: 48px; }
#prj-desc h5 { font: bold 14px "Lucida Grande", Arial, sans-serif; }
#prj-desc ul li { list-style-type: square; }

/*  BLOG
========================================================================= */
.post { margin-bottom: 30px; }
.post-date { float: left; width: 35px; font-family: "GnuolaneRegular", "Lucida Grande", Arial; text-align: center; background-image: -webkit-gradient(linear, 70% 0%, 100% 0%, from(#fd4c23), to(#fd4c23)); background-image: -moz-linear-gradient(70% 0% 0deg, #fd4c23, #BD1010); background-color: #fd4c23; color: #fff; left: -55px; position: absolute; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; }
.post-date.inner { display: block; position: relative; top: -10px; text-align: right; width: auto; float: right; left: 0; background-color: #d9d9d9; background-image: none; margin-top: -21px; margin-bottom: 0; padding-right: 10px; padding-left: 5px; }
.post-date.inner p span { display: inline; padding-left: 5px; font: 10px/10px "Lucida Grande", Arial; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.post-date.inner br { display: none; }
.post-date p { margin: 0; }
.day { font-size: 24px; line-height: 24px; }
.month { font-size: 16px; line-height: 16px; }
.year { font-size: 12px; line-height: 12px; }
.post-head h3 { font: 24px/24px "GnuolaneRegular", "Lucida Grande", Arial; margin-top: 15px; }
.post-head h3 a { text-decoration: none; font-weight: normal; font-style: normal; color: #333; }
.post-head h3 a:hover { color: #fd4c23; }
.post-excerpt {  }
.post-meta { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; line-height: 30px; font-size: 12px; color: #666; margin-top: 15px; }
.post-meta p { margin: 0; }
.post-meta em { color: #000; font-weight: normal; font-style: normal; }
.post-meta a { color: #000; text-decoration: none; }
.post-meta a:hover { text-decoration: underline; }
#page-nav { text-align: left; margin-bottom: 0; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; padding: 5px 0; }
#page-nav li { display: inline; }
#page-nav li.current a { background-color: #000; color: #fff; }
#page-nav a { color: #333; text-decoration: none; padding: 5px 10px; margin-right: 5px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
#page-nav a:hover { background-color: #e8e8e8; }
.post h5 { font: 20px/20px "GnuolaneRegular", "Lucida Grande", Arial; }
.single-post-content { border-bottom: 1px dashed #CCC; margin-bottom: 20px; }
/* comments */
#comment-list { float: left; }
#comment-list li { list-style: none; float: left; display: inline; margin-bottom: 10px; }
.comment { padding: 10px 0; }
.comment.admin { background-color: #f2f2f2; display: block; float: left; margin-bottom: 10px; }
.comment-leftcol { text-align: center; width: 90px; float: left; display: inline; }
.avatar { background: #fff; border: 1px solid #cccccc; margin: 0 auto 15px; padding: 5px; clear: both; }
a.reply { color: #494949; padding: 2px 6px 3px; font-size: 13px; text-decoration: none; font-variant: small-caps; letter-spacing: 1px; display: inline; }
a.reply:hover { color: #fff; background-color: #000; }
.comment-rightcol { border-left: 1px solid #d3d3d3; padding-left: 19px; display: inline; width: 494px; float: left; padding-right: 20px; }
.comment-head p { margin-bottom: 10px; font-size: 12px; color: #8f8f8f; }
.user { font-size: 14px; color: #484848; }
ul li .comment { margin-left: 40px; }
ul li .comment-rightcol { width: 454px; }
ul li ul li .comment { margin-left: 70px; }
ul li ul li .comment-rightcol { width: 424px; }
ul li ul li ul li { margin-left: 100px; }
ul li ul li ul li .comment-rightcol { width: 394px; }
ul li ul li ul li ul li { margin-left: 130px; }
ul li ul li ul li ul li .comment-rightcol { width: 364px; }

/*  CONTACT
========================================================================= */
form.contact-form { padding-top: 10px; }
#name { margin-right: 44px; display: inline; float: left; }
form.contact-form label { display: block; font: 14px/14px "Lucida Grande", Lucida, Verdana, sans-serif; color: #999; padding-bottom: 10px; text-transform: capitalize; position: relative; }
form.contact-form span input { border: 1px solid #999; float: left; width: 268px; padding: 13px 10px; }
#email { float: left; }
#message { float: left; margin-top: 20px; margin-bottom: 10px; }
form.contact-form span textarea { border: 1px solid #999; width: 602px; max-width: 602px; height: 120px; padding: 13px 10px; }
#map { width: 288px; height: 288px; background-color: #eaeaea; float: right; margin-bottom: 20px; }
form.contact-form label.error { color: #fd4c23; font-size: 10px; clear: both; display: block; padding-top: 5px; }
.required.error { opacity: .5; }
form.contact-form span input.error, form.contact-form span textarea.error { border: 1px solid #fd4c23; }

/*  FOOTER
========================================================================= */
#footer { color: #fff; display: block; position: relative; width: 1000px; background-color: #000; min-height: 50px; }
#footer #credits { float: left; margin-left: 20px; }
#credits p { margin-bottom: 0; line-height: 50px; }
#footer-nav ul { float: right; font: 12px "GnuolaneRegular", "Lucida Grande", Arial; margin: 0; padding-left: 10px; padding-right: 10px; }
#footer-nav ul li { display: inline; }
#footer-nav ul li a { float: left; line-height: 50px; padding-right: 10px; padding-left: 10px; margin-right: 10px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
#footer-nav ul li a:hover { background-color: #fd4c23; }