/*
    Grey   : #8c9699
    Orange : #f09100

    Really light orangey/peach : f9d49d
    Light orange: f0930b
    Dark orange : e8541f

Yellow fed80b
*/

/*****************************
   Tags
*****************************/
body { font-family:Arial, Verdana, Sans-Serif; font-size:62.5%; color:#000; background:#f0930b url(/_images/layup/bg_body.png) repeat-x left top; }

h1, h2, h3, h4 { font-weight:normal; text-transform:uppercase; font-family:Calibri, Verdana, Arial, Sans-Serif; }
h2 { font-size:3.6em; margin-bottom:1em; text-align:right; }
h3 { font-size:2.5em; margin-bottom:1.5em; text-align:right; }
h4 { font-size:1.8em; color:#e8541f; font-weight:bold; margin-bottom:.25em; }
h5 { font-size:1.4em; color:#000; font-weight:bold; margin-bottom:.5em; }
h6 { font-size:1.2em; color:#e8541f; font-weight:bold; margin-bottom:1em; text-align:right; }

#ie7 h2 { font-size:3.0em; }
#ie7 h3 { font-size:2.0em; }
#ie7 h4 { font-size:1.5em; }


p { font-size:1.2em; margin-bottom:1em; line-height:1.6em; text-align:justify; }
blockquote { color:#e8541f; font-size:1.2em; line-height:1.6em; margin-bottom:1em; font-style:italic; font-weight:bold; }

h3.margin-small { margin-bottom:.5em; }

/** Layup
*****************************/
#page_shadow { position:fixed; top:0; z-index:10000; }
.shadow { height:9px; width:100%; background:url(../_images/layup/page_shadow.png) repeat-x left top; z-index:9990; }

#wrapper_background { min-height:560px; background:url(/_images/layup/background.jpg) no-repeat center 37px;  }
#wrapper { position:relative; padding-top:37px; margin:0 auto; width:950px; }

#logo_flap { position:relative; width:135px; height:345px; background:url(/_images/layup/fdg-logo-banner.png) no-repeat left top; }
#logo_flap #logo {  }
#logo_flap #logo a { display:block; width:135px; height:200px; }
#logo_flap span { display:none; }
#logo_flap strong { display:none; }

#logo_flap ul { position:absolute; bottom:16px; left:29px; width:86px; height:17px;  }
#logo_flap ul li { float:left; width:17px; height:17px;  }
#logo_flap ul li a { display:block; height:17px; background-image:url(/_images/layup/bg_social-icons.jpg); background-repeat:no-repeat; background-position:left top; }

#logo_flap ul li.youtube a { background-position:left top; }
#logo_flap ul li.youtube a:hover { background-position:left bottom; }

#logo_flap ul li.linkedin { margin-right:3px; margin-left:5px; }
#logo_flap ul li.linkedin a { background-position:-22px top; }
#logo_flap ul li.linkedin a:hover { background-position:-22px bottom; }

#logo_flap ul li.twitter { margin-left:3px; margin-right:5px; }
#logo_flap ul li.twitter a { background-position:-46px top; }
#logo_flap ul li.twitter a:hover { background-position:-46px bottom; }

#logo_flap ul li.facebook a { background-position:right top; }
#logo_flap ul li.facebook a:hover { background-position:right bottom; }

#tweet_container { position:relative; background:url(/_images/layup/tweet-bird-cage.png) no-repeat center top; padding-top:110px; width:135px; }
#tweet_fade { position:absolute; bottom:0; left:0; width:100%; height:73px; background:url(/_images/layup/bg_tweet-fade.png) repeat-x left top; }
#tweets p.loading { padding:0 5px; padding-bottom:30px; text-align:center; font-style:italic; line-height:1.4em; }
#tweets .tweet_time { display:block; }

#comms { position:absolute; top:0; right:0; }
#comms ul { }
#comms ul li { float:left; color:#d5d5d5; height:37px; line-height:37px; margin-left:15px; background-repeat:no-repeat; background-position:left center; }
#comms ul li.tel { background-image:url(/_images/layup/bg_phone-icon.png); padding-left:25px; }
#comms ul li.transfer { background-image:url(/_images/layup/bg_transfer-icon.png); padding-left:20px; }
#comms .txt { font-size:11px; color:#6a6a6c; background-color:#c6c6c7; border:solid 1px #c6c6c7; margin-top:3px; margin-left:5px; letter-spacing:1px; padding:2px; height:15px; width:150px; }
#comms .btn { font-size:11px; font-weight:bold; color:#d4d5d5; background-color:#707173; border:solid 1px #707173; text-transform:uppercase; outline-color:#707173; outline-width:0; }
#comms .ovr { border:solid 1px #eee; }

#side_container { position:absolute; top:94px; left:0; width:135px; }
#main_container { position:relative; margin-left:135px; padding-top:57px; width:815px; }

.outer-content { padding:6px; background:url(/_images/layup/bg_white-alpha-pixel.png); }
.inner-content { position:relative; padding:24px; background:#fff; min-height:50em; }

.col1, #col1 { float:left; width:401px; }
.col2, #col2 { float:right; width:325px; }

img.border,
div.border,
a.border { border:solid 2px #d4d4d5; }

#sitemap { margin-top:6px; padding:6px; background:#fce9ce; min-height:22em;  }
#sitemap h3 { background:#f0930b; color:#fff; font-size:1.5em; padding:10px 15px; text-transform:uppercase; font-weight:bold; text-align:left; margin-bottom:1em; }
#sitemap h4 { color:#f0930b; font-size:1.4em; text-transform:none; font-weight:bold; text-align:left; border-bottom:solid 1px #f0930b; padding-bottom:.25em; margin-bottom:.5em; }
#sitemap .inner { padding:0 30px; }

#sitemap .menu { float:left; width:200px; margin-right:30px; }
#sitemap .cs { width:200px; }
#sitemap .bs { width:250px; }

#sitemap .menu ul { }
#sitemap .menu ul li { border-bottom:solid 1px #f0930b; padding-bottom:.5em; margin-bottom:.5em; font-size:1.1em; color:#999; }
#sitemap .menu ul li a { text-decoration:none; color:#666; }
#sitemap .menu ul li a:hover { text-decoration:underline; }

#sitemap .contact-us { float:right; width:17em; border-bottom:solid 1px #f0930b; margin-bottom:1em; padding-bottom:2px; }
#sitemap .contact-us h4 { text-align:right; text-transform:none; margin-bottom:1em; }
#sitemap .contact-us p { font-size:1.1em; line-height:1.3em; color:#666; }
#sitemap .contact-us a { color:#666; text-decoration:none; }
#sitemap .contact-us a:hover { text-decoration:underline; }


#footer { position:relative; padding:20px 0 0 25px; background:url(/_images/layup/bg_footer.png) no-repeat left top; margin-bottom:20px;  }
#footer ul { }
#footer ul li { color:#fff; display:inline; font-weight:bold; text-transform:uppercase; margin-right:7px; padding-right:7px; border-right:solid 1px #fff; }
#footer ul li a { color:#fed80b; text-decoration:none; }
#footer ul li a:hover { border-bottom:solid 1px #fff; }
/*#footer ul li:last-child { border-right:none; padding-right:0; margin-right:0; }*/
#footer ul li.end { border-right:none; padding-right:0; margin-right:0; }

#footer #copyright { margin:7px 0 0 15px; color:#fff; }
#footer .site-by-fdg { position:absolute; right:0; top:25px; width:74px; height:17px; background:url(/_images/layup/site-by-fdg.png) no-repeat left top; }
#footer .site-by-fdg span { display:none; }

/** Menus
*****************************/
#menu { position:absolute; right:0; top:30px; text-align:right; }
#menu li { float:left;  margin-right:1em; padding-right:1em; border-right:solid 1px #e8541f; }
#menu li a { font-size:1.4em; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#menu li a:hover { border-bottom:solid 3px #e8541f; }
#menu li.end { border-right:none; padding-right:0; margin-right:0; }

#menu li.admin a { color:#e8541f; }



/** Panels
*****************************/
.panel { padding:20px; }
.panel.bg { background-color:#eaeaea; }



/** Panels
*****************************/
.our-process {  }
.our-process img { margin-bottom:2em; }
    
.our-work { }
.our-work h3,
.our-work h4 { text-align:left; font-size:2em; color:#fff; background-color:#e8541f; padding:10px; margin-bottom:2px; font-weight:normal; }
.our-work h4 { background-color:#707173; }
.our-work h5 { color:#e8541f; }
.our-work .featured { margin-bottom:2em; }
.our-work .featured .border { background-color:#f9d49d; border-color:#f9d49d; }
.our-work .pad { padding:10px; }

.our-work h3 { position:relative; padding-right:45px; }
.our-work h3 a { position:absolute; right:0; top:0; width:42px; height:40px; background-image:url(/_images/our-work/bg_back-arrow.png); background-repeat:no-repeat; background-position:center top; }
.our-work h3 a:hover { background-position:center bottom; }
.our-work h3 a span { display:none; }


.other-work { }
.other-work .item { float:left; width:191px; background-color:#d4d4d5; }
.other-work .item.left { margin-right:11px; }

.project-gallery { }
.project-gallery .item { }
.project-gallery .item { overflow:hidden; float:left; width:191px; text-align:right; text-decoration:none; background-color:#d4d4d5; margin-bottom:25px; }
.project-gallery .item:hover { display:block; text-decoration:none; background-color:#e8541f; border-color:#e8541f; cursor:pointer; }
.project-gallery .item.left { margin-right:11px; }
.project-gallery .item h5 { text-align:left;  }
.project-gallery .item h6 { color:#000; font-weight:normal; margin-bottom:0; position:absolute; bottom:10px; right:10px; }
.project-gallery .item p { color:#333; line-height:1.2em; font-size:1.1em; text-align:left; }

.project-gallery .item .pad { position:relative; min-height:10em; }

.project-gallery .item .link { position:absolute; bottom:10px; right:10px; color:#e8541f; font-size:1.2em; }
.project-gallery .item .link a { font-weight:bold; color:#000; text-decoration:none; } 
.project-gallery .item .link a:hover { text-decoration:underline; } 

.project-gallery .item:hover h5 { color:#fff; }
.project-gallery .item:hover .link { color:#fff; }

.project-content { margin-bottom:5em; }
.project-content h2 { margin-bottom:.5em; }
.project-content h6 { padding-top:1em;  }


/** Lists
*****************************/
.bull-list { margin-left:10px; margin-bottom:1em; }
.bull-list li { background:url(/_images/bullet_orange.png) no-repeat left 7px; list-style-type:none; font-size:1.2em; line-height:1.6em; padding-left:15px; margin-bottom:.25em; }
.bull-list li span { }


/** Call to Actions
*****************************/
.cta { line-height:4em; }
.cta a { padding:8px 10px 8px 35px; color:#fff; text-decoration:none; font-weight:bold; background-color:#f0930b; background-image:url(/_images/link_arrow.png); background-position:10px center; background-repeat:no-repeat; }
.cta a:hover { text-decoration:none; background-color:#e8541f; }


/** Forms
*****************************/
.form { }
.form .row { margin-bottom:1em; }
.form .row label { display:block; font-size:1.1em; margin-bottom:.25em; }
.form .row .txt { width:280px; }
.form .row select { width:280px; }
.form .row textarea { width:280px; font-family:Arial, Verdana, Sans-Serif; }
.form .row .txt,
.form .row select,
.form .row textarea { color:#333; }
.form .required { font-weight:bold; }


/** jquery.tweet 
*****************************/
#tweets, .query { color: #fff; }
  #tweets .tweet_list, .query .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; line-height:1.2em; }
    #tweets .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
    #tweets .tweet_list li, .query .tweet_list li { overflow-y:auto; overflow-x:hidden; padding:.5em; margin-bottom:1em; }
      #tweets .tweet_list li a, .query .tweet_list li a { color:#fff954; text-decoration:none; }
      #tweets .tweet_list li a:hover, .query .tweet_list li a:hover { text-decoration:underline; }
    #tweets .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
    #tweets .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right:.5em; float:left; }
      #tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align:middle; }
    #tweets .tweet_time { text-transform:uppercase; }


/** Useful Classes
*****************************/
.bold { font-weight:bold; }
.aCenter { text-align:center; }
.aLeft { text-align:left; }
.aRight { text-align:right; }
.fLeft { float:left; }
.fRight { float:right; }
.fNone { float:none; }
.clear { clear:both; }
.hide { display:none; }

.large { font-size:1.4em; }
.small { font-size:1em; }

.highlight { color:#e8541f; }

.margin-bottom { margin-bottom:2em; }
.no-margin { margin:0; }