@import 'reset.css';

/*---Global Styling---*/

body {
	background: #000;
	font-family: helvetica, arial, sans-serif;
}

h2 {line-height: 49px;}

h2, h3, h4  {
	font-family: "century gothic", arial, helvetica, sans-serif;
	font-size: 41px;
	font-weight: normal;
}

h3 {
	font-size: 17px;
	font-weight: bold;
}

h4 {font-size: 14px;}

p {line-height: 16px;}
img {display: block;}

.float_right {
	float: right;
	margin: 0 0 25px 25px;
}

.float_left {
	float: left;
	margin: 0 25px 25px 0;
}

/*---Homepage Styling---*/

body#home  {
	color: #fff;
	background: #000;
}

#wrap {
	background: #e0e0e0;
	height: 600px;
	margin: 10px 0 0 0;
}

#logo {
	background: url(/css/images/logo_shadow.png) no-repeat;
	display: block;
	height: 141px;
	margin: 0 auto;
	position: relative;
	width: 212px;
	z-index: 10;
}

* html #logo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_shadow.png', sizingMethod='crop');
}

#logo img {
	background: #eee;
	margin: 0px 0px 0px 10px;
	padding: 27px 30px 22px 40px;
}

#welcome {
	background: url(/css/images/welcome_bg.png) repeat-x;
	border-top: 4px solid #df2821;
	display: block;
	height: 155px;
	margin: 300px auto 0 auto;
	position: relative;
	text-align: center;
	width: 267px;
	z-index: 1;
}

#welcome h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 5px;
	padding-top: 24px;
	text-transform: uppercase;
}

#welcome p {
	font-size: 12px;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
}

#welcome p#needs {
	font-weight: bold;
	padding: 0 24px 0 24px;
}

#video {
	background: #b2b2b2;
	float: left;
	height: 600px;
	margin-top: -600px;
	width: 50%;
}

#video a#video_link {
	background: url(/css/images/video_link.gif) no-repeat top;
	display: block;
	float: right;
	height: 199px;
	margin: 207px 66px 0 0;
	text-indent: -99999px;
	width: 359px;
}

#video a#video_link:hover {background: url(/css/images/video_link.gif) no-repeat bottom;}

#web {
	background: #e0e0e0;
	float: right;
	height: 600px;
	margin-top: -600px;
	margin-left: 1px;
	width: 50%;
}

#web a#web_link {
	background: url(/css/images/web_link.gif) no-repeat top;
	display: block;
	height: 198px;
	margin: 207px 0 0 105px;
	text-indent: -99999px;
	width: 268px;
}	

#web a#web_link:hover {background: url(/css/images/web_link.gif) no-repeat bottom;}

/*---Homepage Styling for signatures---*/

#gradiant_box {
	height: 273px;
	position: relative;
	margin: 0px auto 0 auto;
	overflow: hidden;
	width: 267px;
	z-index: 10;
}

body#home #gradiant_box {
	background: #000;
	margin-top: 0;
	z-index: 20;
}

#gradiant {
	background: url(/css/images/home_gradiant.png) top no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	margin-top: 0;
	height: 273px;
	width: 267px;
}

* html #gradiant {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/home_gradiant.png', sizingMethod='scale');
}

body#web_home #gradiant {height: 321px;}

#person1, #person2, #person3, #person4, #person5, #person6, #person7, #person8, #person9, #person10, #person11, #person12, #person13, #person14 {
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	width: 267px;
}

#homeSign {position: relative;}

#sign {position: relative;}

#person1 {background: url(/webimages/small_briano.png) center no-repeat;}
* html #person1 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_briano.png', sizingMethod='scale');
}
#person2 {background: url(/webimages/small_chadw.png) center no-repeat;}
* html #person2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_chadw.png', sizingMethod='scale');
}
#person3 {background: url(/webimages/small_davidb.png) center no-repeat;}
* html #person3 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_davidb.png', sizingMethod='scale');
}
#person4 {background: url(/webimages/small_davids.png) center no-repeat;}
* html #person4 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_davids.png', sizingMethod='scale');
}
#person5 {background: url(/webimages/small_jacobp.png) center no-repeat;}
* html #person5 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_jacobp.png', sizingMethod='scale');
}
#person6 {background: url(/webimages/small_jeffc.png) center no-repeat;}
* html #person6 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_jeffc.png', sizingMethod='scale');
}
#person7 {background: url(/webimages/small_jimc.png) center no-repeat;}
* html #person7 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_jimc.png', sizingMethod='scale');
}
#person8 {background: url(/webimages/small_jolir.png) center no-repeat;}
* html #person8 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_jolir.png', sizingMethod='scale');
}
#person9 {background: url(/webimages/small_jonc.png) center no-repeat;}
* html #person9 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_jonc.png', sizingMethod='scale');
}
#person10 {background: url(/webimages/small_kimberlyc.png) center no-repeat;}
* html #person10 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_kimberlyc.png', sizingMethod='scale');
}
#person11 {background: url(/webimages/small_markg.png) center no-repeat;}
* html #person11 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_markg.png', sizingMethod='scale');
}
#person12 {background: url(/webimages/small_michaelk.png) center no-repeat;}
* html #person12 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_michaelk.png', sizingMethod='scale');
}
#person13 {background: url(/webimages/small_randyd.png) center no-repeat;}
* html #person13 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_randyd.png', sizingMethod='scale');
}
#person14 {background: url(/webimages/small_kirah.png) center no-repeat;}
* html #person14 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webimages/small_kirah.png', sizingMethod='scale');
}
/*---Signature and Positions Styling---*/

#move_up {
	width: 900px;
	padding-top: 50px;
	z-index: 10000;
}

#gradiant_box2 {
	height: 50px;
	width: 900px;
	z-index: 100;
	overflow: hidden;
}

#gradiant2 {
    display: none;
    
	background: url(/css/images/gradiant_bg2.png) bottom no-repeat;
	height: 273px;
	top: 50px;
	position: absolute;
	width: 267px;
	z-index: 1000;
	overflow: hidden;
}

* html #gradiant2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/gradiant.png', sizingMethod='scale');
}

#sign_position {
	position: relative;
	width: 900px;
}

.person1_2, .person2_2, .person3_2, .person4_2, .person5_2, .person6_2, .person7_2, .person8_2, .person9_2, .person10_2, .person11_2, .person12_2, .person13_2, .person14_2 {
	display: block;
	overflow: hidden;
	height: 50px;
	width: 900px;
	text-indent: -99999px;
}
.person1_2 {background: url(/webimages/small_briano.gif) no-repeat left top;}
.person2_2 {background: url(/webimages/small_chadw.gif) no-repeat left top;}
.person3_2 {background: url(/webimages/small_davidb.gif) no-repeat left top;}
.person4_2 {background: url(/webimages/small_davids.gif) no-repeat left top;}
.person5_2 {background: url(/webimages/small_jacobp.gif) no-repeat left top;}
.person6_2 {background: url(/webimages/small_jeffc.gif) no-repeat left top;}
.person7_2 {background: url(/webimages/small_jimc.gif) no-repeat left top;}
.person8_2 {background: url(/webimages/small_jolir.gif) no-repeat left top;}
.person9_2 {background: url(/webimages/small_jonc.gif) no-repeat left top;}
.person10_2 {background: url(/webimages/small_kimberlyc.gif) no-repeat left top;}
.person11_2 {background: url(/webimages/small_kirah.gif) no-repeat left top;}
.person12_2 {background: url(/webimages/small_markg.gif) no-repeat left top;}
.person13_2 {background: url(/webimages/small_michaelk.gif) no-repeat left top;}
.person14_2 {background: url(/webimages/small_randyd.gif) no-repeat left top;}


#sign_position .position {
	float: right;
	width: 640px;
	display: inline;
	opacity: 0;
	filter: alpha(opacity = 0);
	height: 20px;
	margin: 15px 0;
	overflow: hidden;
}
.person1_2 .position, .person5_2 .position, .person7_2 .position, .person9_2 .position {
	background: url(/webimages/title_interactivedeveloper.gif) no-repeat left top;
}
.person2_2 .position {
	background: url(/webimages/title_directorofwebexperiences.gif) no-repeat left top;
}
.person3_2 .position {
	background: url(/webimages/title_directorofbusinessdevelopment.gif) no-repeat left top;
}
.person4_2 .position {
	background: url(/webimages/title_seniortechnologyarchitect.gif) no-repeat left top;
}
.person6_2 .position {
	background: url(/webimages/title_seniorartdirector.gif) no-repeat left top;
}
.person8_2 .position, .person11_2 .position, .person14_2 .position {
	background: url(/webimages/title_webspecialist.gif) no-repeat left top;
}
.person10_2 .position {
	background: url(/webimages/title_interactivedesigner.gif) no-repeat left top;
}
.person12_2 .position {
	background: url(/webimages/title_directorofcreativeexperiences.gif) no-repeat left top;
}
.person13_2 .position {
	background: url(/webimages/title_solutionsperformancemanager.gif) no-repeat left top;
}

/*---Web Home Styling---*/

body#web_home {
	background: #eaece9;
	border-top: 10px solid #000;
	margin: 0;
}

#web_wrap {
	background: #eaece9;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	min-height: 700px;
	width: 100%;
}

#lg_sig {
	background: no-repeat;
	position: absolute;
	top: 0;
	left: -750px;
	width: 3500px;
	height: 1000px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
	z-index: 1;
}

#all_lg_sigs img {
	display: none;
}

#lg_sig span {
	display: block;
	float: none;
	height: 600px;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 3500px;
	z-index: 1;
}

#footer {
	height: 50px;
	position: relative;
	z-index: 2;
	border-bottom: 30px solid #000;
	background: url(/css/images/webcontent_bg.png) repeat-y;
	overflow: hidden;
}

.person1_larger {background: url(/css/images/large_person1_sig.gif) no-repeat;}	
.person2_larger {background: url(/css/images/large_person2_sig.gif) no-repeat;}	
.person3_larger {background: url(/css/images/large_person3_sig.gif) no-repeat;}	
.person4_larger {background: url(/css/images/large_person4_sig.gif) no-repeat;}	
.person5_larger {background: url(/css/images/large_person5_sig.gif) no-repeat;}	

#web_content, #blog_content {
	background: url(/css/images/webcontent_bg.png) repeat-y;
	display: block;
	min-height: 600px;
	overflow: hidden;
	position: relative;
	width: 960px;
	z-index: 1;
}
* html #web_content {
    height: 600px;
    overflow: visible;
}

#blog_content {height: auto;}

#mainLogo {
    position: absolute;
    top: 0px;
    left: 35px;
    width: 135px;
    height: 85px;
    background: url(/webimages/main_logo_shadow.png) no-repeat left top;
}
* html #mainLogo {
    background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='webimages/main_logo_shadow.png', sizingMethod='crop');
}
    #mainLogo a img {
	    margin: 12px 0 0 23px;
    }

ul#utility_nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

ul#utility_nav h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 18px 0 0 30px;
}

ul#utility_nav li a {
	background: #809bae;
	clear: right;
	color: #fff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	float: right;
	height: 16px;
	line-height: 14px;
	margin-top: 1px;
	padding-left: 5px;
	text-decoration: none;
	width: 52px;
}

ul#utility_nav li a.active_fly {
	background: #6d6d6d;
	width: 53px;
}

ul#utility_nav li a:hover {background: #6d6d6d;}

ul#utility_nav li #about_c2, ul#utility_nav li #contact_us, ul#utility_nav li #blogs {
	background: url(/css/images/flyout_bg.png) repeat-y;
	border-bottom: 4px solid #df2821;
	color: #f1f1f1;
	position: absolute;
	right: 58px;
	overflow: hidden;
	top: 1px;
	width: 430px;
	visibility: hidden;
	z-index: 21;
}

#contact_us address {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	margin: 12px 0 5px 30px;
}

ul#phone, ul#maps {margin-left: 30px;}

#contact_us ul#phone li, #contact_us ul#maps li {
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-right: 14px;
}

#contact_us ul#maps {clear: left;}

#contact_us ul#maps li {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}

#contact_us ul#maps li {margin-right: 4px;}

#contact_us ul#maps li a {
	background: none;
	display: inline;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	float: none;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	text-decoration: underline;
	text-transform: none;
}

#contact_us ul#maps li a#pdf {
	background: url(/css/images/pdf_bg.gif) no-repeat;
	padding-left: 25px;
}

#contact_us #form {
	border-top: 1px solid #fff;
	clear: left;
	margin: 10px 20px 10px 20px;
	width: 390px;
	overflow: hidden;
}

#about_c2 p, #contact_us p {
	display: block;
	font-size: 12px;
	line-height: 15px;
	margin: 6px 20px 10px 30px;
}

#contact_us .error {
    display: block;
    font-size: 12px;
}
    #contact_us .error ul {
        padding: 10px 0 0;
    }
    #contact_us .error li {
        padding: 0 0 5px;
        color: #fff;
    }
#contact_us .success {
    display: block;
    font-size: 12px;
    padding: 10px 0 5px;
}

#contact_us p {	
	margin: 10px 20px 0 12px;
}
#contact_us p#submit {
	float: right;
	margin: 0 0 10px 0;  
}

#contact_us #form input, #contact_us #form textarea {
	display: inline;
	margin-left: 10px;
	width: 275px;
}

#contact_us #form select {
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	width: 70px;
}

 #contact_us #form #interest input {
	display: inline;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin: 2px 0 0 0px; 
	width: 70px;
}

#contact_us #form p {float: right; margin-right: 0;}

#contact_us #form p#interest {
	display: block;
	float: none;
	margin: 5px 0 10px 28px;
}

#contact_us #form label {
	float: left;
	font-size: 12px;
}

#blogs h2 {
	margin: 15px 0 20px 25px;
}
ul#utility_nav li #blogs ul li p {color: #fff;}

ul#utility_nav li #blogs ul {
	margin: 0 0 25px 25px;
}

ul#utility_nav li #blogs ul li a {
	background: none;
	color: #fff;
	display: inline;
	font-family: arial;
	float: none;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	text-transform: none;
}

ul#utility_nav li #blogs ul li p a {
	font-size: 11px;
	font-weight: normal;
}

ul#utility_nav li #about_c2 p a {
	background: none;
	color: #f1f1f1;
	display: inline;
	float: none;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	text-decoration: underline;
	text-transform: none;
}

ul#utility_nav li #blogs a#view_all {
	background: none;
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 25px;
	padding: 0;
	width: 200px;
}

ul#utility_nav li #about_c2 p a:hover {text-decoration: none;}

ul#utility_nav li #about_c2 a.close_flyout, ul#utility_nav li #contact_us a.close_flyout, ul#utility_nav li #blogs a.close_flyout {
	background: url(/css/images/flyout_x.gif) right center no-repeat;
	clear: both;
	display: inline;
	float: right;
	margin: 0 20px 5px 0;
}

ul#utility_nav li #contact_us a.form_flyout {clear: left;}

ul#nav {
	float: left;
	
	position: relative;
	width: 100px;
	z-index: 1000;
}

ul#nav li#our_work, ul#nav li#our_approach {
	margin-bottom: 1px;
	position: absolute;
	top: 245px; 
	z-index: 100;
}

ul#nav li#our_approach {top: 276px;}

ul#nav li#our_work ul, li#our_approach ul {
	display: none;
	left: 100px;
	position: absolute;
	top: 0px;
	width: 162px;
	z-index: 100;
}

ul#nav li#our_work ul li, ul#nav li#our_approach ul li {
	background: url(/css/images/li_hover_bg.png);
	padding-bottom: 1px;
	position: relative;
	width: 162px;
	z-index: 99;
}

ul#nav li#our_work ul li, ul#nav li#our_approach ul li {}

ul#nav li#our_work:hover ul, ul#nav li#our_work.over ul, ul#nav li#our_approach:hover ul, ul#nav li#our_approach.over ul {display: block;}

ul#nav li#our_work ul li a, ul#nav li#our_approach ul li a {
	background: url(/css/images/subnav_bg.png) repeat-y;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	height: auto;
	line-height: normal;
	padding: 5px 15px;
	text-align: left;
	text-transform: none;
	width: 132px;
	z-index: 100;
}
* html ul#nav li#our_work ul li a, * html ul#nav li#our_approach ul li a {
    background: #999;
}

ul#nav li#our_work ul li a:hover, ul#nav li#our_approach ul li a:hover{background: #999;}

ul#nav li#our_work ul li a.selected:hover, ul#nav li#our_work ul li a.selected, ul#nav li#our_approach ul li a.selected:hover, ul#nav li#our_approach ul li a.selected {background: #df2821;}


ul#nav li a {
	background: #000;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-right: 6px;
	position: relative;
	text-align: right;
	text-decoration: none;
	width: 94px;
}

ul#nav li a span.red_emp {color: #df2821;}

ul#nav li:hover, ul#nav li:hover a, ul#nav li a.selected {background: #df2821;}
ul#nav li:hover span.red_emp, ul#nav li a.selected span.red_emp {color: #000;}

#integrity, #educate {
	clear: right;
	float: right;
	height: auto;
	margin-top: 80px;
	width: 358px
}

#integrity h2, #educate h2 {text-align: right;}

h2 span.red_emphasis {color: #df2821;}
	
#integrity p, #educate p, #glitzguts_wrap p, #approach p, #interactive_dev p, #blog_entry p {
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0px 0px 51px;
	text-align: right;
}

#integrity a, #approach a, #interactive_dev a {color: #df2821;}
#integrity a:hover, #approach a:hover, #interactive_dev a:hover {
	color: #df4c47;
	text-decoration: none;
}

#news {
	clear: right;
	display: inline;
	float: right;
	margin-top: 130px;
}

#news p { 
	display: inline;
	color: #333;
	font-size: 12px;
	margin: 0px 30px;
	padding: 8px 0px;
	text-align: center;  
}

#news ul {
	border-bottom: 4px solid #df2821;
	clear: right;
	float: left;
	margin-left: 1px;
	width: 300px;
}

#news ul li ul {border-bottom: none;}

#news ul li.headline {
	background: url(/css/images/headline_bg.png) repeat-x;
	display: block;
	height: 26px;
	width: 300px;
}

#news ul li.headline:hover, #news ul li.over  {
	background: #333;
	border-bottom: none;
}

#news ul li.headline a {
	background: url(/css/images/headline_bullet.gif) left center no-repeat;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding-left: 18px;
	text-decoration: none;
	width: 282px;
}
#news ul li.headline a.news {
	color: #df2821;
	font-size: 11px;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	line-height: 12px;
	background: none;
}
#news ul li.headline a:hover, #news ul li.headline:hover a {background: url(/css/images/headline_bullet_hover.gif) left center no-repeat;}
#news ul li.headline a.news:hover, #news ul li.headline:hover a.news {background: none;}

#news ul#news_1.over ul#news1_detail {display: block;}
#news ul#news_2.over ul#news2_detail {display: block;}

#news ul:hover #news1_detail {display: block; border-bottom: 4px solid #df2821;}
#news ul:hover #news2_detail {display: block; border-bottom: 4px solid #df2821;}

#news ul:hover {border-bottom: none;}

ul#news1_detail, ul#news2_detail {
	display: none;
	height: auto;
	width: 282px;
}

ul#news1_detail, ul#news2_detail {
	background: url(/css/images/news_item_bg.png) repeat-y;
	border-bottom: 4px solid #df2821;
	clear: both;
	display: none;
	height: auto;
	margin-left: 0;
	width: 300px;
	overflow: hidden;
}

ul#news2_detail p, ul#news1_detail p {
	display: block;
	margin: 4px;
	padding: 4px;
}

li.headline ul#news2_detail li a, li.headline ul#news2_detail li a:hover {
	background: none;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 294px;
}
li.headline ul#news2_detail li a.news, li.headline ul#news2_detail li a.news:hover {
	display:inline;
	width:auto;
}

body#web_home #gradiant_box {margin: 0;}

/*---Web Work Client Main---*/

#educate {
	display: inline;
	margin: 162px 300px 0px 0px;
	width: 342px;
}

#educate p {margin: 10px 0 20px 20px;}

ul#work_branch {
	float: right;
	margin-top: -15px;
	position: relative;
}

ul#work_branch li {
	float: left;
	padding-left: 16px;
}

ul#work_branch li#guts a, ul#work_branch li#glitz a {
	color: #666;
	font-family: "century gothic", arial, helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin-right: 20px;
	text-decoration: none;
}

ul#work_branch li#glitz a {margin-right: 0;}

ul#work_branch li#guts a:hover, ul#work_branch li#glitz a:hover {color: #df2821;}


ul#work_branch li#guts #guts_defbg, ul#work_branch li#glitz #glitz_defbg {
	background: url(/css/images/gutsglitz_defbg.png) no-repeat;
	display: none; 
	height: 278px;
	left: 37px;
	position: absolute;
	top: -278px;
	width: 379px;
}

* html ul#work_branch li#guts #guts_defbg, * html ul#work_branch li#glitz #glitz_defbg {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/gutsglitz_defbg.png', sizingMethod='crop');
}


/* ul#work_branch li#glitz #glitz_defbg {
	left: -245px;
} */
ul#work_branch li#guts #guts_defbg {
	left: -245px;
}
ul#work_branch li#guts #guts_defbg #guts_def, ul#work_branch li#glitz #glitz_defbg #glitz_def {
	background: #fff url(/css/images/guts_arrow.gif) bottom left no-repeat;
	display: block; 
	height: 254px;
	margin: 6px 0 2px 4px;
	width: 355px;
}

ul#work_branch li#guts #guts_defbg #guts_def {background: #fff url(/css/images/glitz_arrow.gif) bottom right no-repeat;}

ul#work_branch li#guts #guts_defbg #guts_def h2, ul#work_branch li#glitz #glitz_defbg #glitz_def h2 {
	color: #df2821;
	display: inline;
	float: left;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin: 20px 10px 6px 35px;
}	

ul#work_branch li#guts #guts_defbg #guts_def span, ul#work_branch li#glitz #glitz_defbg #glitz_def span {
	color: #757575;
	display: block;
	font-size: 11px;
	padding-top: 36px;
	word-spacing: 6px;
}

ul#work_branch li#guts #guts_defbg #guts_def p, ul#work_branch li#glitz #glitz_defbg #glitz_def p {
	color: #474747;
	margin: 9px 30px 20px 35px;
	text-align: left;
}

ul#work_branch li#glitz {
	border-right: 3px solid #999;
	padding-right: 16px;
}

/*---Web Work Client Glitz---*/

#glitzguts_wrap {
	margin: 0px 0px 0px 135px;
	padding-top: 92px;
	width: 822px;
}

#glitzguts_header {
	height: 30px;
	position: relative;
}

#glitzguts_header h2 {
	border-bottom: 1px solid #999; 
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 9px;
	text-align: right;
	padding-right: 300px;
}

ul#glitz_guts {
	float: right;
	left: 565px;
	position: absolute;
	top: 0px;
	width: 260px; 
}
/*
* html ul#glitz_guts li {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/glitz_guts_tab_bg_right.png', sizingMethod='crop');
}
*/

ul#glitz_guts li {float: left;}

ul#glitz_guts li a {
	background: url(/css/images/glitz_guts_tab_bg.png) no-repeat;
	border-bottom: 1px solid #999;
	color: #6d6d6d;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 130px;
}

* html ul#glitz_guts li a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/glitz_guts_tab_bg.png', sizingMethod='crop');
}

ul#glitz_guts li a:hover, ul#glitz_guts li a.selected {color: #e03c36;}

ul#glitz_guts a#active {
	background: url(/css/images/glitz_guts_tab_bg_active.png) no-repeat;
	border: none;
	color: #e03c36;
}

* html ul#glitz_guts a#active {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/glitz_guts_tab_bg_active.png', sizingMethod='crop');
}

#img_shadow {
	background: url(/css/images/fullimg_drop_shadow.png);
	display: block;
	float: left;
	height: 460px;
	margin: 5px 0px 0px -14px;
	position: relative;
	width: 551px;
	z-index: 0;
}

* html #img_shadow {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/fullimg_drop_shadow.png', sizingMethod='crop');
}

#img_shadow img {
	position: absolute;
	top: 7px;
	left: 14px;
	z-index: 0;
}

#glitzguts_wrap p {	
	margin: 20px 0px 0px 567px;
	text-align: left;
}

#glitzguts_wrap h3 {
	color: #e03c36;
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 0px 567px;
	text-transform: uppercase;
}
    #glitzguts_wrap h3 a {
        color: #e03c36;
    }

#glitzguts_wrap #url {
	color: #e03c36;
	font-size: 11px;
	font-weight: bold;
}

#glitzguts_wrap #url a
{
	color: #e03c36;
}

#glitzguts_wrap ul#features {
	font-size: 12px;
	line-height: 15px;
	list-style-type: disc;
	list-style-position: inside;
	margin: 5px 0px 30px 567px;
}

#thumbs {margin-left: 567px; width: 250px; overflow: hidden;}

#url {
    margin-left: 567px;
    padding: 10px 0;
    overflow: hidden;
}

#glitzguts_wrap .thumb_shadow {
	background: url(/css/images/thumb_drop_shadow.png);
	display: block;
	float: left;
	height: 77px;
	margin: 0px 12px 12px 0px;
	position: relative;
	width: 93px;
}

* html #glitzguts_wrap .thumb_shadow {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/thumb_drop_shadow.png', sizingMethod='crop');
}

#glitzguts_wrap .thumb_shadow img {
	left: 4px;
	position: absolute;
	height: 70px;
	width: 85px;
}

/*---Approach Main---*/

#approach {
	margin: 0px 0px 0px 299px;
	padding-top: 128px;
	height: auto;
	width: 371px;
}

#approach h2 {
	margin-bottom: 10px;
	width: 500px;
}

#approach p {
	padding: 0;
	margin: 0 50px 20px 0;
	text-align: left;
}

/*---Interactive Development---*/

#interactive_dev {
	height: auto;
	margin: 0px 0px 0px 300px;
	padding-top: 205px;
	width: 326px;
}

#interactive_dev h2 {
	font-size: 20px;
	font-weight: bold;
}

#interactive_dev p {
	margin: 5px 0 10px 0;
	text-align: left;
}

/*---Blog Detail---*/

#past_blogs {
	float: left;
	margin: 211px 0 0 30px;
	width: 110px;
}

#past_blogs h2 {
	color: #171717;
	font-size: 14px;
	font-weight: bold;
	margin-top: 43px;
}

#past_blogs ul li {margin-top: 6px;}

#past_blogs ul li a {
	color: #434343;
	font-size: 11px
}

#past_blogs ul li a:hover, #blog_entry p#author a:hover {
	color: #636363;
	text-decoration: none;
}

#blog_entry {
	clear: right;
	display: inline;
	float: right;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 100px 0 50px 0;
	width: 670px; 
}

#blog_entry h2 {margin: 0 0 10px 0;}

#blog_entry p#author {
	color: #434343;
	font-weight: bold;
	margin-bottom: 15px;
}

#blog_entry p#author a {color: #434343;}

#blog_entry p {
	margin: 0 0 40px 0;
	text-align: left;
}

#blog_entry h3 {
	color: #be221c;
	margin-bottom: 10px;
}

#comment_section {
	clear: both;
	margin: 0;
	padding: 0;
	width: 670px;
}

#comment_entries {
	display: inline;
	float: left;
	width: 300px;
}

#comment_section h4 {
	background: #757674;
	border-bottom: 4px solid #df2821;
	color: #f1f2f1;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 8px;
}

#comment_form {
	background: #ccc;
	display: block;
	height: 270px;
	margin-top: 10px;
	width: 355px;
	margin-left: 312px;
}

#comment_form h4 {
	background: none;
	border: none;
	color: #525252;
	font-size: 15px;
	margin: 10px 0px 10px 10px;
	padding: 0;
	padding-top: 10px;
	text-transform: none;
}

#comment_form #comment_form_input {
	margin: 0;
	padding: 0;
}

#comment_form #comment_form_input p {
	float: right;
	font-size: 11px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

#comment_form #comment_form_input p label {
	color: #666;
	float: left;
	margin-left: 19px;
}

#comment_form #comment_form_input input, #comment_form #comment_form_input textarea {
	margin-right: 20px;
	margin-left: 10px;
	width: 245px;
}

#comment_form #comment_form_input textarea {float: right;}

#comment_form #comment_form_input input#comment_submit {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 20px 80px;
	width: 70px;
}

#comment_section div.comment {
	border-bottom: 1px solid #999;
	width: 300px;
}

#comment_section .comment h4 {
	background: none;
	border: none;
	color: #5e5e5d;
	font-size: 15px;
	margin: 20px 10px 0 0;
	padding: 0;
}

#comment_section p.comment_details {color: #737373; margin-bottom: 25px;}
#comment_section p.comment_details a {color: #737373;}
#comment_section p.comment_details a:hover {
	color: #898989;
	text-decoration: none;
}

#clear_both {clear: both;}

/*---Blog Archive---*/

#blog_archive {
	margin: 0 0px 0px 290px;
	padding-top: 208px;
	padding-bottom: 100px;
}

#blog_archive a {color: #737373;}

#blog_archive a:hover {
	color: #919191;
	text-decoration: none;
}
	
#blog_archive h2 {margin-bottom: 10px;}

#blog_archive p.float_left, ul#sort li {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	margin-right: 8px;
	text-transform: uppercase;
}

#blog_archive ul#sort li {
	display: inline; 
	float: left; 
	margin-top: 0px;
}

#blog_archive ul#sort li a {margin-right: 8px;}
	
ul#sort li a {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul#sort li a.active_sort {color: #df2821;}

#blog_archive h3 {margin-top: 52px;}

#blog_archive ul li h4, #blogs ul li h4 {margin: 16px 0 2px 0;}

#blog_archive ul li h4 a, #blogs ul li h4 a {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#blog_archive ul li p, #blog_archive ul li p a, #blogs ul li p, #blogs ul li p a  {
	color: #737373;
	font-size: 11px;
}

#partnerOfYear {
 position: absolute;
 top: 0;
 right: 0;
 width: 170px;
 height: 169px;
}
#awards{
	position:absolute;
	top: 350px;
	left: 12px;
}
#awards img{
	margin-bottom: 7px;
}
* html img.png {
   position: relative;
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
   this.src = "/webimages/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
   this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}