@import url("/wp-content/themes/chaione-rebrand/css/jquery.fancybox/jquery.fancybox.css");
/*=====================================================================
COLOR TABLE
-----------------------------------------------------------------------
LIGHT BLUE(LINKS)		#0185B7
DARK RED				#B80808
======================================================================*/

/* GLOBALS
===================================================================== */
body {
	margin: 0;
	padding: 0;
	font-size: .8em;
	background: #333;
	text-align: center;
	font: normal .8em Helvetica,Arial,sans-serif;
}
a {
	overflow: hidden;
	text-decoration: underline;
	color: #0185B7;
}
a img {
	border: none;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
p {
	line-height: 1.2em;
}

h1 {
	color: #000;
	text-transform: capitalize;
	margin: .3em 0;
	font-size: 13pt;
	letter-spacing: -1px;
}
h2 {
	color: #000;
	margin: .5em 0;
	font-size: 12pt;
}
.resetList, .resetList li ul {
	margin: 0;
	padding: 0;
}
.resetList li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}
.clear, .clearBoth {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.offLeft {
	position: absolute;
	left: -9999px;
}
/* FORMS */
input,textarea {
	font: inherit;
}
input.inputButton { /* SEE IE6, IE7 */
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

/* STRUCTURE
===================================================================== */
#wrapper {
	text-align: left;
	background: #FFF;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#navStrip {
	height: 80px;
	width: 960px;
	margin: 0 auto;
}
#logo {
	display: block;
	height: 54px;
	width: 160px;
	background: url(09-images/logo.gif) no-repeat left top;
	text-indent: -9999px;
	float: left;
}
.columnA {
	width: 580px;
	float: left;
}
.columnB {
	width: 370px;
	float: right;
}
#contentContainer {
	margin: 0 15px;
}
#contentContainer p {
	line-height: 1.2;
	margin: .5em 0;
}
#billboard {
	height: 379px;
	background: url(09-images/multi-color-accent-1.gif) repeat-x left 373px;
	color: #FFF;
}

#image_flicker {
	height: 378px;
	background: url(09-images/multi-color-accent-1.gif) repeat-x left 372px;
	color: #FFF;
}

#billboard #iphoneSlide {
	background: #000B32 url(09-images/billboard-background-iphone.jpg) no-repeat center top;
	height: 373px;
	position: relative;
}

#billboard #iphoneSlide1 {
	
	height: 373px;
	
}

#iphoneSlide .billboardMessage {
	position: absolute;
	left: 75px;
	top: 60px;
	width: 500px;
	font-size: 9pt;
}
#iphoneSlide .header{
	text-indent: -9999px;
	width: 442px;
	height: 72px;
	float: right;
	background: url(09-images/txt-iphone-apps.png) no-repeat left top;
}
#iphoneSlide .description{
	text-align: right;
	padding-bottom: 20px;
	margin: 10px 0;
	border-bottom: solid 1px #FFF;
	clear: both;
}
#iphoneSlide .client {
	width: 196px;
	height: 60px;
	background: url(09-images/iso9-logo.png) no-repeat left top;
	float: left;
	text-indent: -9999px;
	margin: 0;
}
#iphoneSlide .testimonial{
	text-align: right;
	height: 37px;
	width: 280px;
	float: right;
	margin: 0 0 20px;
	display: none;
}
#iphoneSlide .viewPortfolio {
	background: url(09-images/btn-view-portfolio.png) no-repeat left top;
	height: 18px;
	width: 109px;
	display: block;
	text-indent: -9999px;
	margin: 25px 0 0 auto;
	/*clear: both;*/
}
/* NAVIGATION
===================================================================== */
#nav09 {
	width: 710px;
	float: right;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 0;
	background: url(09-images/nav-bkg.gif) no-repeat left center;
	line-height: 40px;
}
#nav09 li {
	display: inline;
	margin: 0 10px;
}
#nav09 li a {
	color: #222;
	text-decoration: none;
	font-size: 11pt;
}
#nav09 li a:hover, #nav09 li.current_page_item a {
	color: #B80808;
}

#phone {
	width: 710px;
	float: right;
	text-align: right;
	position: absolute;
	top: 53px;
	right: 6px;
font-size:20px;
font-weight:bold;
color: #000000;
}
/* BUCKETS
===================================================================== */
#buckets {
	min-height: 200px;
}

#buckets li {
	width: 183px;
	margin-right: 10px;
	float: left;
}
#buckets li a {
	display: block;
	width: 183px;
	height: 161px;
	text-indent: -9999px;
}
#buckets p {
	font-size: .9em;
	font-weight: bold;
}
#buckets p em {
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #555;
}
#buckets #nestleDolceGusto a {
	background: url(09-images/portfolio-thumb-nestle.jpg) no-repeat left top;
}
#buckets #intelVpro a {
	background: url(09-images/portfolio-thumb-intel.jpg) no-repeat left top;
}
#buckets #microsoftReach a {
	background: url(09-images/portfolio-thumb-microsoft.jpg) no-repeat left top;
}
#buckets li.last {
	margin-right: none;
}

#aboutBlurb {
	margin: 24px 0 0;
}
.portfolioLink {
	color: #B80808;
	font-size: 14pt;
	display: block;
	margin-top: 7px;
}
hr.accent {
	clear: both;
	background: url(09-images/multi-color-accent-2.gif) repeat-x left top;
	height: 5px;
	border: none;
	display: block;
	margin: 10px 0;
}

/* BLOG EXCERPTS
===================================================================== */

#blogExcerpts h2 {
	margin: 0 0 .5em;
}
.blogEntry {margin-bottom: 20px;text-align: left;}
.blogEntry h2 {
	margin: .2em 0;
}
.blogEntry h2 a {
	color: #B80808;
	font-size: 11pt;
	text-transform: capitalize;
}
.blogEntry .meta {
	color: #555;
	font-style: italic;
	font-size: 9pt;
}
/* HOME FORM
===================================================================== */
#homeFormContainer {
	background: url(09-images/home-form-center.gif) repeat-y center top;
	width: 376px;
	text-align: center;
}
#formContBottom {
	background: url(09-images/home-form-bottom.gif) no-repeat center bottom;
}
#formContInner {
	padding: 10px 25px;
	background: url(09-images/home-form-top.gif) no-repeat center top;
}
#homeFormContainer h3 {
	margin: .5em 0;
	font-size: 13pt;
}
#homeFormContainer p {
	margin: .5em 0;
	color: #B80808;
}
#homeFormContainer form {

}
#homeFormContainer li {
	padding: 5px 0;
}
#homeFormContainer input, #homeFormContainer textarea {
	border: 1px solid #b8b8b8;
	background: #FFF url(09-images/input-background.gif) no-repeat left top !important;
	width: 320px; /* RESTRICT SAFARI RESIZE */
	max-width: 320px; /* RESTRICT SAFARI RESIZE */
	max-height: 250px; /* RESTRICT SAFARI RESIZE */
	padding: 5px;
}
#homeFormContainer input.inputButton {
	background: url(09-images/btn-get-quote.gif) no-repeat left top !important;
	width: 264px;
	height: 36px;
	margin: 10px 0 0 15px;
	padding: 0;
	border: none;
}
.helpText {color: #666;}
/* FOOTER
===================================================================== */
#footer {
	clear: both;
	border-top: solid 1px #999;
	padding: 15px 0 20px;
	color: #636363;
	font-size: 9pt;
}
#footer a {
	color: #636363;
}
/* MISC
===================================================================== */
#blogExcerpts #sharethis_1,
#blogExcerpts #sharethis_2,
#blogExcerpts #sharethis_3,
#homeFormContainer #sharethis_0 {
	position: absolute;
	left: -9999px;	
}
#homeFormContainer br {
	position: absolute;
	left: -9999px;	
}

/* TWEETS
===================================================================== */
#tweets {
	clear: both;
	padding: 5px 10px 10px;
	overflow: auto;
	border-top: solid 1px #999;
	background: #e1f1f8;
	position: relative;
}
#tweets h2 {
	color: #0c4162;
}
.aktt_tweets ul {
	margin: 0;
	padding: 0;
}
.aktt_tweets ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	float: left;
	line-height: 1.2;
	margin-right: 10px;
}
li.aktt_more_updates {
	float: none;
	clear: both;
	width: 100% !important;
}
li.aktt_more_updates a { /* MORE UPDATES */
	color: #0c4162;
	position: absolute;
	top: 3px;
	right: 7px;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: bold;
}
li.aktt_more_updates a:hover {
	text-decoration: none;
}

/* SOCIALTABS
===================================================================== 

#socialtab {
	position:fixed;
	width:48px;
	height:350px;
	z-index:10000;
	left: 0px;
	top: 150px;
}

#facebook {
	width:48px;
	height:173px;
	z-index:10001;
	margin-bottom:3px;
}

#twitter {
	width:48px;
	height:173px;
	z-index:10002;
}*/

/* SOCIALTABS
===================================================================== */

#socialtab {
	position:fixed;
	width:48px;
	height:155px;
	z-index:10000;
	left: 0px;
	top: 150px;
}

#facebook {
	width:48px;
	height:75px;
	z-index:10001;
	margin-bottom:3px;
}

#twitter {
	width:48px;
	height:75px;
	z-index:10002;
}