/* @group global reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; }
a img, fieldset { border: 0; outline: none; }
a { outline: none; }

/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
 .row:after, .clearfix:after, .blog_body p:after {
     content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h2, h3, h4, h5 { }
h2 { font-size: 185%; margin: 25px 0 10px; }
h3 { font-size: 150%; margin: 15px 0 10px; }
h4 { font-size: 130%; margin: 12px 0 10px; }
h5 { 
	font-size: 100%; 
	margin: 16px 0 7px 0; 
	font-weight: bold; 
	color: #0066a4; 
	letter-spacing: 1px; 
	text-transform: uppercase;
}
small { font-size: 90%; }
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }
.f_norm {
 	font-size: 0.8em;
 	line-height: 1.4em;
}
.callout {
	font-size: 15px;
	line-height: 25px;
	margin: 20px 0;
	color: #777773;
	padding: 0 15px 0 0;
}

/* @end */
/* @group links */

a:link, a { text-decoration: none; color: #10587a; font-weight: bold; }
a:visited {}
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* @end */
/* @group text styles */


#main_content blockquote, #main_content2 blockquote {
	font-size: 15px;
	line-height: 25px;
	margin: 20px 0;
	color: #777773;
	padding: 0 25px 0 50px;
	background: url(/images/viget/bg_blockquote.gif) top left no-repeat;
	}
#main_content abbr, #main_content2 abbr, #main_content acronym, #main_content2 acronym {

	}
#main_content img, #main_content2 img {
	border:1px solid #d0cfc1;
	margin-top: 10px;
	}
#main_content img.no_border, #main_content2 img.no_border {border:0px;}
#main_content img, #main_content2 a:hover img {
		border:1px solid #a7a696;
	}
#main_content ul, #main_content2 ul {
		list-style: none;
		margin-bottom: 17px;
	}
#main_content ul li ul, #main_content2 ul li ul {
		margin-bottom: 0px;
	}
#main_content ul li, #main_content2 ul li {
		padding: 4px 4px 4px 25px;
		border-bottom:1px solid #d0cfc1;
		background: url(/images/viget/bg_content_li.gif) 3px 13px no-repeat;
	}
#main_content ol li, #main_content2 ol li {
		padding: 4px 4px 4px 17px;
                list-style-position: inside;
		border-bottom:1px solid #d0cfc1;
	}

/* @end */
/* @group sifr */
    .sIFR-active h2.sifr {
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
    }

    .sIFR-active h2.sifr {
      font-size: 30px;
      display: block;
	  color: #0066a4;
	 margin-top: 30px;
	height: 35px;
    }


/* @end */
/* @group =base */

body {
	font: 1em "Lucida Grande", Tahoma, Arial, Sans-Serif;
	background: #005d9a url(/images/viget/bg_body.gif) top center repeat-x;
	color: #3c3c3c;
}
body.safari { font-size: 0.9em; }
.center_col {
	width: 960px;
	margin: 0 auto;
}
.split_col {
	width: 212px;
	float: left;
	padding-right: 15px;
}
#tan_body { background: #e8e5c0 url(/images/viget/bg_tan_body.gif) 0 0 repeat-x; }
#tan_inner { background: url(/images/viget/homepage_blog_note.gif) top center no-repeat; }
#tan_bot {
	background: url(/images/viget/bg_tan_bottom.gif) bottom left repeat-x;
	height: 30px;
	margin-top: -70px;
}
.home #tan_bot { margin-top: 0; }

	/* @group -mast */
	#mast .center_col {
		height: 358px;
		position: relative;
	}
	#mast {
		background: url(/images/viget/bg_mast.jpg) top center no-repeat;
		height: 358px;
	}
	#mast h1 {
		background: url(/images/viget/viget_logo.gif) 0 0 no-repeat;
		position: absolute;
		top: 11px;
		left: 22px;
		text-indent: -9000px;
	}
	#mast h1, #mast h1 a {
		width: 190px;
		height: 110px;
		display: block;	
	}
	/* @end */
	
	/* @group -nav */
	#nav {
		width: 460px;
		height: 33px;
		background: url(/images/viget/nav.gif) 0 0 no-repeat;	
		position: absolute;
		left: 397px;
		top: 81px;
	}
	#nav li {
		position: absolute;
		top: 0;
		text-indent: -9000px;
	}
	#nav li a {
		display: block;
		height: 33px;
	}
	#nav_about { left: 0; }
	#nav_about a { width: 71px; }
	#nav_about a:hover, body.about #nav_about a { background: url(/images/viget/nav.gif) 0 -33px no-repeat; }
	#nav_work { left: 72px; }
	#nav_work a { width: 62px; }
	#nav_work a:hover, body.work #nav_work a { background: url(/images/viget/nav.gif) -72px -33px no-repeat; }
	#nav_services { left: 135px; }
	#nav_services a { width: 89px; }
	#nav_services a:hover, body.services #nav_services a { background: url(/images/viget/nav.gif) -135px -33px no-repeat; }
	#nav_blog { left: 225px; }
	#nav_blog a { width: 63px; }
	#nav_blog a:hover, body.blog #nav_blog a { background: url(/images/viget/nav.gif) -225px -33px no-repeat; }
	#nav_careers { left: 289px; }
	#nav_careers a { width: 88px; }
	#nav_careers a:hover, body.careers #nav_careers a { background: url(/images/viget/nav.gif) -289px -33px no-repeat; }
	#nav_contact { left: 378px; }
	#nav_contact a { width: 83px; }
	#nav_contact a:hover, body.contact #nav_contact a { background: url(/images/viget/nav.gif) -378px -33px no-repeat; }
	/* @end */
	
	/* @group -footer */
	#footer {
		background: #116092 url(/images/viget/bg_footer.gif) 0 0 repeat-x;
		color: #fff;
		font-size: 0.74em;
		padding: 60px 0 50px;
	}
	.home #footer { padding-top: 20px; background-position: 0 -37px; }
	#footer p {
		margin: 0 0 15px;
		line-height: 1.7em;
	}
	#footer a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#footer a:hover { text-decoration: underline; }
	#footer h5 {
		width: 200px;
		height: 12px;
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		float: left;
	}
	#footer h5#since_1999 { 
		background: url(/images/viget/hd_since_1999.gif) 0 0 no-repeat;
		float: none;
		margin: 10px 0 4px 0;
	}
	#foot_left {
		width: 475px;
		float: left;
		padding-left: 40px;
	}
	#foot_left a {font-weight:bold;}
	#foot_right {
		width: 405px;
		float: right;
		background: url(/images/viget/bg_footer_right.gif) -20px -10px no-repeat;
	}
	#foot_right ul li {
		height: 24px;
		padding: 9px 10px 0px 25px;
		float: left;
		width: 165px;
		position: relative;
	}
	#foot_right ul li a {
		display: block;
	}
	#foot_right form {
		float: left;
		margin-top: 15px;
	}
	#foot_right h5#read_our_blogs {
		background: url(/images/viget/hd_read_our_blogs.gif) 0 0 no-repeat;
		position: absolute;
		width: 160px;
		left: 0px;
	}
	#foot_right h5#search_viget {
		background: url(/images/viget/hd_search_viget.gif) 0 0 no-repeat;
		position: relative;
		top: 7px;
	}
	#foot_right h5#get_email_updates {
		background: url(/images/viget/hd_get_email_updates.gif) 0 0 no-repeat;
		position: relative;
		top: 7px;
	}
	#foot_right input.text {
		background: url(/images/viget/bg_footer_input.gif) 0 0 no-repeat;
		width: 148px;
		height: 14px;
		border: 0px;
		padding: 7px 5px 5px 5px;
		float: left;
		color: white;
	}
	#foot_right fieldset p {display:inline;}
	#foot_right input.button {
		float: left;
	}

	/* @end */
	
	/* @group -feat */
	#feat {
		margin: -214px 0 0 9px;
		width: 943px;
		background: url(/images/viget/bg_feat.gif) 0 0 no-repeat;
		float: left;
		position: relative;
		padding: 0 0 2px 0;
	}
	#feat_bot {
		width: 943px;
		height: 3px;		
		background: url(/images/viget/bg_feat_bot.gif) 0 0 no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	h3#our_work_homepage {
	        width: 223px;
		height: 114px;
                z-index:100;
		background: url(/images/viget/hd_our_work.jpg) 0 0 no-repeat;
		text-indent: -9000px;
		margin: 0;
		position: absolute;
		left: -22px;
		top: 2px;
	}
        h3#our_work_homepage a {
                display:block;
	        width: 223px;
		height: 114px;
        }
	h3#statement {
		width: 302px;
		height: 306px;
		background: url(/images/viget/hd_statement.jpg) 0 0 no-repeat;
		text-indent: -9000px;
		position: absolute;
		right: -31px;
		top: -38px;
	}
	#statement_side {
		width: 28px;
		height: 288px;
		background: url(/images/viget/bg_statement_side.png) 0 0 no-repeat;
		position: absolute;
		right: 271px;
		top: -23px;
		z-index: 10;
	}
	#statement a {
		position: absolute;
		display: block;
		z-index: 100;
	}
	#h_strategy { width: 163px; height: 35px; left: 94px; top: 85px; }
	#h_strategy:hover { background: url(/images/viget/hd_statement.jpg) -94px -391px no-repeat; }
	#h_design { width: 85px; height: 33px; left: 14px; top: 118px; }
	#h_design:hover { background: url(/images/viget/hd_statement.jpg) -14px -424px no-repeat; }
	#h_development { width: 171px; height: 39px; left: 99px; top: 120px; }
	#h_development:hover { background: url(/images/viget/hd_statement.jpg) -99px -426px no-repeat; }
	#h_marketing { width: 125px; height: 31px; left: 58px; top: 159px; }
	#h_marketing:hover { background: url(/images/viget/hd_statement.jpg) -58px -465px no-repeat; }	
	#feat_callout {
                z-index:5;
		position: relative;
		padding: 20px 271px 0 45px;
	}
	#callout_img {
		width: 432px;
		height: 205px;
		overflow: hidden;
		float: right;
		position: relative;
	}
	#callout_arrow {
		width: 53px;
		height: 15px;
		background: url(/images/viget/callout_arrow.png) 0 0 no-repeat;		
		position: absolute;
		bottom: 0;
		left: -3px;
		z-index: 5;
	}
	#callout_desc {
		width: 175px;
		position:absolute;
		margin: 0;
		padding-top: 102px;
		line-height: 1.4em;
		font-size: 0.8em;
	}
	#callout_desc a, #callout_desc { color: #646464; }
	#feat_list {
		padding: 15px 0 20px 45px;
		background: url(/images/viget/bg_divider.gif) bottom center no-repeat;
	}
	h3#work_startups, h3#work_offline_biz, #feat_list a { margin: 0; float: left; }
	h3#work_startups, h3#work_offline_biz { text-indent: -9000px; }
	#feat_list a {
		display: block;
		height: 49px;
		width: 49px;
		overflow: hidden;
		position: relative;
	}
	#feat_list a:hover img, #feat_list a.cur img {
		position: absolute;
		top: -49px;
		left: 0;
	}
	h3#work_startups {
		width: 195px;
		height: 49px;
		background: url(/images/viget/hd_work_startups.gif) 0 0 no-repeat;
	}
	h3#work_offline_biz {
		width: 186px;	
		height: 49px;
		background: url(/images/viget/hd_work_offline_biz.gif) 0 0 no-repeat;
		margin: 0 10px;
	}	
	/* @end */
	/* @group -home blog */
	#blog_four_labs {
		width: 619px;
		background: url(/images/viget/bg_home_blog.jpg) 0 0 repeat-y;
		margin: 15px 0 0 25px;
		position: relative;
		z-index: 10;
		font-size: 0.74em;
	}
	#blog_top {
		height: 39px;
		background: url(/images/viget/bg_blog_home_top.jpg) 0 0 no-repeat;
	}
	#blog_bottom {
		width: 619px;
		height: 16px;
		background: url(/images/viget/bg_blog_bottom.png) 0 0 no-repeat;
		position: absolute;
		bottom: -16px;
		left: 0;
	}	
	#blog_left {
		width: 250px;
		float: left;
		margin: 0 0 0 18px;
	}
	#blog_left p {
		padding: 0 0 0 55px;
		line-height: 1.5em;
	}
	#blog_right {
		width: 270px;
		padding-right: 30px;
		float: right;
		padding-top: 15px;
	}
	#blog_right p {
		margin: 0 0 14px 0;
		color:#b9b9b9;
                line-height:16px
	}
	#blog_right span {
		width: 41px;
		height: 20px;
		padding: 4px 0 0;
		background: url(/images/viget/bg_blog_date.gif) 0 0 no-repeat;
		float: right;
		margin: -4px -51px 0 0;
		display: block;
		text-align: center;
		font-size: 0.76em;
		color: #625c46;
	}
	#four_labs_home a {
		width: 219px;
		height: 59px;
                display:block;
		background: url(/images/viget/hd_four_labs_home.png) 0 0 no-repeat;
		text-indent: -9000px;
		margin: -10px 0 0;
	}
	#add_callout {
		width: 210px;	
		border: 1px solid #dad74e;
		background: #fdfab7 url(/images/viget/bg_add_callout.gif) 0 0 repeat-x;
		padding: 15px;
		float: right;
		margin: 18px 25px 0 0;
		font-size: 0.8em;
		line-height: 1.5em;
	}
	#add_callout p { margin: 0; }
	/* @end */	
	
	/* @group -four blogs */
	#four_blogs {
		width: 943px;	
		margin: 0 0 0 9px;
		float: left;
		background: url(/images/viget/bg_bot_blogs.jpg) 0 184px no-repeat;
		font-size: 0.74em;
		line-height: 1.4em;
		padding-bottom: 20px;
	}
	#four_blogs h3#voice {
		height: 100px;
		background: url(/images/viget/hd_voice.jpg) 0 0 no-repeat;
		text-indent: -9000px;
		margin: 0;
	}
	#advance, #inspire, #extend, #engage { float: left; }
	#four_blogs h3, #four_blogs h3 a { height: 84px; margin: 0; }
	#advance h3 a, #inspire h3 a, #extend h3 a, #engage h3 a {
		display: block;
		text-indent: -9000px;
	}
	#advance { width: 236px; }
	#advance h3 { background: url(/images/viget/advance_top.gif) 0 0 no-repeat; }
	#advance h3 a:hover { background: url(/images/viget/advance_top.gif) 0 -84px no-repeat; }	
	#inspire { width: 235px; }
	#inspire h3 { background: url(/images/viget/inspire_top.gif) 0 0 no-repeat; }
	#inspire h3 a:hover { background: url(/images/viget/inspire_top.gif) 0 -84px no-repeat; }	
	#extend { width: 236px; }
	#extend h3 { background: url(/images/viget/extend_top.gif) 0 0 no-repeat; }
	#extend h3 a:hover { background: url(/images/viget/extend_top.gif) 0 -84px no-repeat; }	
	#engage { width: 236px; }
	#engage h3 { background: url(/images/viget/engage_top.gif) 0 0 no-repeat; }
	#engage h3 a:hover { background: url(/images/viget/engage_top.gif) 0 -84px no-repeat; }	
	.blog_body { padding: 10px 15px 10px 20px; }
	.blog_body p {
		background: url(/images/viget/bg_home_posts.gif) bottom center no-repeat;
		padding: 5px 65px 15px 10px;
		margin-top: 0;
	}
	.blog_body p.last {
		background: none;
	}
	.blog_body p.blog_tags {
		background: #fffeee url(/images/viget/bg_blog_tags.gif) 0 0 repeat-x;
		border: 1px solid #f5f4d0;
		padding: 10px;
	}
	.author_sm {
		float: right;
		margin: -5px -75px 0 0;
		position: relative;
		padding: 4px 0 0 5px;
		width: 51px;
		height: 52px;
	}
	.author_sm span {
		width: 56px;
		height: 56px;
		background: url(/images/viget/blog_author_frame.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	.date { color: #a0a282; }
	/* @end */
	
	
	
	/* @group -blog_selector (new homepage) */


	#blog_selector {
		width: 932px;
		margin: 0 0 0 9px;
		float: left;
		background: url(/images/viget/bg_home_blogs.jpg) top center no-repeat;
		font-size: 0.74em;
		line-height: 1.4em;
		padding: 46px 0 0 0;
	}
	#four_descriptions {
		height: 157px;	
	}
	#four_descriptions div {
  		float: left;
  		background-image: url(/images/viget/blog_selector.jpg);
  		height:101px;
  		padding:56px 20px 0px 20px;
  		text-align:center;
  		position:relative;
                line-height:18px;
	}
	#four_descriptions div h3 a {
  		position: absolute;
  		text-indent: -9999px;
  		height: 44px;
  		width: 225px;
  		left: 0px;
  		top: 0px;
  		margin: 0px;
	}
	#four_descriptions div#advance_description {
  		background-position: 0px 0px;
  		width: 191px;
	}
	#four_descriptions div#advance_description h3 a {
	  		background: url(/images/viget/blog_header_advance.gif) no-repeat 43px 9px;
	}
	#four_descriptions div#inspire_description {
  		background-position: -232px 0px;
  		width: 192px;
	}
	#four_descriptions div#inspire_description h3 a {
	  		background: url(/images/viget/blog_header_inspire.gif) no-repeat 58px 9px;
	}
	#four_descriptions div#extend_description {
  		background-position: -463px 0px;
  		width: 195px;
	}
	#four_descriptions div#extend_description h3 a {
	  		background: url(/images/viget/blog_header_extend.gif) no-repeat 63px 9px;
	}
	#four_descriptions div#engage_description {
  		background-position: -698px 0px;
  		width: 194px;
	}
	#four_descriptions div#engage_description h3 a {
	  	background: url(/images/viget/blog_header_engage.gif) no-repeat 66px 9px;
	}
	#blog_selector #blogs {
	  	background: url(/images/viget/blog_background.gif) no-repeat 95px 10px;	
	  	padding-bottom:75px;
	  	position:relative;
	}
	#blog_selector #blogs a { font-weight: normal; }
	#blog_selector #blogs strong a {	font-weight: bold; }
	#blog_selector #blogs .posts {
		width: 435px;
		float: left;	
		padding-top: 30px;
	}
	#blog_selector #blogs .posts li {
		font-size: 14px;
		line-height: 23px;
		position: relative;
		padding: 15px 20px 23px 98px;
	  	background: url(/images/viget/blog_home_divider.gif) no-repeat bottom left;	
	  	min-height:39px;
	  	margin-bottom:2px
	}
	#blog_selector #blogs .posts li .author_image {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 75px;
		height: 75px;
	}
	#blog_selector #blogs .posts li .author_image span {
	  	background: url(/images/viget/blog_home_authorimage.png) no-repeat top left;	
                display:block;
		width: 75px;
		height: 75px;
	}
	#blog_selector #blogs .posts li .author {
		font-size:0.85em;
                display:block;
                margin-top:-3px;
	}
	#blog_selector #blogs .comments {
		width: 438px;
		float: right;	
		padding-top: 30px;
	        padding-left:54px;
                line-height:18px;
	}
	#blog_selector #blogs .comments li {
		padding: 10px 10px 10px 0px;
	  	background: url(/images/viget/blog_home_divider.gif) no-repeat bottom right;		
	}	
	#blog_selector #blogs .comments p {
                display:inline;
		margin: 0px;	
	}	
	#blog_selector #blogs .comments .comment {
		width: 255px;
		float: left;	
	}
	#blog_selector #blogs .comments .user {
		width: 120px;
		float: left;
		padding-left: 20px;	
	}
	#blog_selector #blogs li.last {
		background: none;
	}
	div#advance_blog, div#inspire_blog, div#extend_blog, div#engage_blog {

	}
	#blog_selector.advance_blog div#advance_blog,
	#blog_selector.inspire_blog div#inspire_blog,
	#blog_selector.extend_blog div#extend_blog,
	#blog_selector.engage_blog div#engage_blog {
	  	display: block;
	}
	#four_descriptions div#advance_description.current {
	  	background-position:  0px -157px;
	}
	#four_descriptions div#inspire_description.current {
	  	background-position:  -232px -157px;
	}
	#four_descriptions div#extend_description.current {
	  	background-position:  -463px -157px;
	}
	#four_descriptions div#engage_description.current {
	  	background-position:  -698px -157px;
	}
	/* @end */
	
	
	/* @group -form elements */
	input, textarea {
		border: 1px solid #c0bebe;
		padding: 5px;	
		background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
		font: 1em "Lucida Grande", Arial, Sans-Serif;
		color: #313030;
	}
	button {
		width: auto;
		overflow: visible;
		cursor: pointer;
		background: #d6d4d4 url(/images/viget/bg_button_gray.gif) 0 100% repeat-x;
		color: #fff;
		font-weight: bold;
		border: 0;
		padding: 4px;
		border: 1px solid #c0bebe;
		margin-left: -1px;
		line-height: normal;
	}
	/* @end */

/* @end */

/* @group =pages */

#main {
	margin: -214px 0 0 5px;
	width: 943px;
	float: left;
	position: relative;
	background: url(/images/viget/bg_main.png) 0 0 repeat-y;
	padding-bottom: 25px;
	min-height:350px;
}
#main_top {
	height: 6px;
	background: url(/images/viget/bg_main_top.gif) 0 0 no-repeat;
}
#main_bot {
	height: 8px;
	width: 943px;
	background: url(/images/viget/bg_main_bottom.gif) 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
#slim_left_col { 
	width: 186px; 
	float: left;
	position: relative;
}
#slim_add {
	width: 155px;
	padding-left: 20px; 
	margin-top: 25px; 
	float: left;
	font-size: 0.8em;
}
#sidebar {
	width: 156px;
	padding: 15px;
	float: left;
	position: relative;
	margin: 25px 0 0 -5px;
	background: url(/images/viget/bg_sidebar.jpg) 0 0 repeat-y;
	font-size: 0.8em;
}
#sidebar_bottom {
	width: 186px;	
	height: 10px;
	background: url(/images/viget/bg_sidebar_bottom.png) 0 0 no-repeat;
	position: absolute;
	bottom: -10px;
	left: 0;
}
#sidebar h3 {
	height: 44px;
	margin: 6px 0pt 20px;
	text-indent: -9000px; 	
}
#sidebar h3 a {
	display:block;
        height:44px;
}
#sidebar a {
	font-weight: normal;
	text-decoration: none;
}
#sidebar ul { margin: 0 0 25px; }
#sidebar ul li { }
#sidebar ul li a { 
	display: block; 
	padding: 4px 10px 4px 15px;
}
#sidebar ul li.cur a { background: url(/images/viget/bg_cur_list.gif) 0 0 no-repeat; }
#sidebar ul li a:hover { background: url(/images/viget/bg_cur_list_hover.gif) 0 0 no-repeat; }
#sidebar h5 {
	font-size: 1em;
	padding: 5px 0 0 15px;
	text-transform: uppercase;
color:#6a6a6a;
letter-spacing:0px;
}
#sidebar ul li ul li a, #sidebar ul li.cur ul li a { 
	background: url(/images/viget/bg_sub_list.gif) 14px 8px no-repeat;
	padding-left: 42px;
}
#sidebar ul li ul li.cur a { background: url(/images/viget/bg_cur_sub_list.gif) 0 0 no-repeat; }
#sidebar ul li ul li a:hover { background: url(/images/viget/bg_sub_list_hover.gif) 0 0 no-repeat; }
#main_content {
	width: 380px;
	float: left;
	font-size: 0.8em;
	margin: 0 0 0 35px;
	line-height: 1.6em;
       padding-bottom:25px;
}
#main_content2 {
	width: 455px;
	float: left;
	font-size: 0.8em;
	margin: 0 0 0 35px;
	line-height: 1.6em;
       padding-bottom:25px;
}
#right_col {
	width: 300px;
	float: right;
	margin: 10px 12px 0 0;
	font-size: 1em;
	line-height: 1.3em;
}
#right_col2 {
	width: 250px;
	float: right;
	margin: 10px 12px 0 0;
	position:relative;
	font-size: 1em;
	line-height: 1.3em;
}
.page_sep {
	height: 5px;
	margin: 15px 0;
	background: url(/images/viget/bg_page_long.gif) 50% 50% no-repeat;
}
.divider1 {
	height: 5px;
	margin: 20px 0;
	background: url(/images/viget/bg_divider1.gif) 50% 50% no-repeat;
}
.divider1 hr, .page_sep hr { display: none; }
#paper_quote {
clear:both;
	background: url(/images/viget/bg_paper_quote.gif) left bottom no-repeat;
	padding: 15px 20px 40px;
	margin: 15px 0 15px;
	font-size: 0.74em;
	line-height: 1.5em;
	position: relative;
        width:263px;
float:left;
}
#paper_quote_top {
	width: 300px;
	height: 21px;
	background: url(/images/viget/bg_paper_quote_top.gif) 0 0 no-repeat;
	position: absolute;
	top: -21px;
	left: 0;
}
#paper_quote blockquote {
	font-weight: bold;
	padding: 0px 15px 0px 40px;
	background: url(/images/viget/bg_quotes.gif) 0 2px no-repeat;
}
#paper_quote blockquote span {
	font-weight: normal;
	display: block;
	padding-top: 5px;
}
#yellow_side {
	width: 269px;
	height: 249px;
	background: url(/images/viget/bg_yellow_side.png) 0 0 no-repeat;
	position: relative;
	right: -24px;
	top: 15px;
	font-size: 0.8em;
	line-height: 16px;
}

	/* @group -case study */
	.work_hd {
		color: #0066a4;
		font-weight: normal;
		font-size: 2.25em;
		margin: 40px 0 20px;
	}
	h3#our_work { background: url(/images/viget/hd_our_work.gif) 18px 0 no-repeat; }
	.callout1 {
		border: 1px solid #dad74e;
		background: #fdfab7 url(/images/viget/bg_add_callout.gif) 0 0 repeat-x;
		padding: 15px;
		margin: 6px 0px 17px 0px;
	}
	.callout1 p { margin: 0; }
	#main_content .callout1 {
		position: relative;
		left: -15px;
	}
	#photo_feat {
		width: 267px;
		float: right;
		margin: -43px 0 10px 0;
		position: relative;
		background: url(/images/viget/bg_photo_feat.gif) 0 0 no-repeat;
		padding: 24px 0 0 33px;
	}
	#photo_img {
		background: url(/images/viget/bg_feat_img.jpg) 0 0 no-repeat;
	}
	#loading {
		width: 150px;
		height: 20px;
		background: url(/images/viget/loader.gif) 100% 0 no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -10px 0 0 -75px;
		display: none;
	}
	#loading span {
		width: 120px;
		height: 20px;
		display: block;
		text-indent: -9000px;
		background: url(/images/viget/bg_hold_horses.gif) 0 3px no-repeat;
	}
	#photo_thumbs {
		position: relative;
		float: left;
		padding-top: 15px;
		margin: -18px 0 10px;
	}
	#photo_thumbs a img { 
		margin: 4px 4px; 
		padding: 3px;
		border: 1px solid #e4e3d8;
		background: #f7f5ed;
	}
	#photo_thumbs a:hover img, #photo_thumbs a.cur img {
		border: 1px solid #dad74e;
		background: #fdfab7;
		padding: 3px;
	}
	#feat_arrow {
		width: 53px;
		height: 15px;
		background: url(/images/viget/callout_arrow.png) 0 0 no-repeat;	
		position: absolute;
		left: 16px;
		bottom: 5px;
	}
	#feat_photo_bot {
		width: 300px;
		height: 11px;		
		background: url(/images/viget/bg_photo_feat_bottom.png) 0 0 no-repeat;
		position: absolute;
		left: 0;
		top: 0;
	}
	/* @end */
	
	/* @group -bio */
	.user_hd {
		color: #0066a4;
		font-weight: normal;
		font-size: 2.25em;
		margin: 40px 0 5px;
	}	
	.title {font-weight:bold;}	
	body.about .org {display:none;}	
	.twitter {
 		padding-left: 55px;
 		line-height: 1.60em;
 		color: #777773;
 		background: url(/images/viget/bg_twitter.gif) 0 0 no-repeat; 	
	}
	.twitter p, .twitter li {
		color:#777773;
		font-size:15px;
		line-height:25px;
		margin:20px 0pt 0 0;
	}
	.twitter li {list-style:none;}
	.twitter span {
		display:block;
                font-size:11px;
	}
	/* @end */
	
	/* @group -blog */
	h2#four_labs_wlogo {
		height: 35px;
		background: url(/images/viget/hd_four_labs.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	h3#categories { background: url(/images/viget/hd_categories.gif) 50% 0 no-repeat; }
	#blog_meta { padding-left: 80px; }

	#blog_meta.no_pic { padding-left: 0px; }
	#blog_meta p.by_viget {display:none;}
        #blog_meta.no_pic p.by_staff {display:none;}
        #blog_meta.no_pic p.by_viget {display:block;}
        #blog_meta.no_pic p.by_viget .author_med {display:none;}
	#blog_meta p, .blog_meta_press p {
 		font-style: italic;
 		margin: 0 0 10px;
	}
        #blog_meta.no_pic .author_med { display: none; }
	.post { margin-bottom: 40px; }
	.post p a, .post ul a   {font-weight:normal;text-decoration:underline;}  .post strong a, .post p strong a  {font-weight:bold;}
	.post p a:hover, .post ul a:hover   {text-decoration:none;}
	#blog_meta p a, div.extras a {text-decoration:none;}
	#blog_meta p a:hover, div.extras a:hover {text-decoration:underline;}
	.post h4 {
 		font-size: 1.3em;
 		margin: 0 0 3px;
	}
	.author_med {
		float: left;
		margin: -5px 0 0 -80px;
		position: relative;
		padding: 0px 0 0 0px;
                top:4px;
		width: 69px;
		height: 69px;
	}
	.post img { margin: 15px; }
	#main_content .author_med img, #main_content2 .author_med img  {
		margin: 0px;
		border: 0px;
	}
	.author_med span {
		width: 75px;
		height: 75px;
		background: url(/images/viget/user_blog_mask.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	.extras {
		height: 44px;
		background: url(/images/viget/bg_blog_extras.jpg) 0 0 no-repeat;
		margin-top: 15px;
		clear: both;
	}
	.extras a {
		padding: 2px 0 5px 25px;
		float: left;
		display: block;
		font-weight: normal;
		line-height: normal;
		margin: 12px 12px 0 12px;		
	}
	.leave_comment { background: url(/images/viget/bg_leave_comment.gif) 0 50% no-repeat; }
	.delicious { background: url(/images/viget/bg_delicious.gif) 0 50% no-repeat; }
	.digg_this { background: url(/images/viget/bg_digg.gif) 0 50% no-repeat; }
	.rss_black {
		display: block;
		background: url(/images/viget/rss_black.gif) 100% 0 no-repeat;
		padding-top: 1px;
		line-height: normal;
		padding-right: 20px;
	}
	#search_blog { margin-top: 20px; }
	#search_blog * { float: left; }
	#search_blog input { width: 112px; }
	#search_blog button {
		height: 27px;
		width: 30px;
		padding: 0;
		border: 0px;
		line-height: normal;
		font-size: 1.5em;
	}
	#blog_archive { margin-top: 10px; }
	#blog_archive .first {
		border: 1px solid #c0bebe;	
		background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
		position: relative;
	}
	#blog_archive .first a {
		font-weight: normal;
		display: block;
		padding: 5px;		
		background: url(/images/viget/bg_drop_down.gif) 130px 2px no-repeat;
		text-decoration: none;
		color: #313030;
	}	
	#blog_archive .first:hover ul { display: block; }	
	#blog_archive ul {
		display: none;
		position: absolute;
		top: 100%;
		left: -1px;
		border: 1px solid #c0bebe;
		border-bottom: none;
		width: 153px;
	}
	#blog_archive .first ul a {
		display: block;
		border-bottom: 1px solid #c0bebe;
		background: #fff none;
		padding: 5px;
		margin: 0;
		line-height: normal;
		font-size: 0.9em;
	}
	#blog_archive ul a:hover { background: #ededed; }
	#yellow_blog {
		height: 78px;
		background: url(/images/viget/hd_yellow_blog.gif) 0 0 no-repeat;
		margin: 0;
		text-indent: -9000px;
	}
	#blogroll_wrap, #event_wrap  {
		padding: 0 0 0 60px;
		margin-top: 30px;
		font-size: 0.8em;
		float: left;
	}
	#event_wrap li {
		padding: 0 0 12px 0;
	}
	#event_wrap li a {font-weight:normal;}
	h4#blogroll {
		height: 12px;
		background: url(/images/viget/hd_blogroll.gif) 0 0 no-repeat;
		text-indent: -9000px;
	}
	h4#upcoming_events {
		height: 12px;
		background: url(/images/viget/hd_events.gif) 0 0 no-repeat;
		text-indent: -9000px;
	}
	h4#four_more {
		height: 12px;
		background: url(/images/viget/hd_got_four_blogs.gif) 32px 0 no-repeat;	
		text-indent: -9000px;
		margin: 15px 0 10px;
	}
	#blogroll_wrap li { margin: 2px 0; }
	#blogroll_wrap li a { font-weight: normal; }
	#blogroll_wrap h4 { margin: 7px 0 12px 0 }
	#all_blogs { margin: 5px 0 0 20px; }
	#all_blogs li {
		padding: 6px 0 5px 40px;
		margin: 3px 0;
		font-size: 0.94em;
	}
	#blog_strategy { background: url(/images/viget/bg_blog_strategy.gif) 0 0 no-repeat; }
	#blog_design { background: url(/images/viget/bg_blog_design.gif) 0 0 no-repeat; }
	#blog_dev { background: url(/images/viget/bg_blog_dev.gif) 0 0 no-repeat; }
	#blog_marketing { background: url(/images/viget/bg_blog_marketing.gif) 0 0 no-repeat; }			
	/* @end */
	
	/* @group -work */
	#work_wrap {
		background: url(/images/viget/bg_sort_work.gif) 360px 50px no-repeat;
		width: 665px;
		font-size: 0.74em;
		padding: 20px 0 0 20px;
		line-height: 1.6em;
		float: left;
	}
	#work_l {
		float: left;
		width: 335px;
	}
	#work_r {
		float: right;
		width: 200px;
	}	
	#work_wrap a { padding: 2px; }
	#work_wrap a.selected {
		background: #ffec6b;
		color: #3c3c3c;
	}
	h4#do_things, h4#these_clients {
		height: 16px;	
		text-indent: -9000px;
		margin: 0;
	}	
	h4#do_things { background: url(/images/viget/hd_do_things.gif) 0 0 no-repeat; }
	h4#these_clients { background: url(/images/viget/hd_these_clients.gif) 0 0 no-repeat; }	
	#work_paper {
		width: 229px;
		height: 168px;
		background: url(/images/viget/bg_work_paper.jpg) 0 0 no-repeat;
		float: right;
		margin: -18px 15px 0 0;
		font-size: 0.74em;
	}
	#work_paper p {
		padding: 20px 25px 0;
		margin: 0;
		line-height: 1.7em;
	}
	#work_groups { 
		padding: 25px 20px 0; 
		background: url(/images/viget/bg_work_group.gif) 20px 0 repeat-y;
	}
	#work_groups li { 
		float: left; 
		padding-bottom: 25px;
		position: relative;
		line-height: normal;
	}
	#work_groups li a {
		display: block;
		width: 188px;
		height: 176px;
		background: url(/images/viget/bg_work.jpg) 0 0 no-repeat;
		padding: 16px 16px 0 18px;
		text-align: center;
		color: #3c3c3c;
		font-weight: normal;
	}
	#work_groups li a.chec {font-size:13px;}
	#work_groups li a img { margin-bottom: 6px; }
	#work_groups li a:hover, #work_groups li.selected a:hover {
		text-decoration: none;
		background: url(/images/viget/bg_work.jpg) 0 -192px no-repeat;
	}
	#work_groups li.selected a { background: url(/images/viget/bg_work.jpg) 0 -384px no-repeat; }
	/* @end */	
	
	/* @group -team */	
	#team_paper {
		height: 265px;
		width: 435px;
		background: url(/images/viget/bg_team_paper.jpg) 0 0 no-repeat;
		float: left;
		margin: -90px 10px 0 12px;
	}
	h3#our_team{ background: url(/images/viget/hd_our_team.gif) 50% 0 no-repeat; }
	h3#the_team {
		height: 70px;
		background: url(/images/viget/hd_the_team.gif) 0 0 no-repeat;		
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	#team_paper p {
		padding: 10px 40px 0;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0;
	}
	#emp_wrapper {
		padding: 65px 10px 0;
	}
	#employees li { float: left; margin: 0 2px 25px; }
	#employees li a {
		display: block;
		width: 148px;
		height: 180px;
		position: relative;
		background: url(/images/viget/bg_emp.jpg) 0 100% no-repeat;
		font-weight: normal;
		color: #3c3c3c;
	}
	.emp_mask {
		width: 117px;
		height: 112px;
		overflow: hidden;
		position: absolute;
		left: 16px;
		top: 15px;
		display: block;
	}
	#employees li a:hover .emp_mask img, #employees li a.hover .emp_mask img {
		margin-top: -112px;
	}
	.emp_desc {
		width: 133px;
		padding: 5px 5px 13px 15px;
		position: absolute;
		bottom: 0;
		background: url(/images/viget/bg_emp.jpg) 0 100% no-repeat;
		font-size: 0.74em;
		line-height: 1.4em;
	}
	.emp_desc strong { color: #10587a; }
	#main_content ul li, #main_content2 ul li {
		padding: 8px 4px 4px 25px;
		background: url(/images/viget/team_li.gif) 6px 15px no-repeat;
		border: none;}
	/* @end */	


	
	/* @group -careers */
	h2#careers_at_viget {
		height: 35px;
		background: url(/images/viget/hd_careers_at_viget.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	.listings ul {
		list-style: none;
		margin: 0px 20px;
	}
	.listings ul li {
		list-style: none;
		border-bottom:1px solid #d0cfc1;
	}
	.listings ul li a { 
		display: block;	}
	.listings ul li.last { border-bottom: none;	}
	.listings ul li:hover {	background-color: #f1f1eb; }
	body.careers #yellow_side {
		font-size: 0.74em;
		background: url(/images/viget/bg_yellow_side_tall.jpg) bottom left no-repeat;
		width: 211px;
		height: auto;
		padding: 3px 15px 15px 15px;
		color: #2b2b25;
	}	
	body.careers #yellow_side p {
		padding-left: 13px;
	}	
	.careers #yellow_side ul li {
		background: url(/images/viget/bg_yellow_side_li.gif) 0 13px no-repeat;
		padding: 5px 0 5px 13px;
		line-height: 1.7em;
	}	
	.careers #yellow_side ul li:hover {
		background-color: #fffbbf;
		color: black;
	}
	#yellow_careers {
		height: 93px;
		width: 200px;
		background: url(/images/viget/hd_yellow_careers.gif) 0 0 no-repeat;
		text-indent: -9001px;
	}	
	.two_photos {
		position: absolute;
		top: 4px;
		left: -24px;
	}
	.office_gallery {
		width: 231px;
		height: 209px;
		background: url(/images/viget/careers_office_gallery.jpg) top center no-repeat;
		position: absolute;
		top: 315px;
		left: -24px;
		text-indent: -9001px;
	}
	.office_gallery:hover {
		background-position: bottom center;
	}
	h3#careers{ background: url(/images/viget/hd_careers.gif) 50% 0 no-repeat; }
	/* @end */




	
	/* @group -services */
	h3#services{ background: url(/images/viget/hd_our_services.gif) 50% 0 no-repeat; }
	h2#vigets_services {
		height: 35px;
		background: url(/images/viget/hd_vigets_services.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	#more_in_the_blogs { 
		background: url(/images/viget/hd_more_in_the_blogs.gif) 40% 15px no-repeat; 
		height: 38px;
		padding-top: 15px;
		text-indent: -9999px;
	}
	.services #right_col2 .callout { 
		padding: 50px 0 0 43px;
	}
	.services #work_groups .callout { 
		padding: 50px 0 0 30px;
	}
	.services #yellow_side { 
		background: url(/images/viget/bg_yellow_side_tall.jpg) bottom left no-repeat;
		height: auto;
		padding: 0 0 30px 0;
	}
	.services #yellow_side p { 
		padding: 0px 40px 10px 35px;
		line-height: 1.7em;
	}
	#related_work{ 
		background: url(/images/viget/hd_related_work.gif) 40% 0 no-repeat; 
		height: 37px;
		text-indent:-9999px;
	}
	.services #work_groups { 
		padding: 25px 20px 0; 
		background: none;
	}
	.services #work_groups li {
		padding-bottom: 10px;
	}
	/* @end */








	
	/* @group -about us */
	h2#about_viget_labs {
		height: 35px;
		background: url(/images/viget/hd_about_viget_labs.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	img#the_team {
		position: absolute;
		top: -31px;
		left: 16px;
	}
	a#meet_the_team {
		position: absolute;
		top: 228px;
		left: 16px;
		display: block;
		width: 258px;
		height: 68px;
		text-indent: -9000px;
		background: url(/images/viget/bg_meet_the_team.jpg) top center no-repeat;
	}
	a#meet_the_team:hover {
		background: url(/images/viget/bg_meet_the_team.jpg) bottom center no-repeat;
	}
	a#part_of_magic {
		position: absolute;
		top: 296px;
		left: 16px;
		display: block;
		font-size: .74em;
		line-height: 13px;
		text-align: center;
		background: url(/images/viget/bg_part_of_magic.gif) 0 0 no-repeat;
		width: 158px;
		height: 63px;
		padding: 85px 50px 0 50px;
	}
	div#say_viget {
		position: absolute;
		top: 15px;
		left: -9px;
		display: block;
		font-size: .74em;
		background: url(/images/viget/bg_say_viget.gif) 0 0 no-repeat;
		width: 207px;
		height: 274px;
	}
	div#say_viget a {
		display: block;
		background: url(/images/viget/bg_a_say_viget.gif) 0 0 no-repeat;
		width: 147px;
		height: 187px;
		margin: 55px 0 0 27px;
		text-indent: -9999px;
	}
	div#say_viget a:hover {
		background: url(/images/viget/bg_a_say_viget.gif) 0 -187px no-repeat;
	}
	a.brian, a.andy {
		position: absolute;
		display:block;
		width:90px;
                height:100px;
		top: 390px;
		left: 16px;
                text-indent:-9999px;
	}
        a.andy {
		left: 106px;
                width:110px;
	}
	img.brian_andy {
		position: absolute;
		top: 390px;
		left: 16px;
	}
		/* @end */



	


	
	/* @group -contact */
        body.contact div.split_col p {margin:0px;}
        body.contact div.split_col p.directions {
		margin-top:10px;
                padding-top:10px;
                border-top:1px solid #CCCCCC;
        }
	h2#contacting_viget_labs {
		height: 35px;
		background: url(/images/viget/hd_contacting_viget_labs.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	h2#directions_to_viget {
		height: 35px;
		background: url(/images/viget/hd_directions_to_viget.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	h2#get_in_touch {
		height: 35px;
		background: url(/images/viget/hd_get_in_touch.gif) 0 0 no-repeat;
		margin: 30px 0 0;
		text-indent: -9000px;
	}
	h3#contact_us{ background: url(/images/viget/hd_contact_us.gif) 50% 0 no-repeat; }
	div#map {
		width: 185px;
	 	background: url(/images/viget/bg_map.jpg) bottom center no-repeat;
	 	margin-left: 25px;
	 	font-size: .74em;
	 	line-height: 1.7em;
	 	padding: 0px 30px 30px 30px;
	}
	#form_paper {
		width: 229px;
		height: 168px;
		background: url(/images/viget/bg_form_paper.jpg) 0 0 no-repeat;
		position: absolute;
		top: -28px;
		left: 23px;
		font-size: 0.74em;
	}
	#form_paper p {
		padding: 20px 25px 0;
		margin: 0;
		line-height: 1.7em;
	}
	div#directions_box {
		width: 190px;
	 	background: url(/images/viget/bg_directions_box.jpg) bottom center no-repeat;
	 	margin-left: 0px;
	 	font-size: .74em;
	 	line-height: 1.7em;
	 	padding: 130px 30px 30px 30px;
	 	position: absolute;
	 	left: 20px;
	}
	div#directions_box img {
		position: absolute;
		left: 0;
		top: 0;
	}
	fieldset#top .row, fieldset#bottom .row {
		margin: 0 0 12px 0;
	}
	fieldset#top label {
		width: 84px;
		float: left;
		text-align: right;
		font-weight: bold;
		padding: 2px 0 0 0;
	}
	fieldset#top input {
		width: 342px;
		float: right;
	}
	fieldset#bottom label {
		float: left;
		width: 250px;
		font-weight: bold;
		padding: 2px 0 0 0;
	}
	fieldset#bottom {
		position: relative;
	}
	fieldset#bottom textarea {
		clear: both;
		width: 444px;
	}
	fieldset#bottom input {
		width: 189px;
		float: right;
	}
	fieldset#bottom select {
		border: 1px solid #c0bebe;	
		background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
		position: relative;
		float: right;
		width: 201px;
	}
	input#submit {
		padding:0px;
                border:0px;
                background:none;
                float:right;
	}
	#foot_right input.button {
		padding: 0;
		float: right;
                border: 0px;
                padding:0px;
	}	
	a#our_services {
		background: url(/images/viget/bg_our_services.gif) top center no-repeat;
		width: 172px;
		height: 128px;
		display: block;
		position: absolute;
		left: 500px;
		top: -5px;
		text-indent: -9999px;
	}
	a#our_services:hover { background-position: bottom center;	}
	/* @end */


/* @end */
.comment_main, .comment_main_alt {
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.comment_form_main textarea {
  margin-left: 60px;
  width: 350px;
  height: 100px;
}
.comment_form_main {
  margin: 25px 0;
  padding-left: 10px;
}
.comment_form_main p {
  padding-left: 60px;
}
.comment_form_main p label {
  float: left;
  margin-left: -60px;
  width: 60px;
  display: block;
  padding-top: 5px;
  font-weight: bold;
}
#comment_field_main {
  border: 1px solid #C0BEBE;
  padding: 10px;
}
#indv_post {
  margin-bottom: 20px;
}
#error_wrap {
  padding: 50px;
  height: 300px;
}
#error_wrap img {
  float: left;
  margin: -15px 20px 0 0;
}
#error_wrap h2 {
  height: 42px;
  background: url(/images/viget/hd_error.gif) 280px 0 no-repeat;
 text-indent: -9000px;
  margin-bottom: 25px;
}
#error_wrap p {
  line-height: 1.5em;
}
.resultRowOne {
  background: #eee;
}
tbody td { padding: 10px; }




	
/* @group -search_results */

 .search_results div#main_content {
	width: 875px;
 }
 .search_results tr.resultRowTwo {
	background: url(/images/viget/search_li.gif) top center no-repeat;
}
  .search_results tr.resultRowOne {
	background: url(/images/viget/search_li_alt.gif) top center no-repeat #f2f2f2;
}


/* @end */



/* @end */