/*
	XTONE styles
	Developed by Foamcube

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* --- Formatting --- */

/*
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -234px;
}
.footer, .push {
height: 234px;
}
*/

body
{ color:#111; font:normal .80em/1.4em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#369 }
a:visited
{ color:#47a }
a:hover, a:active
{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 10px 1.2em; padding:0 }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#237493; background-color:#237493; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#237493; margin:0 0 .9em; padding:0; font:bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124%; margin-bottom:.2em; }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em; }

#content h1
{ margin:0; padding:0; display:block; width:208px; height:45px; overflow:hidden; text-indent:-9999px; }

#services #content h1
{ background:url(../images/hdr-services.gif) no-repeat; }

#technology #content h1
{ background:url(../images/hdr-technology.gif) no-repeat; }

#about #content h1
{ background:url(../images/hdr-about.gif) no-repeat; }

#contact #content h1
{ background:url(../images/hdr-contact.gif) no-repeat; }

#styleguide #content h1
{ background:url(../images/hdr-styleguide.gif) no-repeat; }

p.tagline
{ font:normal 150%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif; color:#237493; margin-top:.7em; }

/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_arrow.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }


/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#237493; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
.even, .even td
{ background-color:#92B0BD }



/* --- Layout --- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ margin:0; padding:0; background:#fff url(../images/bg.gif) repeat-x; }

body#home
{ background:url(../images/bg-home.gif) repeat-x; }

#wrapper
{ width:1007px; margin:0 auto; padding:35px 0 0 0; }

body#home #wrapper
{ width:1024px; }

/* - Header - */
#header
{ zoom:1; width:924px; padding:0 59px 0 24px; }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo
{ float:left; }
/* Navigation */
#navigation
{ zoom:1; width:395; zoom:1; float:right; margin:26px 0 0 0; padding:0; }
	#navigation:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#navigation li
{ height:36px; overflow:hidden; float:left; margin:0 0 0 3px; padding:0; }

#navigation li a
{ display:block; height:36px; text-indent:-9999px; }
#nav-services a
{ width:87px; background:url(../images/nav-services.gif) no-repeat; }
#nav-technology a
{ width:109px; background:url(../images/nav-technology.gif) no-repeat; }
#nav-about a
{ width:95px; background:url(../images/nav-about.gif) no-repeat; }
#nav-contact a
{ width:104px; background:url(../images/nav-contact.gif) no-repeat; }
#navigation li a:hover, #navigation li a.active
{ background-position:0 -36px; }

/* - Content area - */
#contentwrapper
{ zoom:1; padding:65px 64px 0 64px; background:url(../images/bg-interior-content-top.gif) no-repeat; min-height:565px; }
	#contentwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#content
{ zoom:1; float:left; width:66%; }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#rightcol
{ float:right; padding-top:25px; }

/* Columns */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #e0e0e0; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ margin-right:0; padding-left:1.4% }




#watch-video
{ width:174px; height:45px; overflow:hidden; margin:39px 0 15px 0; }
#watch-video a
{ width:174px; height:45px; display:block; text-indent:-9999px; background:url(../images/btn-video.gif) no-repeat; }
#watch-video a:hover
{ background-position:0 -45px; }



#contact-xtone
{ width:124px; height:34px; overflow:hidden; margin:15px 0 15px -5px; }
#contact-xtone a
{ width:124px; height:34px; display:block; text-indent:-9999px; background:url(../images/btn-contact.gif) no-repeat; }
#contact-xtone a:hover
{ background-position:0 -34px; }


/* homepage */
#three-sections
{ width:1024px; }
#three-sections ul, #three-sections ul li
{ margin:0; padding:0; }
#three-sections ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#three-sections ul li
{ float:left; display:block; height:169px; overflow:hidden; }

#three-sections ul li#services
{ width:334px; }

#three-sections ul li#technology
{ width:339px; }

#three-sections ul li#about
{ width:351px; }

#three-sections ul li a
{ display:block; height:69px; }

#three-sections ul li#services a
{ padding:100px 48px 0 48px; width:238px; background:url(../images/home-big-services.gif); }
#three-sections ul li#technology a
{ padding:100px 59px 0 59px; width:221px; background:url(../images/home-big-technology.gif); }
#three-sections ul li#about a
{ padding:100px 59px 0 59px; width:231px; background:url(../images/home-big-about.gif); }


/* - Footer - */
#footer
{ clear:both; background:url(../images/bg-footer.gif) repeat-x; color:#237493; margin:0; padding:0; }

#footer #sole
{ zoom:1; width:680px; padding:48px 0 0 327px; margin:0 auto; min-height:186px; background:url(../images/bg-sole.gif) no-repeat; position:relative; }
#footer #sole:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	
#sole #first-tag, #sole #two-lists
{ width:340px; }

#sole #first-tag, #sole #two-lists ul
{ float:left; }

#sole #two-lists
{ zoom:1; float:left;  }
#sole #two-lists:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#sole #two-lists ul
{ margin:0 0 0 25px; padding:0; }
#sole #two-lists ul li
{ margin:0; padding:0; background-image:none !important; }

#sole #first-tag h5
{ font:bold 170%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif; color:#237493; margin:0 0 .2em 0; }

#sole #legal
{ position:absolute; bottom:0; right:0; color:#fff; }
#sole #legal a
{ color:#fff; }