/*

	madebyfudge.com
	
	--------------------------------
	
	Grey: 404041
	Fudge: d2d1b5
	Light Fudge: F4F6E6
	Highlight green: d7df21
	
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
	font-family:'HelveticaNeueW01-76Bold', helvetica, arial, sans-serif;
	font-family:'HelveticaNeueW31-Italic';	
	
	font-family:'ITCCaslon224W01-BoldIt', helvetica, arial, sans-serif;
	font-family:'ITCCaslon224W01-BlackIt', Georgia, arial, sans-serif;

*/

/*---------- SETUP ----------*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

/*---------- DEFAULTS ----------*/

body{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	color: #404041;
	background: url('../img/bg.jpg') repeat;
    /*-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;*/
	-webkit-text-size-adjust: none !important;
	font-size: 62.5%;
	line-height: 1;
}

::selection {background: #d7df21;}
::-moz-selection {background: #d7df21;}

p { margin: 0 0 20px 0;font-weight: 100; line-height:18px; font-size:14px; }
p img { margin: 0; }

em { font-style: italic; }

a, a:focus, input, textarea{
	outline: none;
}

a, a:link, a:visited{
	color: #404041;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

strong{font-weight:normal; font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #404041;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #404041;
}

/*---------- GLOBAL CLASSES ----------*/

.show{
	display:block;
}
.none, .hide{
	display:none;
}

.left{
	float:left;
	position:relative;
}

.right{
	float:right;
	position:relative;
}

.start{
	margin-left:0px !important;
}

.end{
	margin-right:0px !important;
}

.top{
	margin-top:0px !important;
}

.bottom{
	margin-bottom:0px !important;
}

br.clear{
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0;
}

.relative{
        position:relative;
}

.hook{
	position: absolute;top:100px;
}

.container{
	width:960px;
	margin:auto;
	position:relative;	
}

.title{
    float:left;
	height:100px;
	width:100%;
	border-top: 1px solid #404041;
	border-bottom: 1px dotted #404041;
}

.title h2, .title h1{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	line-height:62px;
	font-weight:bold;
	font-size:3.0em;
	color:#404041;
	font-weight: 100;
	padding:0px 22px;
}

.content{
    float:left;
	min-height:411px;
	padding:20px 22px;
	width:916px;
}

.selected{
	color:#404041 !important;
}

#toTop {
	width:35px;
	height:37px;
	background: url('../img/uparrow.jpg') no-repeat;
	text-align:center;
	position:fixed; /* this is the magic */
	bottom:20px; /* together with this to put the div at the bottom*/
	right:0px;
	cursor:pointer;
	display:none;
	border:0;
}

/*---------- TOOLTIP ----------*/

.tt-left .ui-tooltip-tip{background-color: #d7df21 !important; color: #d7df21 !important;position:absolute !important; left:30px !important;}

.tt-left{
	background: transparent;
	background: #d7df21;
	/*-moz-box-shadow: -7px 7px 2px rgba(161,162,55,0.8);
	-webkit-box-shadow: -7px 7px 2px rgba(161,162,55,0.8);
	box-shadow: -7px 7px 2px rgba(161,162,55,0.8)*/
	positon:relative;
}

.tt-right .ui-tooltip-tip{background-color: #d7df21 !important; color: #d7df21 !important;position:absolute !important; right:30px !important;}

.tt-right{
	background: transparent;
	background: #d7df21;
	/*-moz-box-shadow: -7px 7px 2px rgba(161,162,55,0.8);
	-webkit-box-shadow: -7px 7px 2px rgba(161,162,55,0.8);
	box-shadow: -7px 7px 2px rgba(161,162,55,0.8)*/
	positon:relative;
}

.ui-tooltip-content{
	background:none !important;
	color: #555;
	border: 0px transparent !important;
	font-size: 14px;
	line-height:16px;
	text-shadow: 0 0;
	font-family:'HelveticaNeueW01-46Ligh', helvetica, arial, sans-serif;	
}

.tt-left .ui-tooltip-content, .tt-right .ui-tooltip-content{
	margin: 10px;
	text-align:left;
	width:180px;
}

.dynamic .ui-tooltip-content{width:auto !important;}

.ui-tooltip-content h2{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	font-size:28px;
	line-height: 28px;
	color:#404041;
	margin-bottom:5px !important;
	padding:0px;
}

.ui-tooltip-content h3{
	color: #555;
	border: 0px transparent;
	font-size: 14px;
	line-height:16px;
	text-shadow: 0 0;
	font-family:'HelveticaNeueW01-76Bold', helvetica, arial, sans-serif;	
	margin-bottom:5px;
}

.ui-tooltip-content p{
	color: #555;
	border: 0px transparent;
	font-size: 14px;
	line-height:16px;
	text-shadow: 0 0;
	font-family:'HelveticaNeueW01-46Ligh', helvetica, arial, sans-serif;	
	margin-bottom:5px;
}

.ui-tooltip-content span{
	color: white;
	border: 0px transparent;
	font-size: 14px;
	line-height:16px;
	text-shadow: 0 0;
	font-family:'HelveticaNeueW01-76Bold', helvetica, arial, sans-serif;	
	margin-bottom:5px;
}

/*---------- ACCORDION ----------*/

.accordion{
	width:100%;
}

.acc-head{
	width:100%;
	border-top:1px dotted #404041;
	float:left;
	cursor: pointer;
	height:49px !important;
	background: url('../img/arrow-default.png') no-repeat right;
}

.acc-head h3{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	font-size:2.8em;
	line-height:49px;
	clear:left;
}

.load-more{
	width:100%;
	border-top:1px dotted #404041;
	float:left;
	cursor: pointer;
	height:49px !important;
}

.load-more h4{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	font-size:2.8em;
	line-height:49px;
	clear:left;
	color:#F4F6E6;
}

.ui-state-active{
	border-bottom: 1px dotted #404041;
	color:#404041;
	background: url('../img/arrow-state.png') no-repeat right;
}

.acc-head:first-child{
	border-top:0px;
}

.acc-head:last-child{
	border-top:0px;
	border-bottom:1px dotted #404041 !important;
}

.acc-content {
	width:100%;
	float:left;
	padding:20px 0px;
	clear:left;
	height:410px;
}

.acc-content p{
	font-family:'ITCCaslon224W01-BoldIt', helvetica, arial, sans-serif;
	font-size:2.2em;
	line-height:26px;
	margin-bottom: 0px;
}

/*---------- NAVIGATION ----------*/

header#topbar{
	width:100%;
	margin: 0 auto;
	padding: 0;
	background: url('../img/nav-bg.jpg') repeat-x;
}
header#topbar .container{
	border-bottom: 1px solid #404041;
	height:137px;
}

header#topbar #logo{
	/*max-height:100%;*/
	z-index:20;
}

header#topbar #ribbon{
	position:absolute;
	top:0;
	left:-13px;
}

header#topbar #preview-caption{
	font-family:'HelveticaNeueW01-56It', helvetica, arial, sans-serif;
	position:absolute;
	top:10px;
	left:140px;
	font-size:14px;
	line-height:16px;
	display:none !important;
}

header#topbar a#twitter-link{
    font-size:1.4em;
	position:absolute;
    right:0px;
    top:10px;
    padding-right:24px;
	line-height:16px;
	background: url('../img/twitter-link.png') no-repeat 70px 6px;
	padding:5px 30px 5px 10px;
}

header#topbar a#twitter-link:hover{
	color:#d2d1b5;
	background: url('../img/twitter-link.png') no-repeat 70px 6px #404041;
}

header#topbar nav#menu-dd{
	position:absolute;
    text-align: right;
	float:right;
	bottom:8px;
	right:0px;
	max-width:50%;
	display:none;
	border:none; background:#d2d1b5;
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	font-size:2.6em;
}

header#topbar nav#menu{
	position:absolute;
	text-align: right;
	float:right;
	bottom:24px;
	right:0px;
	z-index:20;
}

header#topbar nav#menu li{
	float:left;
}

header#topbar nav#menu li a{
	font-family:'HelveticaNeueW01-Thin', helvetica, arial, sans-serif;
	margin-left:10px;
	font-size:2.6em;
	padding:5px 10px;
}

header#topbar nav#menu li a:hover, header#topbar nav#menu li a.current, header#topbar nav#menu li a:focus{
	color:#d2d1b5;
	background:#404041;
}

/*---------- MAIN ----------*/

#main{
	width: 100%;
	position: relative;
	overflow: visible;
	margin: 0 auto;
	padding: 0;
}

/*---------- FEATURED ----------*/

#featured{
	position: relative;
	padding:0px 0px;
}

#featured #banner{
	padding:0px;
}

#featured #banner h1{
	float:left; clear:left;
	font-family:'ITCCaslon224W01-BlackIt', Georgia, arial, sans-serif;
	font-size:6.0em;
	line-height:55px;
}
	
#featured #banner p{
	float:left; clear:left;
	font-size:2.8em;
	color: #f4f6e6;
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
	line-height:32px;
	margin-top:26px;
}

#featured #banner a.morelink{
	float:left; clear:left;
	text-align: center;
	width:120px;
	font-size:1.6em;
	color: #404041;
	font-family:'HelveticaNeueW01-76Bold', helvetica, arial, sans-serif;
	margin-top:16px;
	font-style: italic;
	font-weight:bold;
	padding-bottom:47px;
	background: url('../img/arrow-default.png') no-repeat bottom center;
}

#featured #banner img{
	float:right;
	max-width:100%;
}

#featured #featured-more{
    float:left;
	display:none;
}

#featured #featured-more p{
	font-family:'ITCCaslon224W01-BoldIt', helvetica, arial, sans-serif;
	line-height:26px;
}

/*---------- BANNER PREVIEW ----------*/

#featured #banner-preview{
	padding:0px;
	min-height:0 !important;
}

#featured #banner-preview h1{
	float:left; clear:left;
	font-family:'ITCCaslon224W01-BlackIt', Georgia, arial, sans-serif;
	font-size:6.0em;
	line-height:55px;
	position:absolute; top:15%; left:5%; color:#ebebeb
}

#featured #banner-preview img{
	max-width:100%;
}

/*---------- INTRODUCTION ----------*/

#intro p{
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
	font-size:2.2em;
	line-height:26px;
	/*text-indent:60px;*/
	margin-bottom:26px;
}



#intro p:last-child{
	margin-bottom:0px;
}

#intro .columns:last-child{
	height:350px;
}

#intro .tagline{
	font-family:'ITCCaslon224W01-BoldIt', helvetica, arial, sans-serif;
	color:white;
	font-size:2.2em;
}

#intro .large{
	font-size:3.0em;
	font-family:'ITCCaslon224W01-BlackIt', Georgia, arial, sans-serif;
	line-height:32px;
}

/*---------- CLIENTS ----------*/

#clients .content{
	border-bottom: 1px solid #404041;
}

#clients .clientlogo{
	float:left;
	width:130px;
	height:74px;
	opacity: 1.0;
	margin:14px 1px 14px 0px;
}

#clients .clientlogo:hover{
	opacity: 1.0;
}

/*---------- WORK ----------*/

#work .content{
	padding: 0px;
	min-height:450px;
}

/*---------- FOOTER ----------*/

footer{
	background:#404041;
	position:relative;
	margin-top:100px;
}

footer a{
	color:#d2d1b5 !important;
}

footer a:hover{
	text-decoration: underline !important;
}

footer .container{min-height:389px;/*min-height:550px;*/}

footer .title{
	border-bottom: 1px dotted #d2d1b5;
}

footer .title h2, footer .title h1{
	color:white;
}

footer .content{
	color:white;
	border-bottom: 1px solid #d2d1b5;
}

footer li{
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
	font-size:1.4em;
	margin-bottom:25px;
	line-height:26px;
}
footer em{
	color:#d2d1b5;
	font-style: normal;
	font-size:2.0em;
}

footer address{
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
    float:right;
	font-size:1.4em;
	margin-bottom:32px;
	line-height:22px;
	font-style: normal;
	margin-right:16px;
}
footer address em{
    font-size:inherit;
	color:#d2d1b5;
	font-style: normal;
}

footer .copyright{
	color:white;
	font-size: 1.4em;
	font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;
	clear:both;
	float:left;
	padding:20px 22px 0 22px;
	width:916px;
	text-align:right;
}

/*---------- FIREFOX ----------*/

@-moz-document url-prefix() {
    
	header#topbar{top:0;border-top:1px solid #d2d1b5;}
	
}

/*---------- DEVICES ----------*/

@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px) {
	nav#menu{display:none !Important;}
}