/*Setup*/
/*================================================================================*/
* { margin: 0px; padding: 0px; }

body, input, textarea, select {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
body {
	background: url(../images/K400.gif) center center fixed;
	color: #666666;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
}
#container {
	min-height: 100%;
	margin-bottom: -100px;
	position: relative;
}
.restrict-width {
	position: relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/*Global Styles*/
/*================================================================================*/
.clearfix:after {
	content: ".";
	display: block;   
	height: 0;
	clear: both;
	visibility: hidden;
}
.link {
	background: url(../images/external-link.png) top right no-repeat;
	padding-right: 12px;
}
a {
	color: #666666;
	text-decoration: none;
}
.caps {
	text-transform: uppercase;
}

/*Header*/
/*================================================================================*/
#logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 247px;
	height: 68px;
	background: url(../images/decor/header-logo.png) no-repeat;
	text-indent: -9999px;
}
#header {
	background-image: url(../images/decor/header.png);
	background-repeat: repeat;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
}
#header2 {
	color: #cccccc;
	position: fixed;
	z-index: 9998;
	top: 80px;
	left: 0;
	background: url(../images/decor/header-bkg.png) repeat-x;
	width: 100%;
	height: 50px;
}
ul#top-nav {
	padding-right: 100px;
	float: right;
	margin: 7px 0 0 0;
  	filter: alpha(opacity=85);
  	opacity: 0.85;
}
ul#top-nav li {
	display: block; 
	list-style: none; 
	float: left; 
	position: relative;
}
ul#top-nav li a {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #cccccc;
	text-decoration: none;
	padding: 5px 10px 13px 10px;
}
ul#top-nav li a:hover {
	cursor: default;
}
ul#top-nav ul { 
  	display: none; 
  	position: absolute; 
  	left: 0;
  	top: 36px; 
  	width: 150px;
  	padding-top: 6px; 
  	padding-bottom: 5px;
  	background: #000 url(../images/decor/menu-shadow.png) repeat-x;
  	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: none;
	text-align: left;
}
ul#top-nav ul li { 
	float: none; 
	background: #000;
}
ul#top-nav ul li a { 
	font-size: 12px;
	line-height: 14px;
	color: white;
}
ul#top-nav ul li a:hover {
	color: #33ccff;
	cursor: pointer;
}
ul#top-nav li a.blog-link:hover { 
	cursor: pointer; 
	color: #33ccff;
}
* html ul#top-nav ul { line-height: 0; } /* IE6 "fix" */
ul#top-nav ul a { zoom: 1; } /* IE6/7 fix */
ul#top-nav ul ul { top: 0; }

/*Content*/
/*================================================================================*/
#content {
	background-image: url(../assets/images/grass.jpg);
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 150px;
	width: 960px;
}
#montage {
	height: 200px;
	width: 660px;
}h1 {
	font-weight: bold;
	font-size: 200%;
}
#intro {
	position: relative;
	height: 190px;
}
#intro-web-apps, #intro-desktop-apps, #intro-mobile-apps {
	position: absolute;
	top: 0;
	left: 0;
	width: 806px;
	height: 190px;
	z-index: 100;
}
#intro-background { 
	position: absolute;
	top: 0;
	left: 0;
	width: 806px;
	height: 190px;
	background: url(../images/intro-bkg.png) no-repeat;
	display: none;
	z-index: 0;
}
#intro-tagline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 190px;
	text-shadow: 1px 1px 3px #333;
}
#intro-tagline .one, #intro-tagline .two, #intro-tagline .three { 
	display: none;
	position: absolute;
	font-size: 40px; 
	top: 0;
	left: 0;
	width: 806px;
	text-align: center;
}
#intro-tagline .two { top: 150px; }
#intro-tagline .three { 
	top: 145px; 
	left: 520px;
	font-size: 16px;
	width: 200px;
	filter: alpha(opacity=0);
  	opacity: 0;
}
#intro-tagline .three a {
	color: #faf2a5;
	text-decoration: none;
}
#intro-tagline .three a:hover {
	text-decoration: underline;
}
#intro-web-apps, #intro-desktop-apps, #intro-mobile-apps { display: none; }

#intro-desktop-apps ul {
	list-style: none;
}
#intro-desktop-apps ul li {
	display: block;
	float: left;
	width: 107px;
	text-align: center;
	padding: 0 10px;
}
#intro-desktop-apps ul li a { 
	display: block;
	width: 107px;
	font-size: 16px;
	color: #FFF;
}

/*Info Bar*/
/*================================================================================*/
#info-bar {
	position: relative;
	width: 806px;
	height: 266px;
	margin: 80px 77px -5px 77px;
	overflow: hidden;
}
#info-tabs {
	position: absolute;
	top: 211px;
	left: 0;
	width: 806px;
	height: 55px;
	z-index: 300;
}
#info-tabs ul {
	list-style: none;
}
#info-tabs ul li {
	display: inline;
}
#info-tabs ul li a {
	display: block;
	float: left;
	height: 55px;
	color: #FFF;
	text-shadow: 1px 1px 3px #333;
	text-indent: -9999px;
}
#info-desktop-apps a { 
	background: url(../images/focus-bar.png) no-repeat;
	background-position: 0 -56px;
	width: 263px; 	
}
#info-web-apps a { 
	background: url(../images/focus-bar.png) no-repeat;
	background-position: -263px -56px;
	width: 269px; 
}
#info-mobile-apps a { 
	background: url(../images/focus-bar.png) no-repeat;
	background-position: -532px -56px;
	width: 274px; 
}
#info-desktop-apps a:hover {
	background-position: 0 0;
}
#info-web-apps a:hover {
	background-position: -263px 0;
}
#info-mobile-apps a:hover {
	background-position: -532px 0;
}

#info-web-apps-icon, #info-desktop-apps-icon, #info-mobile-apps-icon {
	position: absolute;
	top: 200px;
	width: 149px;
	height: 132px;
	z-index: 100;
	overflow: hidden;
  	/* filter: alpha(opacity=60); */
  	/*opacity: 0.6;*/
}
#info-web-apps-icon {
	left: 312px;
	background: url(../images/icons/globe.png) no-repeat;
}
#info-desktop-apps-icon {
	left: 60px;
	background: url(../images/icons/box.png) no-repeat;
}
#info-mobile-apps-icon {
	left: 592px;
	background: url(../images/icons/iphone.png) no-repeat;
}
.intro h2 { 
	font-size: 22px; 
	text-align: left; 
	color: #FFF; 
	padding: 20px 50px 10px 50px; 
	text-shadow: 1px 1px 3px #333; 
}
.intro p {
	text-align: justify;
	font-size: 16px;
	padding: 0 50px;
	line-height: 2em;
}

/*Tabs*/
/*================================================================================*/
.tab {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 30px;
	height: 120px;
	margin: 0 0 0 -20px;
	text-indent: -9999px;
}
.tab-about {background: url(../images/tabs/tab-about.png) no-repeat;}
.tab-benefits {background: url(../images/tabs/tab-benefits.png) no-repeat;}
.tab-bio {background: url(../images/tabs/tab-bio.png) no-repeat;}
.tab-careers {background: url(../images/tabs/tab-careers.png) no-repeat;}
.tab-clients {background: url(../images/tabs/tab-clients.png) no-repeat;}
.tab-contact {background: url(../images/tabs/tab-contact.png) no-repeat;}
.tab-desktop {background: url(../images/tabs/tab-desktop.png) no-repeat;}
.tab-details {background: url(../images/tabs/tab-details.png) no-repeat;}
.tab-faq {background: url(../images/tabs/tab-faq.png) no-repeat;}
.tab-features {background: url(../images/tabs/tab-features.png) no-repeat;}
.tab-history {background: url(../images/tabs/tab-history.png) no-repeat;}
.tab-latest-news {background: url(../images/tabs/tab-latest-news.png) no-repeat;}
.tab-markets {background: url(../images/tabs/tab-markets.png) no-repeat;}
.tab-methodology {background: url(../images/tabs/tab-methodology.png) no-repeat;}
.tab-mobile-apps {background: url(../images/tabs/tab-mobile-apps.png) no-repeat;}
.tab-overview {background: url(../images/tabs/tab-overview.png) no-repeat;}
.tab-platforms {background: url(../images/tabs/tab-platforms.png) no-repeat;}
.tab-principles {background: url(../images/tabs/tab-principles.png) no-repeat;}
.tab-products {background: url(../images/tabs/tab-products.png) no-repeat;}
.tab-services {background: url(../images/tabs/tab-services.png) no-repeat;}
.tab-software {background: url(../images/tabs/tab-software.png) no-repeat;}
.tab-summary {background: url(../images/tabs/tab-summary.png) no-repeat;}
.tab-support {background: url(../images/tabs/tab-support.png) no-repeat;}
.tab-web-solutions {background: url(../images/tabs/tab-web-solutions.png) no-repeat;}

/*Box(All Boxes) Structure*/
/*================================================================================*/
.box1, .box2, .box3 { margin: 0 0 20px 0; }
.box1-head, .box2-head, .box3-head { height: 22px; }
.box1-foot, .box2-foot, .box3-foot { 
	height: 24px; 
	clear: both;
}
.box1-body, .box2-body, .box3-body {
	position: relative;
	min-height: 100px;
}

/*Box1(Large) Structure*/
/*================================================================================*/
.box1 { width: 960px; }
.box1-head { background: url(../images/boxes/box1-head-v2.png) no-repeat; }
.box1-body { background: url(../images/boxes/box1-body-v2.png) repeat-y; }
.box1-foot { background: url(../images/boxes/box1-foot-v2.png) no-repeat; }

/*Box2(Medium) Structure*/
/*================================================================================*/
.box2 { width: 580px; }
.box2-head { background: url(../images/boxes/box2-head.png) no-repeat; }
.box2-body { background: url(../images/boxes/box2-body.png) repeat-y; }
.box2-foot { background: url(../images/boxes/box2-foot.png) no-repeat; }

/*Box3(Small) Structure*/
/*================================================================================*/
.box3 { width: 330px; }
.box3-head { background: url(../images/boxes/box3-head.png) no-repeat; }
.box3-body { background: url(../images/boxes/box3-body.png) repeat-y; }
.box3-foot { background: url(../images/boxes/box3-foot.png) no-repeat; }

/*Box Content*/
/*================================================================================*/
.box-content {
	padding: 0 40px;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: left;
	font-weight: normal;
}
.box-content h2 {
	font-size: 1.6em;
	/* text-transform: uppercase; */
	letter-spacing: 0.0em;
	margin-bottom: 8px;
	color: #aedcff;
}
.box-content p {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}

/*Homepage Content*/
/*================================================================================*/
body#home .box1 .box-content {
	padding-top: 20px;
}
body#home h1 { 
	width: 373px;
	height: 57px;
	text-indent: -9999px;
	background: url(../images/welcome-h1.png) no-repeat;
}
body#home p.brief { 
	font-size: 1.1em; 
	line-height: 1.6em;
	text-align: left;
	margin: 10px 0 0 0;
	width: 440px;
	border-bottom: 1px solid #999;
	padding: 0 0 20px 0;
}
#blogtastic {
	clear: left;
	position: relative;
	width: 439px;
	padding: 12px 25px 0 0;
	margin: 0 0 20px 0;
}
#blogtastic h2 {
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
}
#blogtastic h2 a {
	color: #aedcff;
}
#blogtastic h2 a:hover {
	color: #fff;
	text-decoration: underline;
}
#blogtastic p a {
	color: #aedcff;
}
ul#slider {
	display: inline;
	position: relative;
    width: 390px;
    height: 300px;
    list-style-type: none;
    overflow: hidden;
    background: url(../images/iphone-vertical.png) 25px 0 no-repeat;
    padding: 0 0 0 25px;
    border-left: 1px solid #999;
}
ul#slider li {
    float: left;
    position: relative;
    margin: 46px 0 0 14px;
    /*display: none;*/
}
ul#slider li div {
    position: absolute;
    width: 200px;
    color: #fff;
    left: 150px;
    top: -20px;
    /*display: none;*/
    padding: 2px 10px;
   /* border: #fff 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
}
ul#slider li div h3 {
	font-size: 1.2em;
	border-bottom: 1px solid #999;
}
ul#slider li div p {
	margin: 5px 0 0 0;
	text-align: left;
}
a.details-button {
	display: block;
	float: right;
	width: 100px;
	height: 33px;
	background: url(../images/app-store-badge.png) 0 0;
	margin: 10px 52px 0 0;
	text-indent: -9999px;
}
a.details-button:hover { background-position: 0 33px; }

/*Dock Product Menu*/
/*================================================================================*/
.product-chooser {
	padding: 0 9px 0 12px;
}
.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 10px 10px 0 10px;
    height: 160px;
    width: 918px;
}
.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}
.sliderGallery ul li { 
	display: inline; 
	width: 107px;
	height: 120px;
	margin: 0 0 0 10px;
}
.slider {
    width: 908px;
    height: 17px;
    margin-top: 140px;
    margin-left: 5px;
    padding: 1px;
    position: relative;
    background: url(../images/productbrowser_scrollbar_20070622.png) no-repeat;
}
.handle {
    position: absolute;
    cursor: pointer;
    height: 17px;
    width: 181px;
    top: 0;
    background: url(../images/productbrowser_scroller_20080115.png) no-repeat;
    z-index: 100;
}
.slider span {
    color: #fff;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 0px;
}
.slider .slider-lbl1 { left: 50px; }
.slider .slider-lbl2 { left: 300px; }
.slider .slider-lbl3 { left: 550px; }
.slider .slider-lbl4 { left: 800px; }
.slider .slider-lbl5 { left: 850px; }

/*---------------------*/
div.scrollable {
	position: relative;
	float: left;
	overflow: hidden;	 	
	width: 860px;	
	height: 120px;	
	padding: 12px 0 0 0;					
}
div.scrollable div.items {	
	width: 20000em;	
	position: absolute;
	clear: both;		
	margin-left: 10px;
}
div.scrollable div.items div {
	float: left;
	text-align: center;
	width: 107px;
	margin-right: 18px;
}
div.scrollable div.items div h3 a {
	display: block;
	line-height: 1.2em;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	margin: -20px 0 0 0;
}	
div.scrollable div.items div h3 a:hover {
	color: #fff;
}
div.scrollable div.items div h3 a img {
	position: relative;
	top: 20px;
	margin: 0 0 15px 0;
}	
a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/left.png) no-repeat;
	float: left;
	margin: 50px 5px 0 8px;
	cursor: pointer;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -24px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage {
	background-image: url(../images/right.png);
	clear: right;	
}

/*Summary Area*/
/*================================================================================*/
.icon-holder {
	position: relative;
	float: left;
	width: 107px;
	height: 80px;
	margin: -20px 0 0 -40px;
}
.icon-holder img {
	position: absolute;
	top: -15px;
	left: 10px;
}
.icon-holder img.gnome-icon {
	top: 20px;
	left: 30px;
}
.product-summary {
	/*min-height: 273px;*/
}
.product-summary h2 {
	font-size: 1.8em;
	margin: 0 0 10px 80px;
	padding: 10px 0 0 0;
}
.product-summary h2 span {
	font-size: 0.5em;
	font-weight: normal;
	color: #fff;
}
.product-summary h2 span a {
	color: #aedcff;
}
.product-summary h2 span a:hover {
	text-decoration: underline;
}
.product-summary p a {
	color: #fff;
	text-decoration: none;
}
.product-summary p a:hover {
	text-decoration: underline;
}

/*Details Area*/
/*================================================================================*/
.details a.download {
	display: block;
	float: left;
	height: 32px;
	width: 120px;
	background: url(../images/icons/download.png) 0 center no-repeat;
	font-size: 1.4em;
	padding: 13px 0 0 40px;
	color: #fff;
	text-decoration: none;
}
.mu-logos {
	float: right;
	margin: 0 0 10px 10px;
	}
dl.specs {
	line-height: 1.6em;
	width: 260px;
}
dl.specs dt {
	clear: both;
	float: left;
}
dl.specs dd {
	clear: right;
	float: right;
}
dl.specs dd a {
	color: #aedcff;/*8dbe52 green */
	text-decoration: none;
}
dl.specs dd a:hover {
	text-decoration: underline;
}
dl.specs dd.cbox {
	clear: left;
}
dl.specs dd a img {
	float: left;
	margin: 8px 5px 0px 5px;
	border: 2px solid transparent;
}
dl.specs dd a:hover img {
	border: 2px solid #fff;
}

/*Features Area*/
/*================================================================================*/
ul.checklist li { 
	background: url(../images/check.png) left 3px no-repeat;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	margin-bottom: 6px;
}

/*Download & Support Area*/
/*================================================================================*/
.actions { 
	list-style-type: none;
	margin: 0 0 0 -6px;
}
.actions a {
	display: block;
	height: 32px;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	padding: 0 0 0 42px;
}
.actions a.screencast { background: url(../images/icons/screencast2.png) 0 center no-repeat; }
.actions a.frequent { background: url(../images/icons/faq.png) 0 center no-repeat; }
.actions a.support { background: url(../images/icons/support.png) 0 center no-repeat; }
.actions a.mail { background: url(../images/icons/mail.png) 0 center no-repeat; }
.actions a.update { background: url(../images/icons/rss.png) 0 center no-repeat; }
.actions a.beta { background: url(../images/icons/betaicon.png) 0 center no-repeat; }
.actions p {
	font-size: 0.9em;
	color: #999;
	margin: -18px 0 15px 42px;
}
.faq {
	margin: 20px 0 0 0;
}
.phases h2, .services h2 {
	font-size: 1.2em;
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
}	
.phases p, .services p {
	margin: 0 0 20px 0;
}
.faq h3 {
	width: 490px;
	float: left;
	padding: 2px 5px;
	cursor: pointer;
	background: transparent;
	color: #ddd;
	border: 1px solid transparent;
	font-weight: normal;
}
.faq h3:hover {
	color: #aedcff;
}
.faq div {
	clear: both;
	float: left;
	color: #aaa;
	height: 0px;
	width: 480px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid transparent;
}
.faq div p, .verticals div p {
	display: none;
	font-size: 0.9em;
}
.faq h3.hilite {
	background: #262626;
	color: #aedcff;
	cursor: default;
	border: #666 1px solid;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.faq div.open {
	background: #202020;
	border-bottom: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
div.faq-nav-help a {
	color: #aedcff;
}
h3.list-header { 
	font-size: 1.2em;
	border-bottom: 1px solid #999;
}
.mini-list { 
	list-style-type: disc;
	margin: 10px 0 0 10px; 
}
.verticals h3 {
	color: #aedcff;
}
.verticals h3:hover {
	color: #fff;
	cursor: pointer;
}
.verticals h3.hilite {
	color: #fff;
	cursor: default;
}
.verticals div { 
	margin-left: 20px;
	border-top: 1px solid transparent; 
}
.verticals div.open {
	border-top-color: #fff;
	color: #fff;
	border-top: 1px solid;
	padding: 0 0 0 10px;
}
.verticals h3 {
	font-weight: normal;
	cursor: pointer;
	border-top: 1px solid transparent;
}

/*Services*/
/*================================================================================*/
.service-links a {
	display: block;
	float: left;
	width: 64px;
	height: 30px;
	font-size: 1.4em;
	padding: 70px 0 0 0;
	margin: 0 8px;
	text-align: center;
	border: 1px solid transparent;
}
.service-links a.desktop { background: url(../images/icons/box-sm.png) 0 2px no-repeat; }
.service-links a.desktop:hover { background: url(../images/icons/box-sm.png) 0 0 no-repeat; }
.service-links a.web { background: url(../images/icons/globe-sm.png) 0 8px no-repeat; }
.service-links a.web:hover { background: url(../images/icons/globe-sm.png) 0 6px no-repeat; }
.service-links a.mobile { background: url(../images/icons/iphone-sm.png) 13px 2px no-repeat; }
.service-links a.mobile:hover { background: url(../images/icons/iphone-sm.png) 13px 0 no-repeat; }
.fw-services { 
	width: 433px;
	height: 87px;
	text-indent: -9999px;
	background: url(../images/foreword-services.png) no-repeat; 
}

/*Mobile Services Page*/
/*================================================================================*/
.iphone-apps a, .iphone-apps a.landscape {
	display: block;
	float: left;
	width: 84px;
	height: 160px;
	margin: -30px 15px 20px 15px;
	text-align: center;
	line-height: normal;
	color: #888;
}
.iphone-apps a b, .iphone-apps a.landscape b {
	display: block;
	width: 84px;
	position: absolute;
	top: 131px;
	font-weight: normal;
}
.iphone-apps a.landscape b {
	width: 155px;
	top: 105px;
}
.iphone-apps a.landscape {
	width: 155px;
	height: 84px;
	margin: 15px 15px 20px 15px;
}
.android-apps a {
	display: block;
	float: left;
	width: 84px;
	height: 155px;
	text-indent: -9999px;
	margin: -30px 15px 0 -15px;
}
a.rick-steves-paris { background: url(../images/screens/iphone/rick-steves-paris.png) 0 0 repeat-x; }
a.rick-steves-louvre { background: url(../images/screens/iphone/rick-steves-louvre.png) 0 0 repeat-x; }
a.twilight-tracker { background: url(../images/screens/iphone/twilight-tracker.png) 0 0  repeat-x; }
a.best-camera { background: url(../images/screens/iphone/best-camera.png) 0 0  repeat-x; }
a.allrecipes-spinner { background: url(../images/screens/iphone/allrecipes-spinner.png) 0 0 repeat-x; }
a.mobile-warrior { background: url(../images/screens/iphone/mobile-warrior.png) 0 0 repeat-x; }
a.perfectly-clear { background: url(../images/screens/iphone/perfectly-clear.png) 0 0 repeat-x; }
a.ilightr-app { background: url(../images/screens/iphone/ilightr-app.png) 0 0 repeat-x; }
a.ilightr-android { background: url(../images/screens/iphone/ilightr-android.png) 0 0 repeat-x; }
a.priceless-picks { background: url(../images/screens/iphone/priceless-pics.png) 0 0 repeat-y; }
a.rick-steves-paris:hover, 
a.rick-steves-louvre:hover, 
a.twilight-tracker:hover,
a.best-camera:hover,
a.allrecipes-spinner:hover,
a.mobile-warrior:hover,
a.perfectly-clear:hover,
a.ilightr-app:hover { 
	background-position: 84px 0; 
	color: #fff;
	font-size: 1em;
}
a.priceless-picks:hover { 
	background-position: 0 84px; 
	color: #fff;
	font-size: 1em;
}
.fw-mobile { 
	text-align: center;
	padding: 40px;
	text-indent: -9999px;
	background: url(../images/foreword-mobile.png) no-repeat; 
}
#mobile-faq p { margin-bottom: 10px; }

/*Web Services Page*/
/*================================================================================*/
ul#monitor {
	position: relative;
	float: left;
	width: 262px;
	height: 204px;
	background: url(../images/monitor.png) no-repeat;
    list-style-type: none;
    overflow: hidden;
    margin: 75px 20px 0px -5px;
}
ul#monitor li {
    float: left;
    position: relative;
    width: 235px;
    height: 143px;
    margin: 7px 0 0 13px;
    /*display: none;*/
}
.fw-web { 
	position: absolute;
	top: 5px;
	left: 40px;
	width: 391px;
	height: 46px;
	text-indent: -9999px;
	background: url(../images/foreword-web.png) no-repeat; 
}
.par1-web {
	position: relative;
	margin: 75px 0 20px 0;
	width: 220px;
	float: right;
}

/*Desktop Services Page*/
/*================================================================================*/
.fw-desktop { 
	width: 405px;
	height: 58px;
	text-indent: -9999px;
	background: url(../images/foreword-desktop.png) no-repeat; 
}
p.tech {
	width: 250px;
	text-align: center;
	margin: 0 auto;
}
ul.tech-list {
	width: 150px;
	text-align: center;
	margin: 40px 80px 0 0; 
}
ul.tech-list li { margin: 5px 0; }
ul.tech-list li b { font-size: 1.2em; }
.tech-logos { margin: 20px 20px 20px 0; }

/*Clients Page*/
/*================================================================================*/
.fw-clients { 
	width: 182px;
	height: 46px;
	text-indent: -9999px;
	background: url(../images/foreword-clients.png) no-repeat; 
}
#gallery { position: relative; }
#biz-cards { 
	position: relative; 
	height: 120px; 
	margin: 40px 0 0 20px;
	padding: 0 0 20px 0;
}
#biz-cards img { 
	position: absolute; 
	top: 0; 
	left: 0;
	cursor: pointer;
}
#biz-cards .case { 
	display: none;
	position: absolute;
	top: 0;
	right: 20px;
	width: 220px;
	height: 120px;
	margin: 0 0 20px 30px;
	padding: 0 0 0 30px;
	border-left: #999 1px solid;
}
#biz-cards .case h2 {
	font-size: 1.2em;
	margin: 0 0 0 0;
}
ul.client-list {
	width: 165px;
	float: left;
	padding: 20px 0 0 0;
	border-top: #999 1px solid;
}
	
/*About Page*/
/*================================================================================*/
.bio-pic {
	float: left;
	margin: 5px 20px 20px 0;
	border: #999 1px solid;
}

/*Contact Page*/
/*================================================================================*/
#contact iframe {
	float: left;
	width: 425px;
	height: 350px;
	border: #999 2px solid;
}
#contact-info {
	float: left;
	margin-left: 15px;
}
#contact-info a {
	color: #aedcff;
	text-decoration: none;
}
#contact-info p {
	margin-top: 15px;
}
ul.bullets {
	list-style: disc;
}

/*News Page*/
/*================================================================================*/
#news-blog {
	float: left;
}
#news-blog a {
	color: #aedcff;
	text-decoration: none;
}
#news-blog a:hover {
	color: #aedcff;
	text-decoration: underline;
}
#news-blog p {
	margin-top: 15px;
}

/*Footer*/
/*================================================================================*/
.clearfooter {
	height: 400px;
	clear: both;
	margin: 100px 0 0 0;
}
#social-media {
	position: fixed;
	width: 192px;
	z-index: 9999;
	bottom: 0px;
	right: 0px;
}
#social-media a {
	position: absolute;
	display: block;
	top: -12px;
	text-indent: -9999px;
	width: 64px;
	height: 56px;
	font-size: 1.1em;
	opacity: 0.4;
}
#social-media a span {
	display: none;	
}
.rss { 
	background: url(../images/icons/rss_64x64.png) no-repeat; 
}
.facebook { 
	left: 64px;
	background: url(../images/icons/facebook_64x64.png) no-repeat; 
}
.twitter { 
	left: 128px;
	background: url(../images/icons/twitter_64x64.png) no-repeat; 
}
#social-media a:hover { 
	text-align: right;
}
#social-media a:hover span {
	color: #fff;
	margin-right: 60px;
}
#footer-shadow {
	height: 12px;
	background: url(../images/decor/footer-shadow.png) repeat-x;
}
#footer {
	height: 80px;
	position: relative;
	background: url(../images/decor/footer-bg.gif) repeat;
	text-align: left;
	overflow: hidden;
}
#captcha-wrap {
	height: 500px;
	background: url(../images/decor/footer-bg.gif) repeat;
	text-align: left;
	overflow: hidden;
}
#site-map {
	float: left;
	width: 620px;
	margin: 0 0 0 10px;
}
.footer-title, .footer-title1, .footer-title2, .footer-title3 {
	width: 95%;
	font-size: 1.6em;
	margin: 20px 0 0 0;
	padding: 0.2em 10px;
	border-bottom: #474747 1px solid;
}
.footer-title2, .footer-title3 {
	display: none;
}
#footer dl {
	float: left;
	width: 180px;
	margin: 0 15px 10px 10px;
}
#footer dt {
	font-size: 1.2em;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}
#footer dd {
	text-indent: 10px;
}
#footer dd a {
	display: block;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: #303030 1px solid;
}
#footer dd a:hover {
	color: #fff;
	border-bottom: #aedcff 1px solid;
}
#contact-form-wrap {
	float: left;
	width: 255px;
	margin: 0 0 0 20px;
}
#contact-form-wrap form {
	margin: 10px 0 0 10px;
}
form#contact input {
	margin: 0 0 15px 0;
}
input.contact-input, textarea.contact-textarea {
	width: 220px;
	border: none;
	padding-left: 5px;
	color: #555;
}
input.contact-input {
	height: 22px;
	background: url(../images/input.png) no-repeat;
	padding-top: 3px;
}
textarea.contact-textarea {
	height: 75px;
	background: url(../images/textarea.png) no-repeat;
	padding-top: 5px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
label#name_error, label#email_error, label#message_error {
	display: none;
	position: relative;
	top: -12px;
	left: 5px;
	font-size: 1.2em;
}
#show-captcha, #submit {
	display: block;
	position: relative;
	top: 10px;
	left: 150px;
	width: 77px;
	height: 26px;
	background: url(../images/submit-button.png);
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	overflow: hidden;
}
#submit {
	width: 118px;
	background: url(../images/human-button.png);
	left: 100px;
}
#show-captcha:hover, #submit:hover {background-position: 0 52px;}
#show-captcha:active, #submit:active {background-position: 0 26px;}
#hidden-captcha,#hidden-thanks, #hidden-error {
	display: none;
	position: absolute;
	font-size: 1.2em;
}
#hidden-captcha-error {
	display: none;
}
.contact-error {
	color: #f33;
}
input#search {
	position: relative;
	width: 77px;
	height: 26px;
	background: url(../images/search-button.png);
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}
input#search:hover {background-position: 0 52px;}
input#search:active {background-position: 0 26px;}
p.contact {
	left: 5px;
	clear: both;
	position: absolute;
	bottom: 5px;
	color: #666;
	font-size: 10px;
	text-align: left;
}

                    
                                                                                    
p.copyright {
	clear: both;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #666;
	font-size: 10px;
	text-align: right;
}

/*Shortcut Classes*/
/*================================================================================*/
.right { float: right !important; }
.left { float: left !important; }
.none { float: none !important; }
.clearleft { clear: left !important; }
.clearright { clear: right !important; }
.clear { clear: both !important; }
.top { margin-top: 100px !important; }
.border { border: 1px dashed red; }
p.test {
	clear: both;
	background: yellow;
	color: #000;
	font-weight: bolder;
	padding-left: 10px;
}