* {margin: 0; padding: 0;}

body {font: 62.5% Arial, Helvetica, sans-serif; color: #333; background: #5194b3 url(../images/pbg.png) top left repeat-x; text-align: center;}

.print {display: none;}

#outer {position: relative; margin: 0 auto; width: 875px;}
#languages {position:absolute; top:5px; right: 30px;width:500px; text-align: right; font-size: 1em;color: #666;}
#languages a {color: #666; text-decoration: none; border: none;}
#languages a:hover {color: #999; text-decoration: none; border: none;}

#wrap {float: left; position: relative; background: #fff; text-align: left; margin: 0 auto;margin-top: 35px; margin-bottom: 10px; width: 830px; padding: 0; padding: 10px; border: 1px solid #999;}

#header h1#logo {text-indent: -9000px; background: url(../images/logo.png) top left no-repeat; padding: 0;margin:0;}
* html #header h1#logo {height: 1%;}
#header h1#logo a {display: block; width: 225px; height: 50px; margin:0; border: none;}

h1#print {display: none;}

#nav {margin-top: 15px; margin-bottom: 0;}
* html #nav {float: left;}

#nav ul
{
font-size: 1.4em;
padding-left: 0;
margin-left: 0;
padding-right: 0;
margin-right: 0;
margin-bottom: 0;
background: #333 url(../images/nav-bg.png) top left repeat-x;
color: #efefef;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
border-bottom: none;
}

#nav ul li { display: inline; }

#nav ul li a
{
padding: .5em 1em;
background: #333 url(../images/nav-bg.png) top left repeat-x;
color: #efefef;
text-decoration: none;
float: left;
border-right: 1px solid #666;
border-bottom: none;
}

#nav ul li a.last {border-right: none;}

#nav ul li a:hover
{
background: #666 url(../images/nav-hover-bg.png) top left repeat-x;
color: #fff;
}

#nav ul li a.active {background: #5194B3 url(../images/nav-active-bg.png) top left repeat-x; color: #fff; font-weight: 300; border: none;}

#banner {float: left; margin-bottom: 10px; background-color: #333;}
#hire-link {position: absolute;top: 106px; left: 740px;}
#hire-link a {display: block;text-decoration: none; border: 0;background: transparent url(../images/hire-tag.gif) top left no-repeat; text-indent: -9999px; height: 100px; width:100px;}
#hire-link a:hover {background-position: 0 -102px;}
#banner-wrap {position: absolute;top: 230px; left: 150px;}
#banner-wrap h2 {color: #fff; width: 20em; font-weight: 300; font-size: 2.4em;}
#banner-wrap p {color: #fff; width: 32em; font-weight: 300; font-size: 1.4em; line-height: 1.5em}
#banner-wrap p a, #banner p a:link {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; padding: 0 2px 1px 1px;}
#banner-wrap p a:hover {color: #fff; text-decoration: none; border-bottom: none; background-color: #5194b3;}

#magnets {clear: left;}

#magnet-1 {float: left; width: 550px; margin-bottom: 15px;}
#slider {width: 550px; margin: 0 auto; position: relative;}

.scroll {
    height: 201px;
    width: 550px;
    overflow: hidden;
    position: relative;
    clear: left;
    background-color: #fff
	}

.scrollContainer div.panel {
    height: 240px;
    width: 551px;
padding-left:1px;
	}
	
#magnet-1 p.scrollButtons {

  position: absolute;
  top: -23px;
  height: 14px;
  width: 12px;
  cursor: pointer;
  text-indent: -9999px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  
}

#magnet-1 p.scrollButtons.left {
  background: url(../images/slider-sprite-arrow.gif) 0px -14px no-repeat;
  left: 392px;
  z-index: 1000;
}
#magnet-1 p.scrollButtons.left:hover {background: url(../images/slider-sprite-arrow.gif) -12px -14px no-repeat;}


#magnet-1 p.scrollButtons.right {
    background: url(../images/slider-sprite-arrow.gif) 0px 0px no-repeat;
    right: 4px;
	z-index: 1000;
}

#magnet-1 p.scrollButtons.right:hover {background: url(../images/slider-sprite-arrow.gif) -12px 0px no-repeat;}

#magnet-1 ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	border: none;
    position: absolute;
    left: 409px;
	width: 133px;
    top: -22px;
    z-index: 999;
	display: block;
	overflow: hidden;
	}

#magnet-1 ul.navigation li {
    width: 12px;
	list-style: none;
	text-indent: -9999px;
	margin-left: 1px;
	display: inline;
	overflow: hidden;
	}

#magnet-1 ul.navigation a {
    text-decoration: none;
	
	border: none;
	height: 12px;
	width: 12px;
	background: url(../images/button-sprite.gif) no-repeat -24px 0px;
	text-indent: -9999px;
	display: block;
	float: left;
	}
	
#magnet-1 ul.navigation a:visited { color: #ed1b2e; padding: 0px; border: none; }

#magnet-1 ul.navigation a:hover {
    background-color: #f6f6f6;
	color: #000;
	background: url(../images/button-sprite.gif) no-repeat -12px 0px;
	padding-bottom: 0px;
	border-bottom: none;
	}

#magnet-1 ul.navigation a.selected { 
	background-color: #eee;
	color: #000;
	background: url(../images/button-sprite.gif) no-repeat 0px 0px;
	}


#magnet-1 ul.navigation a:focus { outline: none; }
#magnet-1 h3 {background-color: #03244d; font-size: 2em; font-weight: 300; color: #fff; padding: 5px;}
#magnet-1 p {font-size: 1.4em; padding: .3em 0; margin-bottom: 0; line-height: 1.5em;}

.hp-featured {margin: 10px 5px; float: right; border: 1px solid #000;}

#magnet-2 {margin-left: 560px;}
* html #magnet-2 { height: 1%; margin-top: 0;}
#magnet-2 h3 {background-color: #03244d; font-size: 2em; font-weight: 300; color: #fff; padding: 5px;}
#magnet-2 p {font-size: 1.4em; padding: .3em 0;margin-bottom: 0; line-height: 1.5em;}

#magnet-3 {float: left; width: 410px; margin-bottom: 15px; margin-right: 10px;height: 170px;}
* html #magnet-3 { height: 1%; margin-top: 0;}
#magnet-3 h3 {background-color: #03244d; font-size: 2em; font-weight: 300; color: #fff; padding: 5px;}
#magnet-3 p {font-size: 1.4em; padding: .3em 0;margin-bottom: 0; line-height: 1.5em;}
#magnet-3 img{float: left; padding: 10px 10px 0 10px;}

#magnet-4 {float: left; width: 410px; margin-bottom: 15px; height: 170px;}
* html #magnet-4 { height: 1%; margin-top: 0;}
#magnet-4 h3 {background-color: #03244d; font-size: 2em; font-weight: 300; color: #fff; padding: 5px;}
#magnet-4 p {font-size: 1.4em; padding: .3em 0;margin-bottom: 0; line-height: 1.5em;}
#magnet-4 img{float: right; padding: 10px 10px 0 10px;}

#content-sub {float: left; width: 100%; margin-top: 10px;}

.sticky-note {background-color:#FCF0AD; padding:4px 13px 0 13px; text-align:justify; margin:5px 0 5px 17px; 
	font-size:.9em; font-weight:bold; width:570px;}

#subnav {float: left; width: 180px;}
#subnav ul {margin-top: 4em;margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
#subnav a {font-size: 1.4em;display: block;padding: 10px;width: 157px;background-color: #efefef;border-bottom: 1px solid #cdcdcd;}
#subnav a:link {color: #666; text-decoration: none;}
#subnav a:visited {font-size: 1.4em;display: block;background-color: #efefef;border-bottom: 1px solid #cdcdcd;}
#subnav a:hover {background-color: #333;color: #FFFFFF;}
#subnav li.last a {border-bottom: 0;}
#content-sub.blog #subnav { background: url(../images/blog-sidebar-bg.jpg) 0 0 repeat-y; margin-top: 16px; }
#subnav h3 { color:#369; font-size: 1.8em; font-weight: 300; width: 157px; border-bottom: 1px solid #369; margin: 20px 0 10px 0; padding: 10px 10px 3px 10px; }
#content-sub.blog #subnav ul {margin-top: 0;}
#subnav li.drop {font-size: 1.1em; background-color: #FFFFFF;} 
#subnav li.drop a {font-size: 1.1em;display: block;padding: 10px 0 10px 10px;width: 167px;background-color: #666; border:none; border-bottom: 1px solid #E9E9E9;}
#subnav li.drop a:link {color: #666;text-decoration: none;}
#subnav a:visited {color: #666;text-decoration: none;}
#subnav a:hover {color: #FFFFFF;text-decoration: none;}
#subnav li.drop a:hover {background-color: #A0A0A4;color:#FFFFFF;}


#subnav a.directions {display: inline;border-bottom: 1px solid #69c; color:#69c;}
#subnav a.directions:link, #subnav a.directions:visited {color: #69c;}
#subnav a.directions:hover {border-bottom: 1px solid #036;color: #036;}

address {clear:none;margin:0 0 1em 0;padding:0;line-height:1.5em;text-align:left; font-size: 1.4em; font-style: normal;}
.new {margin:0 0 0 0; padding: 0 0 0 0; float:left;}
#content {margin-left: 200px; margin-top: 10px; margin-bottom: 10px;}
#content.work {margin-left: 0;}
#content h2 {font-size: 2.4em; font-weight: 300; padding-bottom: 3px; border-bottom: 1px dotted #999; margin-bottom: 5px;}
#content h3 {font-size: 1.8em; font-weight: 300; margin-top: .75em;}
#content h4 { font-size: 1.6em; }
#content h3.byline { color:#036; }
#content h3.byline span.light-blue { font-style:italic; color:#369; }
#content p {font-size: 1.4em;padding: .3em .5em .3em 0; margin-bottom: 10px; line-height: 1.6em;}
#content p.note { font-size: 1.2em; color: #333; }
#content p#browse {color: #0D346D; font-weight: bold; width: 82px; float: right;font-size: 1.2em; margin: 3px -13px 0 0; padding-right: 0;}
#content ul {font-size: 1.4em;padding: .3em 0; margin-bottom: .75em; line-height: 1.5em;}
#content img {margin: .5em 1em;}

#content a.external {padding-right: 14px;background: #fff url(../images/work-link-icon.gif) right 4px no-repeat;}

#content a.vcard {padding-left:23px;background:url(../images/icon-vcard.gif) 0 2px no-repeat; border: none;}
#content a.vcard span {border-bottom: 1px dotted #369;}

#content a.ipad {color: #fff;border-bottom:none;}
#content a.ipad:hover {color: #fff;border-bottom:none;}
#content a.ipad:visited {color: #fff;border-bottom:none;}
#content span.ipad {
	font-size:48px;
	position:relative;
	top:-150px
	}
#content div.ipad {margin:auto;width:700px}
#content a.ipad img {float:none;display:inline;}
#content #pref-div {border:1px solid #ddd;width:170px;padding:3px 8px;background:#eee;float:right;position:relative;bottom:18px;}
#content #pref-div p {margin:0;color:#666;padding:2px 0;}
#content #pref-div p label {padding-right:4px;}
#content #pref {margin-right:5px;}

#content h3.byline { margin-bottom: .5em;}

#content.work h3.client {margin-top: .75em;}
#content.work img.screen {display:block;float:right;margin: 10px;margin-bottom: 20px;}
#content.work .work-nav {font-size: 1.2em;margin-top: 0;padding-top: 0px;float: right;}
#content.work a.vcard {padding-left:23px;background:url(../images/icon-vcard.gif) 0 2px no-repeat;}
#content.work .links p{margin: 0; padding: 0;}
#content.work #industrynav {margin-right: 516px;}
#content.work ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}
#content.work ul.no-float {
	float: none;
}

.story { margin-bottom: 20px; padding-bottom: 10px; border-bottom: #036 solid 1px; }
.story-last { margin-bottom: 20px; padding-bottom: 0; }

.top-magnet-01 {
	width: 225px;
	float: left;
	padding-right: 32px;
	margin: 15px 10px 15px 14px;
	}
	
.top-magnet-02 {
	width: 245px;
	float: left;
	padding-right: 10px;
	margin: 15px 0 15px 0;
	}
	
#content .top-magnet-01 p, #content .top-magnet-02 p { margin: 0; padding: 0;}
	
.lists { 
	clear: both; 
	width: 100%;
	}
	
#content a img.showcase-icon, #content a img.video-icon {
	float: left;
	border: 0;
	margin: 4px 15px 20px 0px;
	}

#content.work ul.news {
	float: none;
	margin-left: 2em;
	}

#content.work .sf-menu ul {
	position: absolute;
	top: -999em;
	}
	
#content.work #industrynav .sf-menu ul {width: 190px;}
#content.work #servicesnav .sf-menu ul {width: 280px;}


#content.work .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#content.work .sf-menu li {
	float: left;
	position: relative;
	margin-right: 7px;
	border: none;
	
	}
	
#content.work .sf-menu li a:link {border: none;}
/*#content.work ul.sf-menu li a, #content.work ul.sf-menu li a:hover ,#content.work ul.sf-menu li ul li a:hover, #content.work ul.sf-menu li ul li a:visited, #content.work ul.sf-menu li ul li a {
	border: none;
}*/
	
#content.work ul.sf-menu > li  a:hover, #content.work ul.sf-menu > li  a:visited {border:none;}
	
#content.work .sf-menu ul.drop {
	border: 1px #91989e solid;
}
	
#content.work .sf-menu a {
	display: block;
	position: relative;
	}
	
#content.work .sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 1px;
	top: 20px; /* match top ul list item height */
	z-index: 99;
	}
	
#content.work ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

#content.work ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 0; /* match ul width */
	top: 0;
	}
	
#content.work ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { 
        top: -999em; 
        }

#content.work ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 0px; /* match ul width */
	top: 0;
	}
#content.work #industrynav ul.sf-menu > li { 
	background: url(../images/dropdownmenu-industry.gif) 0 0 no-repeat;
	width: 59px;
	text-indent: -9999px;
	border: none;
	margin-top: 8px;
	height: 23px;


 }

#content.work #servicesnav ul.sf-menu > li {
	background: url(../images/dropdownmenu-service.gif) 0 0 no-repeat;
	width: 55px;
	text-indent: -9999px;
	border: none;
	margin-top: 8px;
	height: 23px;
 }
 
#content.work #servicesnav ul.sf-menu li li {
	border: none;
	text-indent: 0;

}

#content.work #industrynav ul.sf-menu li li {
	border: none;
	text-indent: 0;

}
#content.work .sf-menu li li a {
	color: #666;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding: 0px 0 0px 10px;
	background: #fff;
	}
	
#content.work #industrynav .sf-menu li li a {width: 180px;}
#content.work #servicesnav .sf-menu li li a {width: 270px;}
	
#content.work .sf-menu li li a:visited, #content.work .sf-menu li a:visited { color: #666;

border: none;
 }

#content.work .sf-menu li li a:hover {
	color: #444;
	background: #eee;
	}

#content.work a:hover, #content.work a:visted, #content.work a:link {border: none;}

/* apply hovers to modern browsers */
#content.work a:focus > .sf-sub-indicator,
#content.work a:hover > .sf-sub-indicator,
#content.work a:active > .sf-sub-indicator,
#content.work li:hover > a > .sf-sub-indicator,
#content.work li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#content.work .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
#content.work .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#content.work .sf-menu ul a:focus > .sf-sub-indicator,
#content.work .sf-menu ul a:hover > .sf-sub-indicator,
#content.work .sf-menu ul a:active > .sf-sub-indicator,
#content.work .sf-menu ul li:hover > a > .sf-sub-indicator,
#content.work .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#content #hire-form p {margin-bottom: .25em;}
#content #hire-form p.hire-title {margin-top:10px;}
#content #hire-form #why-smoke {display:none;}

#content ul {margin-left: 2em;}
#content ul.work-list {clear: right;float:left;width:30%;padding:0 1.5em 2em 0; list-style-type: square; margin-left: 0;}


#content ul.works {float:right; list-style:none; overflow:hidden; width: 286px; height: 200px; display:block; margin: 0; padding: 0;}

#content ul.history {float:right; list-style:none; overflow:hidden; width: 288px; height: 225px;
display:block; margin: 0; padding: 0;}

/*Rules for iPhone under Services*/
#content #iphone { float: right; width: 156px; margin: 0 15px 15px 15px; position: relative; }
#content #iphone img { margin: 0; }
#content ul.iphone-screen {position: absolute; top: 52px; left: 12px; list-style:none; overflow:hidden; width: 132px; height: 176px; display:block;margin: 0; padding: 0; }
/*End iPhone rules*/

/*Rules for Smart Phone under Services*/
#content #verizon-smartphone { float: right; width: 166px; margin: 0 15px 15px 15px; position: relative; }
#content #verizon-smartphone img { margin: 0; }
#content ul.verizon-smartphone-screen {position: absolute; top: 53px; left: 27px; list-style:none; overflow:hidden; width: 112px; height: 182px; display:block;margin: 0; padding: 0; }
/*End Smart Phone rules*/

#content.work a.work-link {padding-right: 14px;background: #fff url(../images/work-link-icon.gif) right 4px no-repeat; border-bottom: none;}
#content.work a.work-link span {border-bottom: 1px dotted #369;}

#content.work a.work-return-prev {padding: 3px 3px 3px 15px;background: #fff url(../images/return-arrow-icon.gif) left 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.work-return-prev {padding: 3px 3px 3px 15px;background: url(../images/return-arrow-icon.gif) left 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}

#content.work a.work-return-next {padding: 3px 15px 3px 3px;background: #fff url(../images/return-arrow-icon.gif) right 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.work-return-next {padding: 3px 15px 3px 3px;background: url(../images/return-arrow-icon.gif) right 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}

#content.work a.work-prev {padding: 3px 3px 3px 13px;background: #fff url(../images/previous-arrow-icon.gif) left 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.work-prev {padding: 3px 3px 3px 13px;background: url(../images/previous-arrow-icon.gif) left 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}


#content.work a.work-next {padding: 3px 13px 3px 3px;background: #fff url(../images/next-arrow-icon.gif) right 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.work-next {padding: 3px 13px 3px 3px;background: url(../images/next-arrow-icon.gif) right 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}

#featured {
	width: 825px;
	height: 619px;
	margin: 20px 0px 0px 2px;
	background-color:#202020;
	position:relative;
	}
	
.title {
	text-transform:uppercase;
	}	
		
a:hover.tip {
	text-decoration:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;
	}		
		
a:link.tip {
	text-decoration:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;
	}	
	
a:visited.tip {
	text-decoration:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;
	}	
	
#one {
	width: 825px;
	margin:0 0 0 0;
	padding: 35px 0 0 35px;
	}

#two {
	width: 825px;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	}

#three {
	width: 825px;
	margin:0 0 0 0;
	padding: 0 0 0 35px;
	}		
		
#one .feature-01 {
	display: block;
	height: 180px;
	width: 188px;
	float:left;
	margin: 0px 0px 0px 0px;
	background: url(../images/featured-1.jpg) 0 0 no-repeat;
	}	
	
#one .feature-01:hover { 
	background: url(../images/featured-1.jpg) -190px 0 no-repeat;
	} 
	
#one .feature-02 {
	display: block;
	height: 180px;
	width: 189px;
	float:left;
	background: url(../images/featured-2.jpg) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;	}
	
#one .feature-02:hover {
	background: url(../images/featured-2.jpg) -190px 0 no-repeat;
	}		
	
#one .feature-03 {
	display:block;
	height: 180px;
	width: 187px;
	margin: 0px 0px 0px 0px;
	float:left;
	background: url(../images/featured-3.jpg) 0 0 no-repeat;
	}
	
#one .feature-03:hover {
	background: url(../images/featured-3.jpg) -188px 0 no-repeat;
	}	
	
	
#one .feature-04 {
	background: url(../images/featured-4.jpg) 0 0 no-repeat;
	display: block;
	height: 180px;
	width: 189px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
		
#one .feature-04:hover {
	background: url(../images/featured-4.jpg) -191px 0 no-repeat;
	}		
	
	
#two .feature-05 {
	display:block;
	float:left;
	height: 159px;
	width: 188px;	
	margin: 0px 0px 0px 0px;	
	background: url(../images/featured-5.jpg) 0 0 no-repeat;	}
	
#two .feature-05:hover {
	background: url(../images/featured-5.jpg) -190px 0 no-repeat;
	}			
	
#two .feature-06 {
	background: url(../images/featured-6.jpg) 0 0 no-repeat;
	display: block;
	height: 159px;
	width: 189px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
		
#two .feature-06:hover {
	background: url(../images/featured-6.jpg) -190px 0 no-repeat;
	}
	
#two .feature-07 {
	background: url(../images/featured-7.jpg) 0 0 no-repeat;
	display: block;
	height: 159px;
	width: 187px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
		
#two .feature-07:hover {
	background: url(../images/featured-7.jpg) -190px 0 no-repeat;
	}		
		
#two .feature-08 {
	background: url(../images/featured-8.jpg) 0 0 no-repeat;
	display: block;
	height: 159px;
	width: 188px;
	float: left;
	}
		
#two .feature-08:hover {
	background: url(../images/featured-8.jpg) -187px 0 no-repeat;
	}
		
#three .feature-09 {
	background: url(../images/featured-9.jpg) 0 0 no-repeat;
	display: block;
	height: 225px;
	width: 189px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
		
#three .feature-09:hover {
	background: url(../images/featured-9.jpg) -190px 0 no-repeat;
	}
	
#three .feature-10 {
	background: url(../images/featured-10.jpg) 0 0 no-repeat;
	display: block;
	height: 225px;
	width: 189px;
	float: left;
	margin: 0 0 0 0;
	}
		
#three .feature-10:hover {
	background: url(../images/featured-10.jpg) -190px 0 no-repeat;
	}		

#three .feature-11 {
	background: url(../images/featured-11.jpg) 0 0 no-repeat;
	display: block;
	height: 225px;
	width: 187px;
	margin: 0px;
	float: left;
	}
		
#three .feature-11:hover {
	background: url(../images/featured-11.jpg) -190px 0 no-repeat;
	}

#three .feature-12 {
	background: url(../images/featured-12.jpg) 0 0 no-repeat;
	display: block;
	height: 225px;
	width: 189px;
	float: left;
	}
		
#three .feature-12:hover {
	background: url(../images/featured-12.jpg) -187px 0 no-repeat;
	}
		
#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	display: none;
	font-size: 12px;S
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
	}
	
#unitippoint { 
	background: url(../images/TipPoint-grey.png) no-repeat; 
	height: 19px; 
	overflow: hidden; 
	} 
	
#unitipmid { 
	background: url(../images/TipMid-grey.png) repeat; 
	width: 135px;
	height: auto; 
	padding: 0 5px;
	}
	
#unitipcap { 
	background: url(../images/TipCap-grey.png) no-repeat; 
	height: 7px; 
	overflow: hidden; 
	}	

/* IPIX NAV */
#content.work .ipix-nav {font-size: 1.2em;margin-top: 0;padding-top: 0; text-align: center;}
#content.work a.ipix-prev {padding: 3px 3px 3px 13px;background: #fff url(../images/previous-arrow-icon.gif) left 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.ipix-prev {padding: 3px 3px 3px 13px;background: url(../images/previous-arrow-icon.gif) left 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}
#content.work a.ipix-next {padding: 3px 13px 3px 3px;background: #fff url(../images/next-arrow-icon.gif) right 5px no-repeat; text-decoration: none;color:#369; border: none;}
#content.work a:hover.ipix-next {padding: 3px 13px 3px 3px;background: url(../images/next-arrow-icon.gif) right 5px no-repeat; text-decoration: none; background-color: #0b59a1; color: #fff;}
/* END IPIX */



.news li {
	list-style-type: square;
}

.services-list li {
	list-style-type: square;
}

#content ul.services-list {
	font-size: 1.4em;
	margin-bottom: 4px;
	line-height: 1.5em;
	padding: 0;
}

.news {
	margin: 0px;
}


.work-list li {margin:2px 0 2px 25px;padding:2px 0 2px 0;line-height: 1.5em;}
.work-list li a {text-decoration: none; border-bottom: 1px dotted #69c;}
.work-list li a:hover {text-decoration: none; border-bottom: 1px solid #036;}

h2#core	{display:block;overflow:hidden;height:0px !important;height /**/: 40px;margin:0;padding:40px 0 0 0;background:url(../images/coreprocess.gif) no-repeat;}

h3#identify {display:block;overflow:hidden;height:0px !important;height /**/: 40px;margin:10px 0 0 0;padding:40px 0 0 0;background:url(../images/identify.gif) no-repeat;}

h3#design {display:block;overflow:hidden;height:0px !important;height /**/: 40px;margin:10px 0 0 0;padding:40px 0 0 0;background:url(../images/design.gif) no-repeat;}

h3#build {display:block;overflow:hidden;height:0px !important;height /**/: 40px;margin:10px 0 0 0;padding:40px 0 0 0;background:url(../images/build.gif) no-repeat;}

h3#update {display:block;overflow:hidden;height:0px !important;height /**/: 40px;margin:10px 0 0 0;padding:40px 0 0 0;background:url(../images/update.gif) no-repeat;}


#idbu {display:block;overflow:hidden;height:0px !important;height /**/:125px;margin:0;padding:125px 0 0 0;background:url(../images/the-company-icons.png) 110px 20px no-repeat; border: none;}


.cp1 {padding:10px 45px 10px 10px;background:#f9fcff;}
.cp2 {padding:10px 45px 10px 10px;background:#ecf5ff;}

#footer {background-color: #f0f9fd; padding: 7px 5px 5px 10px; margin: 10px 0 0 0; clear: both; float: left; width: 815px;}
#footer p {font-size: 1.2em;}
#footer.home {padding-bottom: 5px;}
#footer.home p {font-size: 1.2em; margin: 0 0 5px 0; line-height: 1.6em;}

#footer.services {background-color: #f0f9fd; padding: 7px 5px 5px 10px; margin: 15px 0 0 0; clear: both;}
#footer.services p {font-size: 1.2em;}


ol {margin:2em 0 2em 3em;line-height:1.65em;}
ol li {margin:0 1em 20px;line-height:1.65em; font-size: 1.4em;}
* html ol li {margin:0 0 1em 25px;}

h6 {font-size:1.6em;color:#336699}

.left {float:left;}
.right {float:right;}

.clear {clear:both;}

.block {display:block;}
.inline {display:inline;}

.padding-left {padding-left:10px;}
.padding-right {padding-right:10px;}

.i-left {display:block;float:left;margin:5px 10px 10px 0;}
.i-right {display:block;float:right;margin:5px 0 10px 10px}
.vid-tour {display:block;float:right;margin:5px 20px 10px 15px}
.container {width:315px; float:right; margin:5px 0 10px 10px;}
.container2 {width:205px; float:right; margin:5px 0 10px 10px;}

.identity-logo {float:left;margin:5px 10px 10px 0;}

acronym {border-bottom: 1px dotted #999; cursor: help;}

.t-right {text-align:right;}
.t-center {text-align:center;}

.caption {font-size:.9em;}

.pullquote {float:right;width:200px;margin-left:5px;text-align:left;font-size:1.3em;font-weight:bold;}

.border {border:1px solid #999;}

.mission {font-size:1.5em;color:#369;text-align: center;}

.mission em {color:#036;}

.mission b {color:#036;}

img.feature {border: 1px solid #5194B3; padding: 3px;}

img.featureSEO {border: 1px solid #5194B3; padding: 2px; float:left;}

/* The following tag removes the underline to images that are links */

.img-none {border: none; margin-left: -.2em !important; margin: 0px; text-decoration: none;}
.img-none a:link {text-decoration: none; border: none;}
.img-none a:visited {text-decoration: none; border: none;}
.img-none a:hover {text-decoration: none; border: none;}

/* core process */
.core-process {float:left;margin-bottom:2px;background:#fff}
.core-process div {float:left;width:240px;}
.core-process h6 {padding:3px 8px;border-right:2px solid #fff;font-size:1em;color:#fff;}
.core-process p {padding:8px;font-size:.9em;}

#games {text-align:center;}
#games img {display:block;margin:0 auto;padding:3px 0;text-align:center;}
#games td {padding:10px;}

#zoom-controls	{margin:-15px 0 25px 0;padding:0 0 0 0;text-align:right;}



input, textarea, select, .check-group {border:1px solid #bbb;color:#333;padding-left:2px;}
textarea {padding-top:2px;}
.check-group {padding:3px 10px;margin-top:3px;width:410px;}
#outer #content .check-group p {margin-bottom:0;padding-bottom:0;}
input:focus, textarea:focus,select:focus, .check-group.active {outline:none;border:1px solid #5ba7cb;-moz-box-shadow: 2px 2px 2px #ddd;-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;}
input[type=checkbox] {border:none;}
#btnSubmit, #entrance .extranet #input {background:#6bc4ee;color:#fff;border:1px solid #5ba7cb;padding:2px;}
#btnSubmit:hover, #entrance .extranet #input:hover {background:#6fd3ff;cursor:pointer;-moz-box-shadow: 2px 2px 2px #ddd;-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;}


/* mosaic css */
		#mosaic-wrap {
		position:relative;height:375px;
		}
		#binding
		{
		position: absolute;
		top: 0;
		left: 0px;
		padding: 0;
		}
		.magnifier {
		position: absolute;
		border: solid 1px #0099cc;
		cursor: move;
		background-repeat: no-repeat;
		background-color: #fff;	
		}
		.magnifierShadow {
		position: absolute;
		background: transparent;
		padding: 0;
		margin: 0;
		}
		.magnifierController {
		display:none;
		color: #999;
		font-family: Trebuchet MS, Verdana, sans-serif;
		font-size: 10pt;
		}
		.magnifierControllerContainer {
		padding: 10px;
		}
		.magnifierControllerPrefix {
		color: #111;
		}
		


#contact-form {padding-bottom:40px;}
#contact-form label {display:block;float:left;clear:left;width:100px;margin:.25em 0 .25em; font-size: 1.4em;}
#contact-form input {float:left;margin:.25em 0 .25em;}
#contact-form input#btnSubmit {clear: left;margin-left: 100px;}
#contact-form p.extranet, #project-form p.extranet  { margin-left: 100px; margin-top: 10px; padding: 5px; background-color: #FFFFDF; width: 400px; border: 1px solid #FFE87F; text-align: left;}
#contact-form p.extranet input#spamalot, #project-form p.extranet input#spamalot {margin: 0;}
/*textarea {font: 1.2em Arial, Helvetica, sans-serif;}*/

#project-form p.extranet {margin-left:0;}
#project-form p {margin-bottom:0;}
#project-form label {font-size:1.4em;}
#project-form input, #project-form textarea, #project-form select, #project-form #frm-chk-group {border:1px solid #bbb;color:#333;}
#project-form input:focus, #project-form textarea:focus, #project-form select:focus, #project-form #frm-chk-group.active {outline:none;border:1px solid #5ba7cb;-moz-box-shadow: 2px 2px 2px #ddd;-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;}
#project-form input[type=checkbox] {border:none;}
#project-form #frm-chk-group input[type=checkbox] {margin:0px 3px 8px 0;}
#project-form input[type=text] {height:20px;padding-left:2px;}
#project-form td.margin {padding-top:10px}
#project-form .error {display:none;color:red;padding:5px;font-size:1.2em;}
#project-form #frm-chk-group {padding:10px 10px 3px;margin-top:3px;width:500px;}
#project-form #frm-chk-group p {padding:0;margin:0}
#project-form #btnSubmit {background:#6bc4ee;color:#fff;border:1px solid #5ba7cb;padding:2px;}
#project-form #btnSubmit:hover {background:#6fd3ff;cursor:pointer;-moz-box-shadow: 2px 2px 2px #ddd;-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;}
#project-form p.extranet span.error {font-size:inherit;}

a:link {
border-bottom:1px dotted #336699;
color:#336699;
padding-bottom:1px;
text-decoration:none;
}

a:visited {
border-bottom:1px dotted #333366;
color:#333366;
padding-bottom:1px;
text-decoration:none;
}

a:hover {
border-bottom:1px solid #000033;
color:#000033;
padding-bottom:1px;
text-decoration:none;
}

#entrance p.extranet {padding: 5px; background-color: #FFFFDF; width: 355px; border: 1px solid #FFE87F;}



.special-label {display: none;}
.special {width:5px;visibility:hidden;display: inline; height: 1px;}




.left2{width:165px; height:20px; float:left;font-size:1.4em;  padding: 4px 12px 4px 15px;  }
.right2{width:200px; height:20px; float:left; font-size:1.4em; padding: 4px 0 4px 0;}
.formhead{font-size:1.6em; }


.salary1{
	width:130px;
	float:left;
	font-size:1.4em;
	margin-bottom:8px;
} 
.salary2{width:130px; float:left; font-size:1.4em; margin-bottom:8px;} 
.salary3{width:130px; float:left; font-size:1.4em; margin-bottom:8px;} 

.salarywrap{width:390px;padding-top:10px;}
.salary1 input, .salary2 input, .salary3 input { margin-right: 5px; }

.odd-row {background-color: #efefef;}

#facebook.home a, #facebook.home a:link {
	font-size: 11px;
	text-align: right;
	width: 28px;
	height: 28px;
	padding-top: 5px;
	padding-right: 5px;
	margin-top: 20px;
	float: right;
	border-bottom: none;
	background: url(../images/facebook-24x24.png) top left no-repeat;
}

#facebook.channelk {
	font-size: 12px;
	text-align: right;
	width: 190px;
	height: 28px;
	margin-right: 20px;
	float: right;
	background-image: url(../images/facebook-24x24.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#facebook.contact a, #facebook.contact a:link {
	font-size: 12px;
	text-align: right;
	width: 70px;
	height: 26px;
	padding-top: 5px;
	margin-right: 20px;
	float: left;
	background-image: url(../images/facebook-24x24.png);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: none;
}

.space{ margin-top:10px;}

.team { margin: 0 0 4em 0; float: left;}
.team .member h3 a { color: #1e0a02; font: normal 16px/1.2;text-decoration: none; margin: 0;;}
.team .member h3 a:hover, .team .member h3 a:focus { color: #5194b3; text-decoration: none; }
.team .member { float: left; padding: 1em 0 0.5em; width: 550px; }
.team .member p { margin: 0.25em 0 0 105px; }
.team .member h3 { margin-bottom: 0;}
.team .member h4 { margin: 0 0 0 105px; font-style: italic; font-size: 13px; font-weight: normal; color: #5194b3; padding: 0; }

.team .member img {float:left;margin: 0 14px 10px 0;}

#identity-logo1 {
	text-align: left;
	width: 625px;
	height: 65px;
	padding-left: 200px;
	margin-bottom: 30px;
	float: left;
	border-bottom: none;
	background: url(../images/kinetic-logo-horizontal-white-sm.jpg) top left no-repeat;
}

#identity-logo2 {
	text-align: left;
	width: 625px;
	height: 110px;
	padding-left: 200px;
	padding-top: 30px;
	margin-bottom: 10px;
	float: left;
	border-bottom: none;
	background: url(../images/kinetic-logo-square-stack-white-sm.jpg) top left no-repeat;
}

#identity-logo3 {
	text-align: left;
	width: 625px;
	height: 65px;
	padding-left: 200px;
	margin-bottom: 30px;
	float: left;
	border-bottom: none;
	background: url(../images/kinetic-logo-horizontal-black-sm.jpg) center left no-repeat;
}

#identity-logo4 {
	text-align: left;
	width: 625px;
	height: 100px;
	padding-left: 200px;
	padding-top: 30px;
	margin-bottom: 30px;
	float: left;
	border-bottom: none;
	background: url(../images/kinetic-logo-square-stack-black-sm.jpg) center left no-repeat;
}


p#identity {margin-bottom: 30px;}

#identity-logo5 {
	text-align: left;
	width: 625px;
	height: 136px;
	padding-left: 200px;
	margin-bottom: 40px;
	float: left;
	border-bottom: none;
	background: url(../images/kinetic-logo-guide-icon.jpg) top left no-repeat;
}

p#identity {margin-bottom: 30px;}
p#identity {margin-bottom: 30px;}

img#error {
	float: left;
}
h2#error {
	font-size: 2.4em;
	font-weight: 300;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-left: 300px;
}

#vid-wrap {min-height:491px;margin: 10px 0 5px 0;}
#content p.note { margin-bottom: 20px; }
#index-blue-play-button {float: left; padding: 9px 9px 0 0;}
#work-page-blue-play-button {float:right; position:relative; right:55px; bottom:36px;}
/*#vid-magnets p {display:inline; float:left; width:175px; height:75px; padding:10px; margin:0; border-right:1px dotted #999999;}*/
#vid-magnets div {display:inline; float:left; width:180px; height: 75px; padding:8px 19px ; margin:0 0 10px 0;
	border-right:1px dotted #999999;}
	
#vid-magnets div.video-mag-03 { width: 170px; }
	
#vid-magnets div.first { padding: 8px 19px 8px 19px; }
#vid-magnets div.last { border-right: 0; padding: 8px 0 8px 19px; width: 155px; }

#vid-magnets img { float: right; margin: 0 0 0 8px; }
#vid-magnets img.magnet-01 { margin-top: 15px; }
#vid-magnets img.magnet-02 { margin-top: 12px; }
#vid-magnets img.magnet-03 { margin-top: 18px; }
#vid-right {float: right; clear:right; border:none;}
#vid-magnets p img {padding:0;margin:0;}
#vid-magnets p a.social {border: none;}

#vid-magnets div.last img {float: none;}

#content a.video-icon { background: url(../images/video-icon.png) 0 0 no-repeat; display: block; width: 28px; height: 28px; text-decoration: none; border-bottom: none; float: right; margin-right: 70px;}

#content a.showcase-icon { background: url(../images/showcase-icon.png) 0 0 no-repeat; display: block; width: 28px; height: 28px; text-decoration: none; border-bottom: none; float: right; margin-right: 75px; }

* + html #content a.video-icon {margin: -30px 70px 0 0; }
* html #content a.video-icon {margin: -30px 70px 0 0; }

#magnet-2 a.video-magnet { background: url(../images/video-magnet.png) 0 10px no-repeat; display: block; width: 50px; height: 58px; text-decoration: none; border-bottom: none; float: right; margin-left: 10px; }
#vid-right {float: right; clear:right; border:none;}

#video {background: url(../images/demovideo-holder.jpg) top left no-repeat;width: 828px; height: 491px;border: 1px solid #666;}
#video a {display: block;width: 828px; height: 491px;border: none;}

#video.replay {background: url(../images/demovideo-holder-replay.jpg) top left no-repeat;width: 828px; height: 491px;border: 1px solid #666}
#video.replay a {display: block;width: 828px; height: 491px;border: none;}

#video div#noFlash {background: url(../images/demovideo-holder-noflash.jpg) top left no-repeat;width:828px; height:491px;}
#video div#noFlash p {width:500px;position:relative;top:350px;left:162px;text-align:center;font-size:1.7em;}
#video div#noFlash p a {display: inline;width: auto; height: auto;border: none;text-decoration:dotted;border-bottom:1px dotted #336699;}
#video div#noFlash p a:hover {border-bottom:1px solid #000033;}

/*--------------------SLIDER STYLES---------------------*/
#slider-process {
    width: 600px;
    margin: 20px 0;
    position: relative;
	background-color: #f0f9fd;
	padding: 10px;
	}

.scroll-process {
    height: 375px;
    width: 600px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #fff
	}

.scrollContainer-process div.panel {
    padding: 20px;
    height: 375px;
    width: 560px;
	}
	
#content ul.navigation-process {
    list-style: none;
    margin: 0;
    padding-bottom: 9px;
	}

#content ul.navigation-process li {
    width: 120px;
	float: left;
	list-style: none;
	}

#content ul.navigation-process a {
    text-decoration: none;
	display: block;
	height: 20px;
	width: 90px;
	padding: 10px;
	border-bottom: 0;
	background-color: #e3e3e3;
	color: #666;
	}
	
#content ul.navigation-process a:visited { color: #666; }

#content ul.navigation-process a:hover {
    background-color: #333;
	color: #fff;
	}

#content ul.navigation-process a.selected { 
	background-color: #00b1ed;
	color: #fff;
	}

#content ul.navigation-process a:focus { outline: none; }

#content #slider-process img { margin: 30px; }

#content .sm-video-icon { float: left; margin: 1px 10px 0 0; border: 0; padding: 0; }

#subForm { 
	background-color: #6bc4ee;
	width: 157px;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
#subForm p { margin-bottom: 10px; }

#subnav #subForm a#subscribe {
	display: block;
	width: 126px;
	height: 21px;
	background: url(../images/subscribe-btn.png) top left no-repeat;
	text-align:center;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	}
	
#subnav #subForm a#subscribe:visited { color: #fff; }
	
#subnav #subForm a#subscribe:hover { background: url(../images/subscribe-btn.png) top right no-repeat; }

.pulledquote {
		background:url(../images/block-quote.png) -10px -20px no-repeat;
        display:block;
        width:220px;
        font-size:1.6em;
        border-right: 1px dotted #888;
        padding:8px 10px 10px 65px;
        margin: 10px;
        color: #6BC4EE;
		font-family: Georgia, Times, "Times New Roman", serif;
}

.pulledquote.qright {
        float:right;
}

.pulledquote.qleft {
        float:left;
}

#content .sm-pack {float:right; width: 165px; }

.sm-pack a {padding:10px 15px;text-indent:-9999px;display:block;float:left;width:45px;border:none;margin-left:6px}
.sm-pack .fb-link {background: url(../images/fb-share.jpg) 0 0 no-repeat}
.sm-pack .tw-link {background: url(../images/tw-tweet.jpg) 0 0 no-repeat}
.light {color:#ccc !important}

/*channel k page elements*/
#content #channelk-logotype {width:26px; height:26px; margin:0 0 -5px -1px;}
#outer #wrap #content-sub #content .story .borderless-right, 
#outer #wrap #content-sub #content .story-last .borderless-right {float:right; border:none; text-decoration:none;}
#outer #wrap #content-sub #content .story .borderless-left {float:left; border:none; text-decoration:none; margin-left:-3px;}
#content #min-image-height {min-height:230px;}
#content .no-underline {text-decoration:none; border:none;}
#content .story h4, #content .story h4 a, #content .story-last h4, #content .story-last h4 a {color:#333333;}
#content .story-last h4 a:hover,
#content .story h4 a:hover {color:#336699; border-bottom:1px dotted #333366; padding-bottom:1px; text-decoration:none;}
/*end rules for channel k page*/


/*    Client task styles     */

.clientForm td {padding:0.3em 0.5em 0.3em 0;}
.clientForm td.right {text-align:right;padding-right:5px;}
.clientForm select {width:147px;}
.clientForm table {border-left:1px solid #6BC4EE;padding-left:5px;}
#lblUpdateDescription {width:350px;display:block;}
.clientForm .column {float:left;}
.clientForm #col-2 {margin-left:50px;}


#content p.one {
	background: url(../images/1.png) 30px 19px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.two {
	background: url(../images/2.png) 65px 15px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.three {
	background: url(../images/3.png) 10px 16px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.four {
	background: url(../images/4.png) 30px 0 no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.five {
	background: url(../images/5.png) 40px 20px no-repeat;
	padding: 10px 0 20px 100px;
	}

#content p.six {
	background: url(../images/6.png) 10px 20px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.seven {
	background: url(../images/7.png) 15px 5px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.eight {
	background: url(../images/8.png) 45px 0 no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.nine {
	background: url(../images/9.png) 50px 20px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
#content p.ten {
	background: url(../images/10.png) 0 30px no-repeat;
	padding: 10px 0 20px 100px;
	}
	
/*-------E-NEWS SIGNUP CSS START----------*/

body#signup {
	background: #fff url(../images/enews-signup-body-bg.jpg) 0 0 repeat-y;
	
	}
	
#outer-wrap { 
	background: url(../images/enews-signup-bg.jpg) 0 0 no-repeat; 
	float: left;
	width: 100%;
	height: 600px;
	}
	
#signup #wrap {
	background: url(../images/signup-bg.png) 0 0 repeat-x;
	border: #eee solid 1px;
	padding: 30px;
	text-align: center;
	width: 600px;
	height: 350px;
	margin: 50px 110px 0 110px;
	}
	
a.channelk-logo { border: 0; }
	
#signup #wrap img { 
	border:0; 
	margin-bottom: 30px; 
	}
	
a:visited.channelk-logo { border-bottom: 0; }

#signup #footer { 
	background: none;
	text-align: center;
	width: 100%;
	font-size: 0.9em;
	color: #ccc;
	}
	
#signup #subForm, #signup h2 { 
	background: none;
	width: 100%;
	color: #333;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
	}
	
#signup #subForm p {
	text-transform: none;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	margin: 8px 0 20px 0;
	}
	
#signup p.signup a { 
	color: #fff; 
	border-bottom: #fff dotted 1px;
	}
	
#signup p.signup a:visited { color: #fff; } 
	
#signup p.signup a:hover { 
	color: #000;
	border-bottom: #000 dotted 1px; 
	}
	
#signup p.signup {
	text-transform: none;
	color: #000;
	font-size: 14px;
	margin: 8px auto 20px auto;
	width: 400px;
	line-height: 20px;
	}
	
#signup #subForm input[type=text] {
	width: 300px;
	border: #eee solid 1px;
	margin: 15px 0 15px 0;
	color: #fff;
	background: url(../images/enews-input-bg.png) 0 0 repeat;
	padding: 5px;
	font-size: 1.1em;
	}

#signup #subForm input#subscribe {
	display: block;
	width: 126px;
	height: 27px;
	background: url(../images/subscribe-btn.png) top right no-repeat;
	text-align:center;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
	margin: 0 auto;
	}
	
#signup #subForm input#subscribe:hover { background: url(../images/subscribe-btn.png) top left no-repeat; }


/*-------E-NEWS SIGNUP CSS END----------*/



/*-----------COMPANY/LOCATIONS PAGE ICONS BELOW-------------*/

/*Rules for all areas of directions*/
ul.directions {
	width:580px;
	}

.directions-box {
	display: block;
	width:550px;
	height:40px; 
	border-bottom:1px solid #ccc; 
	padding:10px 0 10px 70px;
	margin:0 0 5px 0;
	}

#content .directions-box h3 {
	font-size:1.5em;
	font-weight:bold;
	color: #336699;
	border-bottom: 1px dotted #336699;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}
	
#content .directions-box p {
	font-size:1.5em;
	font-weight: 600;
	color: #336699;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.supscript{
	vertical-align: 33%;
	font-size: 9px;
}
	
span.no-border { border-bottom: none; }
	
h3#bhm-airport:hover, h3#I65-south:hover, h3#I65-north:hover, h3#I59-south:hover, h3#I20-59-northeast:hover, 
h3#I20-west:hover, h3#us280-west:hover, h3#us31-north:hover { color:#000033; }
	
/*Specific background img/icons*/	
#bhm-airport { background:url(../images/hwy-icon-bhm-airport.png) left center no-repeat; }
	
#I65-south { background:url(../images/hwy-icon-i65-south.png) left center no-repeat; }
	
#I65-north { background:url(../images/hwy-icon-i65-north.png) left center no-repeat; }
	
#I59-south { background:url(../images/hwy-icon-i59-south.png) left center no-repeat; }
	
#I20-59-northeast { background:url(../images/hwy-icon-i20-59-northeast.png) left center no-repeat; }
	
#I20-west { background:url(../images/hwy-icon-i20-west.png) left center no-repeat; }
	
#us280-west { background:url(../images/hwy-icon-us280-west.png) left center no-repeat; }
	
#us31-north { background:url(../images/hwy-icon-us31-north.png) left center no-repeat; }

.print-show { display: none; }
/*-------E-NEWS SIGNUP CSS END----------*/

/*-------Rules for Birmingham helicoptor photo gallery below------------*/
img.borderless {border:none;}
#gallery-wrap p.small-and-bold {font-size:1.3em; font-weight:bold; color:#444444;}
#gallery-wrap {min-height:513px; padding:10px; background-color:#9ADDEF; border:1px solid #999999;}
#gallery-thumbnail-menu {float:left; width:92px; height:100px; position:relative; right:30px; top:10px; 
	margin:0; padding:0;}
#gallery-thumbnail-menu li {margin:0; padding:0; display:inline; width:40px;}
#gallery-thumbnail-menu li img {margin:0; padding:0; border:1px solid #666666; }
#gallery-thumbnail-menu li img:hover {border:1px solid #00C; cursor:pointer;}
#gallery-thumbnail-menu li span {position:absolute; left:100px; top:4px; display:none; margin:0; padding:3px;
	background-color:#FFFFFF; border:1px solid #666666; width:502px;}
#gallery-thumbnail-menu li #hidden-17 {display:inline;}
#gallery-thumbnail-menu li span img:hover {border:none; border:1px solid #666666;}
/*#gallery-thumbnail-menu li span.narrow {position:absolute; left:215px;}*/
#gallery-thumbnail-menu li span img {border:1px solid #666666;}
#gallery-thumbnail-menu li span p {font-size:.75em; letter-spacing:1px; margin:0; padding:0 0 3px 5px;}
#gallery-thumbnail-menu li span .italic {font-style:italic;}
#gallery-thumbnail-menu li span .narrow {margin-left:140px;}
#gallery-thumbnail-menu li span .small-caps {font-size:.9em; padding-top:4px; letter-spacing:3px; 
	font-variant:small-caps; font-style:normal;}
#gallery-thumbnail-menu li span p a {border:none;}
#gallery-thumbnail-menu li span .italic a {border-bottom: 1px dotted;}

/*---------Rules for Victoria Station page---------------*/
#content .station-press-list li{
	list-style-position: outside;
	list-style-type: square;
	padding-top: 5px;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 340px;
}
ul#vic-pics {
	list-style-type: none;
}

#station-vid {
	width: 450px;
	float: right;
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.float-left {
	margin: 0px;
	padding: 0px;
	width: 250px;
}

#vic-pics {
	height: 305px;
	width: 830px;
	overflow: hidden;
}