/* FONTS, RESET, GENERAL CLASSES*/
a:active{ outline:none; }  
a:focus{ -moz-outline-style:none; }
.close-button {position: absolute; right: -5px; top: -5px; cursor: pointer;}
.aligned{width: 960px; margin-left: auto; margin-right: auto;}
.aligned-to-nav{width: 940px; margin-left: auto; margin-right: auto;}
.aligned-bg{width: 1200px;  margin-left: auto; margin-right: auto;}
.button {background: transparent url('images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
	.button span{background: transparent url('images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
	
.slogan-title{font-size:19px; color:#333333; margin:0 0 36px 0; font-weight: normal; font-style: italic; font-weight: bold;}
.content-heading{position: relative; overflow: hidden; width: 940px; margin-bottom: 40px;}
.line-wrapper{background: url(http://freshout.us/wp-content/themes/freshout/images/content_bg.jpg) no-repeat 50% 0%;}
.content-wrapper{padding: 20px 40px;}
.body{background: url('images/clouds.jpg') no-repeat center 0; padding:0; width: 100%; position: relative; min-height: 95px;}

/* HEADER */
.header-container{width: 100%; position: fixed; top: 0; margin: 0 auto; z-index: 999999;}
	.header{background: url('images/header_bg_line.png') repeat-x center top; overflow: hidden;}
		.navigation{height: 67px; margin: 0 auto;}
			.nav-bar{width: 1038px; height: 67px; margin: 0 auto; color: #FFF; background: url('images/header_bg.png') no-repeat center top;}
				.nav-bar > .container{padding-left: 49px;}
					.logocon{width: 92px; padding: 15px 0 0 26px; float: left;}
						.logocon a{width: 100%; text-align: center; float: left;}
#menucon{position: absolute; z-index: 999; width: 940px;}
.sf-menu, .sf-menu *{margin: 0; padding: 0; list-style: none;}
.sf-menu{position: absolute; width: 470px; float: right; right: 0; margin-bottom: 12px;}
	.sf-menu .opmenu{font-family: "AllerLightItalic", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #88a7ba; display: block; padding: 19px 0 0 0; height: 36px; margin: 0; font-size: 17px; font-weight: normal; color: #88a7ba; text-decoration : none;}
	.sf-menu > li:hover{color: #ffffff; background: url('images/transparent.png');}
	.opmenu:hover{color: #ffffff;}
	.sf-menu .selected{background: url('images/transparent.png');}
.sf-menu ul{position: absolute; top: -999em;}
	.sf-menu li{float: left; position: relative;}
	.sf-menu > li{text-align: center;}
		.level-1 li:hover .level-2, .sfHover .level-2{left: 180px; top: 0;}
	.opt-work{width:90px;}
		.opt-work > .level-1{width: 240px;}
	.opt-capabilities{width: 125px;}
		.opt-capabilities > .level-1{width: 180px;}
			.opt-capabilities .level-2{width: 280px;}
			.opt-capabilities li:hover .level-2, .opt-capabilities .sfHover .level-2{left: 180px; margin-top: -1px; position: absolute;}
			.opt-capabilities > .level-1 > .last > .li-center{width: 170px;}
			.opt-capabilities .level-2 > .last .li-center{width: 270px;}
	.opt-about{width: 77px;}
		.opt-about > .level-1{width: 131px;}
			.opt-about > .level-1 > .last .li-center{width: 121px;}
	.opt-started{width: 172px;}
		.opt-started > .opmenu{font-family: "AllerItalic"; color: #ffffff; background-image: url('images/nav-bar-btn-bg.png'); background-repeat: no-repeat; background-position: center 15px; font-size: 16px; text-indent: -9999px;}
.level-1 .next2last{border-bottom: none;}
.level-1 li{height: 32px; text-align: left; background: url('images/subnav_transparent.png'); border-top: 1px solid #465054; border-bottom: 1px solid #000000; width: 100%;}
	.sf-menu li:hover{visibility: inherit;}
.sf-menu a{display: block; position: relative; text-decoration: none; padding: 9px 20px;}
.level-1 li a{color: #C0C0C0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left: 0; top: 55px; z-index: 99;}
.sf-menu li:hover li ul, .sf-menu li.sfHover li ul{top: -999em;}
.level-1 li:hover, .level-1 li.sfHover, .level-1 a:focus, .level-1 a:hover, .level-1 a:active{background: url('images/subnav_hover_transparent.png'); outline: 0;}
.sf-sub-indicator{display: none}
.level-1 .sf-sub-indicator{position:	absolute; display: block; right: 9px; top:	12px; width: 10px; height: 10px; text-indent: -999em; overflow :hidden; background:	url('images/arrows-ffffff.png') no-repeat 0 0; /* 8-bit indexed alpha png. IE6 gets solid image only */}
.level-1 a:focus > .sf-sub-indicator, .level-1 a:hover > .sf-sub-indicator, .level-1 a:active > .sf-sub-indicator, .level-1 li:hover > a > .sf-sub-indicator, .level-1 li.sfHover > a > .sf-sub-indicator{background-position: -10px 0;}
.li-left, .li-right{width: 5px; height: 5px; overflow: hidden;  display: block; padding: 0; margin: 0;}
.li-left{float: left; background: url('images/nav-round.png') no-repeat left top;}
.li-right{float: right; background: url('images/nav-round.png') no-repeat right -10px;}
.level-1 .last{list-style-type : none; display: block; background: none; text-align: left; padding: 0; width: 100%; height: 5px; border: none;}
.li-center{display: block; float: left; width: auto; height: 5px; background: url('images/subnav_transparent.png'); padding: 0; margin: 0;}
.level-1 .last:hover{background: none}
.sf-menu a.sf-with-ul{min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}						


/*PCDTR / SKETCHES PAGE / COMMON*/
.content-heading .dt{font-family: 'AllerItalic', sans-serif; font-size:16pt; color:#333; margin:0 0 18px 0px; font-weight: normal;}
.sketches-heading .dt{font-family: 'AllerLightItalic', sans-serif; font-size:14pt; color:#333; margin :0 0 20px 0; font-weight: normal;}
.work-content h1.dt, .sketch-content h1.dt{font-family: 'AllerItalic', sans-serif; font-size:18pt; color:#000; margin :0 0 5px 0; font-weight: normal;}
.work-content h2.dt, .sketch-content h2.dt{font-family: 'AllerItalic', sans-serif; font-size:16pt; color:#a7b1b5; margin :20px 0 0px 0; font-weight: normal;}
.work-content h3 .client, .body .sketch-content h3 .on{font-family: 'AllerLightItalic', sans-serif; font-size:11pt; color:#888; margin :0 0 10px 0; font-weight: normal;}
.work-content h3 .client-name, .body .sketch-content h3 .date{font-family: 'AllerItalic', sans-serif; font-size:11pt; color:#888; margin :0 0 10px 0; font-weight: normal;}
.sketch-content p.dt{font-family: 'AllerItalic', sans-serif; font-size:11pt; color:#444; margin :0; font-weight: normal;}

.clear { overflow: hidden; width: 100%;}/* generic container (i.e. div) for floating buttons */
.button:active {background-position: bottom right; color: #000; outline: none;}
	.button:active span {background-position: bottom left; padding: 6px 0 4px 18px;}
.layout{width: 100%; color: #333; font-size: 12px; position: relative; float: left; width: 100%;}
	.layout p{line-height: 20px; color:#888888;}
	.recipe p{color:#eee;}
		.layout a{color: #248dd3; text-decoration : none;}
 	.odd{background : transparent;}
	.even{background : #F4F4F4;}
			.content-heading .left-content{width : 620px;}
			.content-heading .sidebar{width : 320px;}
			.sketch{height:310px;}
			.blog-content{padding-top:10px;}
				.blog-content li{padding-top:5px; padding-bottom:5px;}
					.blog-content p{line-height:24px; font-size:14px;}
					.blog-content li{line-height:24px; font-size:14px;}
				.blogstuff .photo {border: 1px solid ; float: left; color: black; margin-right: 10px; width: 50px; height:50px;}
			.dsq-dc-logo {display:none;}
			#disqus_thread { border-top:1px dashed #666666; color:#333333; padding-top:20px;}
			.dsq-subscribe-email, .dsq-subscribe-rss {display:none;}
			input.dsq-trackback-url {width:500px;}
			.tweetmeme_button {margin-right:6px; margin-top:-70px; float:right;}
			
/* FOOTER */
.footer{background: #edf2f4 url(images/footer-bg-slice.jpg) repeat-x; clear: both; }
	.footer > .container{background: url(images/footer-bg.jpg) no-repeat center top; min-width: 100%; float: left; }
		.footer > .container > .container{margin: 0 auto; width: 960px; height: 420px; position: relative}
			#fresh-desc{font-family: 'Lucida Grande'; text-align: center; font-size: 14px; color: #2b526c; text-shadow: 0 -2px 0 #000000; position: absolute; bottom: 0; left: 0; margin-bottom: 24px;}
				#fresh-desc b{color: #4f93bf; font-weight: normal}
.schedule-wrapper{width: 308px; float: left;}
	.schedule{width: 100%; height: 90px; padding-top: 13px; float: left; background-image: url('images/schedule-btn-bg.png'); background-repeat: no-repeat; background-position: -5px 0; margin-top: 17px; text-indent: -9999px;}
		.top-right{font-family: "AllerItalic"; float: right; width: 100%; text-align: right; color: #8dbddd; padding: 0 15px 2px 0;  font-size: 12px;}
			.top-right a{color: #00b2fc;}
			.top-right a:hover{text-decoration: underline;}
		.schedule .btn-lbl{font-family: "AllerItalic"; float: right; font-size: 22px; text-align: center; width: 230px; color: #ffffff; height: 47px; line-height: 2.2; padding-left: 22px;}
	#footer-menu{width: 257px; padding-left: 15px; height: 26px; float: right;  background: url('images/footer-menu-bg.png') no-repeat 0 0; margin: -3px 2px 0 0;}
		#footer-menu li{float: left; list-style: none; line-height: 2.3; padding: 0 14px 0 10px; background: url('images/bullet.png') no-repeat 100% 9px;}
			#footer-menu li a{color: #689fbe; font-family: "AllerItalic", "Lucida Sans"; font-size: 12px;}
			#footer-menu li a:hover{color: #ffffff;}
			#footer-menu .last{background: none;}
.footer-pulse{width: 612px; float: right; margin-top: 25px;}
.freshout-pulse{font-family: "AllerItalic"; font-size: 18px; color: #2c5e7e; text-shadow: 0 -2px 0 #000000; margin-bottom: 5px;}
	.freshout-pulse a{color: #2c5e7e;}
.pulse-posts{width: 286px; float: left;  margin: 0;}
	.pulse-posts > li{width: 282px; float: left; border-bottom: 1px solid #203a4a; color: #b4d2e8; font-family: 'Lucida Grande'; line-height: 18px; padding: 6px 2px; list-style: none;}
	.pulse-posts > li:last-child{border-bottom: 0;}
	.pulse-posts > .last{border-bottom: 0;}
		.pulse-posts > li > .bull{float:left; width: 8px; color: #2f5d7c;}
		.pulse-posts > li > div:first-child{float: right; width: 270px;}
			.pulse-posts > li > div:first-child a{color: #ffffff;}
		.footer a{text-decoration: none;}
		.pulse-posts a:hover{text-decoration: underline;}
	#tweets-wrapper{float: right; width: 285px; overflow: hidden; margin-top: 10px; height: 92px; overflow: hidden;}
		#tweets-footer{width: 100%; float: left; margin: 0;}
			.tweet{height: 92px;}
			.tweet:first-child{z-index: 1;}
			.tweet p{color: #637e93; line-height: 18px; font-family: 'Lucida Grande';}
				.tweet p a{color: #b4d2e8;}
				.tweet p a:hover{text-decoration: underline;}
	.avatar{width: 44px; height: 44px; float: left; border: 1px solid #000000; margin-right: 10px}
	.author{font-style: normal}
	.rol{color: #476e8d; font-style: normal;}
	

			
/* FANCYBOX / OVERLAY */
#fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none;}
* html #fancybox-loading {position: absolute; margin-top: 0;}/* IE6 */
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('images/fancy_loading.png') no-repeat;}
#fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}

* html #fancybox-overlay {position: absolute; width: 100%;}/* IE6 */
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;}
#fancybox-outer {position: relative; width: 100%; height: 100%; padding: 0;}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#fancybox-close {position: absolute; top: -12px; right: -10px; width: 36px; height: 36px; background: url('images/close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none;}
#fancybox-close:hover{background: url('images/close.png') no-repeat left bottom;}
#fancybox_error {color: #444; font: normal 12px/20px Arial;}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0;}
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block;}

#overlay{background: transparent url(images/overlay-bg.png) no-repeat; width: 898px; height: 317px; padding-top: 25px; position: relative; overflow: hidden;}
	#overlay h2{padding-left: 10px;}
	#overlay form{width: 840px; margin: 0 auto;}
		.step{display: none;}
			.step ul > li{float: left; list-style: none;}
			.overlay-list{margin: 0; padding: 0; padding-top: 25px;}
			#step1 > ul{background: transparent url('images/overlay-columns.png') no-repeat center top; min-height: 125px; }
				#step1 > ul > li{width: 250px; padding: 0 15px;}
					#step1 a{color: #248dd3; text-decoration : none;}
					#step1 a:hover{text-decoration: underline;}
					#step1 b{font-size: 16px; color: #444444;}
					.step .button{color: #00b2fc; font-size: 13px;}
					.checkbox{float: left; margin: 3px 7px 0 0;}
					.opt-desc{margin: 15px 0 10px 0; padding: 0;}
			#step1-errors-wrapper{float: left; color: red; font-style: italic; width: 150px; text-align: center; margin-top: 3px;}
			#step2 > ul{background: transparent url('images/overlay-divider.jpg') no-repeat center bottom; min-height: 125px; margin-bottom: 40px;}
				#step2-st{width: 210px; padding-right: 40px;}
				#step2-nd{width: 295px; padding-right: 40px;}
				#step2-rd{width: 255px;}
					#step2-rd .radios{width: 100px;}
				#step2 ul > li > div:first-child{margin-bottom: 15px;}
				#done{background: transparent url('images/step-done-btn.png') no-repeat;}
				#step2-errors-wrapper{color: red; font-style: italic; text-align: center; position: absolute; width: 100%; top: 190px; left: 0;}
			.overlay-message{font-family: 'AllerItalic', sans-serif; text-align: center; margin: 96px 0 38px 0; font-size: 38px; color: #444444;}
			#step4 > div:first-child{margin: 96px 0 38px 0;}
			#submit-step-wrapper{float: right; width: 333px; position: absolute; bottom: 25px; right: 25px;}
				#submit-step{float: right; width: 173px;}
			.submit-step-legend{clear: both; font-size: 12px; width: 100%; color: #a8bac6; text-align: center; float: right; margin: 0;}
			.radios{float: left; width: 65px; overflow: hidden; margin: 0;}
				.radios li{list-style: none; float: left; width: 100%; margin-bottom: 3px;}
					.radios input{margin: 1px 3px 0 0; padding: 0;}
			#overlay .textbox{background-color: #ffffff; background-image: url('images/input-bg.jpg'); background-repeat: no-repeat; width: 230px; height: 21px; border: none; outline: none; padding: 5px 10px; color: #a9a9a9;}
			#overlay .select{outline: none; color: #a9a9a9; border: 1px solid #ccc; width: 130px;}
			#overlay .large{width: 210px;}
			#overlay .small{background-position: 0 -31px; width: 110px;}
			#overlay .large.textbox-error{background-position: 0 -62px;}
			#overlay .small.textbox-error{background-position: 0 -93px;}