@charset "UTF-8";

body{
margin:0;
padding:0;
background: #111 url(/images/topRep.png) repeat-x scroll left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fbfbfb;
font-size: .8em;
}

#newfront-creative-logo{
	cursor:pointer;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
padding:0;
margin:0;
}
ul,dl,dt,dd{
	list-style-type:none;
}
.grtxt{
	color:#555555;
}
.block{
	display:block;
}
.bio{
	color:#FBFBFB;
	font-size:13px !important;
	line-height:18px;
	margin-bottom:20px;
	margin-top:10px;
}
#founder-creative-director{
}
#social-tags{
	background:#2B2B2B none repeat scroll 0 0;
	border-top:1px solid #444444;
	display:block;
	float:left;
	margin-top:10px;
	padding:7px 0;
	width:76%;
}
#social-tags a:active, #social-tags a:visited, #social-tags a:link{
	text-decoration:none;
	color:#fbfbfb;
	margin-left: 20px;
}
#social-tags a:hover{
	color:#6699cc;
}
#social-tags a img{

}
/* new bottom */
#social-tags-btm{
	background:#2B2B2B none repeat scroll 0 0;
	border-top:1px solid #444444;
	display:block;
	float:left;
	margin-top:10px;
	padding:7px 0;
	width:100%;
}
#social-tags-btm a:active, #social-tags-btm a:visited, #social-tags-btm a:link{
	color:#336699;
	margin:0 5px;
	text-decoration:none;
}
#social-tags-btm a:hover{
	color:#6699cc;
}
#social-tags-btm a img{
float:left;
margin-left:10px;
margin-right:10px;
}
.coolbtn{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:transparent url(../images/behind_quick_facts.png) repeat-x scroll left bottom;
	border:1px solid #333333;
	color:#CCCCCC;
	float:left;
	font-size:13px;
	margin-right:10px;
	padding:5px 10px;
	text-decoration:none;
}
.mr{
	margin-right:10px;
}
.learnbtn{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:transparent url(../images/b_nav.png) repeat-x scroll left bottom;
	border:1px solid #336699;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	padding:5px 10px;
	text-decoration:none;
}
.fr{
	float:right;
}
.ftr-right{
	display:inline-block;
	float:left;
	font-size:11px;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	width:80%;
}
/* */
.twitter-handle{
	margin-left:12px;
	position:relative;
	top:-13px;
	font-size:13px !important;
}
.bio_txt_area{
	background:#111111 none repeat scroll 0 0;
	margin-top:10px;
	padding:10px;
}
.niceimg{
	float:left;
	padding:5px;
	background:#fbfbfb;
	border:1px solid #cccccc;
	margin:0px 10px;
}
.margbtmten{margin-bottom:10px;}

div#mainwrap{
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:left;
width:1024px;
}
.ol{margin:0;padding:0;list-style-type:none;}
.ul{margin:0;padding:0;list-style-type:none;}
.dt{font-weight:bold;font-size:13px;margin-bottom:5px;}
.mt{margin-top:10px;}
.heading{
	font-size:14px;
	font-family:Lucida Grande, Arial, sans-serif;
}
.class-wrap{
	padding:10px;
	width:auto;
}
.class-wrap p{
	line-height:16px;
}
.class-wrap b{
	color:#333333;
}
.medtxt{
	font-size:12px;
}
.medgray{color:#666666;}
div#header{
height:71px;
position:relative;
width:100%;
}
.boldback{
	background:#fbfbfb;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}
div#nav{
	position:absolute;
	right:0;
	top:50px;
}

div#nav ul{
list-style-type:none;
}

div#nav ul li{
display:block;
float:left;
margin:0 0 0 3px;
padding:0;
}

div#content{

min-height:386px;
position:relative;
}

div#content2{

min-height:386px;
position:relative;
}

div#recent-web-projects{
height:auto;
margin-left:50px;
margin-top:10px;
z-index:20;
position:relative;
width:770px;
display:block;
margin-bottom:20px;
}

div#topfade{
background: transparent url(../images/behind_main_cont_top.png) no-repeat top left;
width: 771px;
height: 23px;
}

*+html div#topfade{
background: transparent url(../images/behind_main_cont_top.png) no-repeat top left;
width: 771px;
height: 22px;
}

div#wrapsmid{
position:relative;
background: transparent url(../images/repeat_mid_cont_background.png) repeat-y top left;
width: 771px;
height:auto;
}

div#mainimg{
margin-left:23px;
margin-top:-1px;
width: 750px;
height: auto;
}

div#mainview img{
background: #000000;
}

div#loading{
width: 750px;
height: auto;
}

.loadingspan{
height:auto;
margin-left:375px;
margin-top:200px;
position:absolute;
width:750px;
z-index:2;
}

div#loadingc{
height:auto;
margin-top:149px;
position:absolute;
width:100%;
z-index:100;
}

div#loadingc img{
margin-left:49%;
position:relative;
top:41%;
width:32px;
z-index:100;
}

div#loading img{
margin-left:347px;
position:absolute;
top:41%;
width:32px;
}

div#bottomfade{
background: transparent url(../images/bottom_main_hp_cont.png) no-repeat bottom left;
width: 771px;
height: 16px;
position:relative;
}

div#under-img{
display:block;
margin-left:23px;
margin-top:3px;
padding-bottom:3px;
width:730px;
}

.eightyper{
background:#333333 none repeat scroll 0 0;
display:block;
float:left;
height:auto;
min-height:65px;
padding:13px;
width:575px;
}

.twentyper{

display:block;
float:right;
height:65px;
padding:13px;
width:100px;
}

.clearfix{
clear:both;
}

.largtxt{
	font-size:15px;
}

.med_txt{
font-size:12px;
}

.med_marg_txt{
	font-size:12px;
	margin-left:8px;
	margin-top:8px;
}

.aqua{
color: #00FFFF;
}

.dk_gray{
color: #333333;
}

.lt_gray{
color:#99CCFF;
}

.lt_brown{
color: #e4dcc6;
}

.med_gray{
color: #666666;
}

.sm_txt{
font-size: 11px;
}

.reglink a{
text-decoration:none;
color: #333333;
}

.smer_txt{
font-size:9px;
}

.viewsite_btn_up{
background:transparent url(../images/view_site_btn.png) no-repeat scroll left 0px;
cursor:pointer;
display:block;
height:30px;
margin-left:12px;
margin-top:15px;
width:78px;
}

.viewsite_btn_over{
background:transparent url(../images/view_site_btn.png) no-repeat scroll left -30px;
cursor:pointer;
display:block;
height:30px;
margin-left:12px;
margin-top:15px;
width:78px;
}

.private_btn_up{
background:transparent url(../images/private_site_btn.png) no-repeat scroll left 0px;
cursor:pointer;
display:block;
height:30px;
margin-left:12px;
margin-top:15px;
width:78px;
}

.private_btn_over{
background:transparent url(../images/private_site_btn.png) no-repeat scroll left -30px;
cursor:pointer;
display:block;
height:30px;
margin-left:12px;
margin-top:15px;
width:78px;
}

div#tophead{
margin-bottom:10px;
margin-left:18px;
margin-top:0;
padding-top:20px;
width: 90%;
}
div#tophead h2{
	color:#99CCFF;
	font-family:Georgia,Times,serif;
	font-size:19px;
	font-weight:normal;
}

.white{
color:#fbfbfb;
}

.black{
color: #000;
}

div#rightcontwrap{
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #666666;
	padding:10px;
	position:absolute;
	right:7px;
	top:122px;
}

div#rightcontwrap2{
float:left;
position:relative;
}

div#quick-facts{
background:#000000 none repeat scroll 0 0;
position:relative;
width:200px;
}

div#quick-facts h3{
background:transparent url(../images/behind_quick_facts.png) repeat-x scroll left bottom;
border-bottom:1px solid #1B1B1B;
color:#CCCCCC;
font-size:13px;
height:auto;
padding:5px 0 6px 15px;
width:auto;
}

#side_note_cont{
	background:#FBFBFB none repeat scroll 0 0;
	color:#333333;
	font-size:11px;
	padding-bottom:8px;
	padding-top:5px;
}

.workhead{
	font-weight:bold;
	font-size:12px;
	color:#333333;
}

#technology p{
padding-left:20px;
position:relative;
font-size:11px;
}

#industry p{
padding-left:20px;
position:relative;
font-size:11px;
}

div#alt-views{
background:#000000 none repeat scroll 0 0;
margin-top:2px;
position:relative;
width:200px;
}

div#alt-views h3{
background:transparent url(../images/behind_quick_facts.png) repeat-x scroll left bottom;
border-bottom:1px solid #1B1B1B;
color:#CCCCCC;
font-size:13px;
height:auto;
padding:5px 0 6px 15px;
width:auto;
}

div#alt-views ul{
padding-left:16px;
}

div#alt-views ul li{
display:inline;
margin-right:0;
}

div#alt-views ul li a:active, div#alt-views ul li a:visited, div#alt-views ul li a:link{
background:#1B1B1B none repeat scroll 0 0;
border:2px solid #222222;
display:inline-block;
padding:1px;
}

div#alt-views ul li a:hover{
border:2px solid #0099CC;s
}

div#work_info{
background:#000000 none repeat scroll 0 0;
position:relative;
width:200px;
}

div#work_info h3{
background:transparent url(../images/behind_quick_facts.png) repeat-x scroll left bottom;
border-bottom:1px solid #1B1B1B;
color:#CCCCCC;
font-size:13px;
height:auto;
padding:5px 0 6px 15px;
width:auto;
}

div#work_info ul{
padding-left:16px;
}

div#work_info ul li{
display:inline;
margin-right:0;
}

div#work_info ul li a:active, div#work_info ul li a:visited, div#work_info ul li a:link{
background:#1B1B1B none repeat scroll 0 0;
border:2px solid #222222;
display:inline-block;
padding:1px;
}

div#work_info ul li a:hover{
border:2px solid #0099CC;s
}

div#nextbtn{
	cursor:pointer;
	height:53px;
	margin-left:22px;
	margin-top:33px;
	position:absolute;
	width:40px;
}

div#prevbtn{
	cursor:pointer;
	height:53px;
	margin-top:-172px;
	margin-left:20px;
	position:absolute;
	width:40px;
}

.nextbtn_up{
background:transparent url(../images/leftright.png) no-repeat scroll left bottom;
cursor:pointer;
}

.nextbtn_over{
background:transparent url(../images/leftright.png) no-repeat scroll left top;
cursor:pointer;
}

.prevbtn_up{
background:transparent url(../images/left_con.png) no-repeat scroll left bottom;
cursor:pointer;
}

.prevbtn_over{
background:transparent url(../images/left_con.png) no-repeat scroll left top;
cursor:pointer;
}

.gray{
color: #333333;
}

.fun_blue{
color: #3399cc;
}

.med_brown{
color: #ccffff;
}

/* Under top half */
div#subcontent{
background:#111111 none repeat scroll 0 0;
width:100%;
z-index:5;
}

div#mainsubwrap{
	border-top:1px solid #444444;
	display:block;
	float:left;
	padding-bottom:20px;
	padding-top:13px;
	z-index:10;
}

.fortyper{
display:block;
float:left;
margin-right:2px;
width:38%;
}

.fiftyper{
float:left;
width:36%;
}

.tenper{
display:block;
float:left;
width:243px;
}

*+html .tenper{
display:block;
float:left;
width:233px;
}

#what-we-do{
	float:left;
	margin-right:10px;
	width:55%;
}
div#what-we-do h3{
margin-left: 10px;
}

div#what-we-do p{
height:auto;
margin-top:5px;
padding:5px 10px;
}

/* How we Do It */
.nostyle{
list-style-type:none;
padding:0;
margin:0;
}

div#how-we-do-it{
	float:left;
	width:42%;
}

div#how-we-do-it ul{
float:left;
height:150px;
margin-top:5px;
padding:4px 4px 10px 10px;
}

div#how-we-do-it ul li{
display:inline;
float:left;
margin-right: 6px;
margin-top:6px;
}

div#how-we-do-it ul li:last-child{
margin-right:0px;
}

div#awards{
clear:both;
display:block;
width:100%;
padding-top:6px;
border-top:1px solid #444444;
}
#hpawards{
	border-top:1px solid #444444;
	display:block;
	float:right;
	padding-top:6px;
	width:455px;
}

div#awards h3{
	padding-left:10px;
}

div#awards ul{
float:left;
margin-top:5px;
padding:10px;
width:100%;
}

div#awards ul li{
	display:block;
	float:left;
	padding:0 3px;
}

div#hpawards h3{
	padding-left:10px;
}

div#hpawards ul{
float:left;
margin-top:5px;
padding:10px;
width:100%;
}

div#hpawards ul li{
	display:block;
	float:left;
	padding:0 3px;
}


.we-use-flex_up{
background: transparent url(/test/images/we-use-adobe-flex.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-flex_over{
background: transparent url(/test/images/we-use-adobe-flex.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-air_up{
background: transparent url(/test/images/we-use-adobe-air.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-air_over{
background: transparent url(/test/images/we-use-adobe-air.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-flash_up{
background: transparent url(/test/images/we-use-adobe-flash.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-flash_over{
background: transparent url(/test/images/we-use-adobe-flash.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-dreamweaver_up{
background: transparent url(/test/images/we-use-adobe-dreamweaver.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-dreamweaver_over{
background: transparent url(/test/images/we-use-adobe-dreamweaver.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-photoshop_up{
background: transparent url(/test/images/we-use-adobe-photoshop.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-photoshop_over{
background: transparent url(/test/images/we-use-adobe-photoshop.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-scriptaculous_up{
background: transparent url(/test/images/we-use-scriptaculous.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-scriptaculous_over{
background: transparent url(/test/images/we-use-scriptaculous.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-ruby-on-rails_up{
background: transparent url(/test/images/we-use-ruby-on-rails.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-ruby-on-rails_over{
background: transparent url(/test/images/we-use-ruby-on-rails.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-prototype-js-lib_up{
background: transparent url(/test/images/we-use-prototype-js-lib.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-prototype-js-lib_over{
background: transparent url(/test/images/we-use-prototype-js-lib.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-mysql_up{
background: transparent url(/test/images/we-use-mysql.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-mysql_over{
background: transparent url(/test/images/we-use-mysql.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-use-php_up{
background: transparent url(/test/images/we-use-php.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-use-php_over{
background: transparent url(/test/images/we-use-php.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}

.we-make-facebook-applications_up{
background: transparent url(../images/we-create-facebook-applications.png) no-repeat left bottom;
width: 46px;
height: 44px;
cursor:pointer;
}
.we-make-facebook-applications_over{
background: transparent url(../images/we-create-facebook-applications.png) no-repeat left top;
width: 46px;
height: 44px;
cursor:pointer;
}


.adobe-site-of-the-day_up{
background: transparent url(/test/images/asod.gif) no-repeat left bottom;
width: 47px;
height: 65px;
cursor:pointer;
}
.adobe-site-of-the-day_over{
background: transparent url(/test/images/asod.gif) no-repeat left top;
width: 47px;
height: 65px;
cursor:pointer;
}

.my-design-award_up{
background: transparent url(/images/mdawards.png) no-repeat left bottom;
width: 47px;
height: 65px;
cursor:pointer;
}
.my-design-award_over{
background: transparent url(/images/mdawards.png) no-repeat left top;
width: 47px;
height: 65px;
cursor:pointer;
}

.gmapsfav_up{
	background: transparent url(/images/favplace_award.png) no-repeat left bottom;
	width: 47px;
	height: 65px;
	cursor:pointer;
}
.gmapsfav_over{
	background: transparent url(/images/favplace_award.png) no-repeat left top;
	width: 47px;
	height: 65px;
	cursor:pointer;
}

/**/

/* */

/* Footer Css */
div#footer{
clear:both;
padding:10px 0;
position:relative;
}

.pad_left_ten{
padding-left:10px;
}
/**/

/* Homepage ToolTip */

div#tooltip{
position:absolute;
z-index:100;
width:auto;
height:auto;
}

.bubble_top{
background: transparent url(../images/bubble_top.png) no-repeat top left;
width: 260px;
height: 24px;
}

.bubble_middle{
width: 260px;
height:auto;
background: transparent url(../images/bubble_repeat.png) repeat-y top left;
}

.mid_bub_wrap{
padding:0 0 10px 26px;
width:209px;
}

.bubble_btm{
width: 260px;
height: 34px;
background: transparent url(../images/bubble_btm.png) no-repeat bottom left;
}

.hide {
display:none;
}

.show{
display:block;
}
/* */

/* Clients CSS */
.fl{
	float:left;
}
.ml{
	margin-left:10px;
}
.floatlist{
list-style-type:none;
margin:0 auto !important;
padding:0 !important;
width:87% !important;
}

.floatlist li{
float: left;
}

.floatlist li img{
padding: 3px;
background: #333333;
border:1px solid #111111;
margin:1px;
}

.padten{
padding:10px;
width:auto;
}

div#clients_wrap{

display:block;
float:left;
height:auto;
margin-bottom:30px;
margin-left:0;
margin-top:10px;
padding:20px 0;
position:relative;
width:1024px;
z-index:20;
}

.block{
display:block;
}

.selected a:active, .selected a:visited, .selected a:link{
	background:transparent url(../images/b_nav.png) repeat-x scroll left bottom;
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:11px;
	padding:5px 15px;
	position:relative;
	text-decoration:none;
}

.selected a:hover{

}

.noselect a:active, .noselect a:visited, .noselect a:link{
	background:transparent url(../images/behind_btn_nav.png) repeat scroll left top;
	border-left:1px solid #1B1B1B;
	border-right:1px solid #1B1B1B;
	border-top:1px solid #111111;
	color:#4B4B4B;
	font-size:11px;
	padding:6px 10px;
	position:relative;
	text-decoration:none;
}

.noselect a:hover{
background: transparent url(../images/b_n_nav.png) repeat top left;
border-left:1px solid #1b1b1b;
border-right:1px solid #1b1b1b;
border-top:1px solid #111111;
color: #666666;
}

.work_row{
margin-bottom:5px;
padding:10px 0;
position:relative;
}

.goleft{
float:left;
width: auto;
position:relative;
z-index:100;
}

.goleft img{
	background:#2B2B2B none repeat scroll 0 0;
	padding:5px;
}

.goright{
float:right;
width: 250px;
}

.fright{
position:absolute;
right:20px;
width: 300px;
text-align:right;
}

.nintyper{width:90%;}

div#work_wrap{
display:block;
float:left;
height:auto;
margin-bottom:20px;
margin-left:0;
margin-top:10px;
padding-top:10px;
position:relative;
width:1024px;
z-index:20;
}

#clientname{
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#web_services_wrap{
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	float:left;
	height:auto;
	margin-bottom:30px;
	margin-left:0;
	margin-top:10px;
	padding:15px 0 10px 20px;
	position:relative;
	width:auto;
	z-index:20;
}

#footer a:active, #footer a:visited, #footer a:link{
	text-decoration:none;
	color:#6699cc;
}
/* */

#crunchies_no{
	background:#ffffff;
	padding:5px;
}
#crunchies_no img{
	border:1px solid transparent;
}

#classes{
	background:#000000 none repeat scroll 0 0;
	border-top:1px solid #333333;
	clear:both;
	display:block;
	float:left;
	padding:10px;
	width:53%;
}
.padimg{
	margin: 0 10px 0 0;
}
#classes p{
	height:auto;
	margin-top:5px;
	padding:5px 10px;
}

#classes h3{
	color:#CCFFFF;
	font-family:Arial,sans-serif;
	font-size:13px;
	text-decoration:none;
}
#classes h3 a{
	text-decoration:none;
	color:#CCFFFF;
}
.course-full{
	color: #fbfbfb;
	background:#990000;
	padding:5px 10px;
	margin-right:5px;
	border-bottom:1px solid #000000;
}