@import "reset.css";
@import "stickyfooter.css";
@import "themes.css";

body 				{ font-family:Arial, Helvetica, sans-serif; cursor:default }

.section			{ clear:both; overflow:hidden; min-height:35em; padding:0; border-width:0 0.1em; border-style:solid; width:94.9em; position:relative }
.section_intro,
.section_inner		{ }
.section_inner		{ margin:0 0 0 16.9em }

/* Column setup */
.sidebar 			{ width:15.9em }
.col				{ width:24.9em }
.col_intro			{ width:41.9em }
.col_double			{ width:50.9em }
.col_triple			{ width:76.9em }

.sidebar, .col, .col_intro, .col_double, ul.grid li,
.col_triple			{ margin:0 1em 0 0; padding:5em 0 0 0; float:left; border-width:0 0 0 0.1em; border-style:solid; min-height:35em; position:relative }

.sidebar, .col_intro{ border-style:none }

.masthead .section	{ padding:0 }
.masthead, .content { padding:0 0 0 2em; position:relative; overflow:hidden }
.masthead .col_intro,
.masthead .col_double,
.masthead .col		{ padding-top:20em; height:25em; min-height:25em }

/* Main nav */
.mnav				{ position:absolute; z-index:12; padding:1em 0 0 2.1em }
.mnav h1			{ position:relative; z-index:2 }
.mnav h1 span		{ letter-spacing:-0.1em }
.mnav h1 em			{ font-size:0.25em; display:block }

#header.stuck,
#mnav.stuck			{ position:fixed; top:0em }
#snav.stuck			{ position:fixed; top:12em; left:2.1em }

a#logo:link, 
a#logo:visited 		{ display:block; width:3.5em; font-size:4em; height:1.75em; padding:0.75em 0 0 0.5em; overflow:hidden; font-weight:bold; text-decoration:none }

.mnav ul			{ position:relative; z-index:2 }
.mnav ul ul			{ position:relative; overflow:hidden; margin:0 }
.mnav ul,
.mnav ul li			{ width:16em; display:block }
.mnav ul li			{ float:left }
.mnav ul li a:visited,
.mnav ul li a:link	{ display:block; height:1%; font-size:1.5em; padding:1em 1em 1em 1.35em; font-weight:bold; text-decoration:none; border-width:1px 0 0 0; border-style:solid; font-variant:small-caps }
.mnav ul ul li a:visited,
.mnav ul ul li a:link
					{ font-size:1.25em; padding-left:1.6em; font-weight:normal }

.mnav ul li ul		{ display:none }
.mnav ul li:hover ul{ display:block }

/* Util */
.hidden				{ position:absolute; left:-10000px; top:-10000px; width:0; height:0; overflow:hidden; z-index:-1 }

/* Sub nav */
.snav				{ position:absolute; z-index:2; margin:5em 0; width:16em; left:0; overflow:hidden }
ul.snav				{ border-width:0.1em 0 0 0; border-style:solid }
.snav li			{ display:block; float:left; width:16em }
.snav li a:link,
.snav li a:visited	{ display:block; height:1%; padding:0.8em 2em 0.8em 1.6em; overflow:hidden; border-width:0 0 0.1em 0; border-style:solid; text-decoration:none; font-size:1.2em }

.shadow, .separator	{ position:absolute; left:0; top:0; width:100%; height:20px; overflow:hidden; }

/* Switch */
ul.switch			{ position:absolute; bottom:0em; left:-1em; padding:2em 3em; width:100% }
ul.switch li		{ display:block; float:left; margin:0 0.1em 0 0 }
ul.switch li.toggle	{ margin-left:1em; width:2.2em; height:2.1em; cursor:pointer }
ul.switch li a:link,
ul.switch li a:visited
					{ display:block; float:left; font-size:1.1em; font-weight:bold; padding:0.5em 0.75em 0.4em; width:0.5em; height:1em; overflow:hidden; text-decoration:none }

/* Thumbs */
ul.grid				{ margin:0; overflow:hidden; width:78em; }
ul.grid li			{ width:24.9em; display:block; float:left; margin-left:-0.1em; padding:0 }

a.thumb:link, a.thumb:visited
					{ display:block; text-decoration:none; width:24.9em; height:35em; margin:0; position:relative; cursor:pointer }
a.thumb span.p		{ height:4em }
a.thumb span.img	{ }
a.thumb span.img img{ margin:0 auto; width:22em; height:15em; display:block }
a.thumb:hover span.img img, a.thumb:focus span.img img, a.thumb:active span.img img
					{ border-width:0 0 0.3em 0; border-style:solid }

/* Features */
div.feature			{ margin:0 0 5em 0; overflow:hidden; position:relative; min-height:40em }

div.feature h3		{ margin-bottom:0; padding-bottom:1.5em }
div.feature h3		{ width:37em }
div.feature p		{ width:40.5em }

div.feature a.img:link,
div.feature a.img:visited
					{ display:block; position:relative; margin:0 0 2em 0; width:100%; height:25em; overflow:hidden; padding:0 0 0em 1.7em; border-width:0 0 0 3px; border-style:solid }

div.feature a.img span img
					{ display:block; position:relative; width:100% }

div.feature ul.snav	{ left:auto; right:2em; top:27em }

/* Footer */
#footer				{ width:100%; overflow:hidden; z-index:11 }
#footer_inner		{ width:97em; overflow:hidden; border-width:0 0 0 0; border-style:solid }
#footer #left		{ padding:0 0 0 2em; float:left; overflow:hidden; border-width:0 0 0 0; border-style:solid; width:68.9em }
#footer #right		{ width:25.8em; overflow:hidden; margin-right:0; border:none }
#footer .col,
#footer .col_intro	{ height:25em; border-style:solid; height:25em; padding-top:0 }

#footer a.btt:visited,
#footer a.btt:link	{ display:block; float:left; width:16em; height:5em; text-decoration:none; margin:0 0 2em 0; border:none }
#footer a.btt span	{ font-size:1.1em; display:block; padding:1.8em 1.8em 1.8em 2em }

#footer dl,
#footer p			{ font-size:1.1em; line-height:1.3em; margin:0 0 1.7em 0; padding:0 0.85em 0 1.9em }
#footer h3			{ font-size:1.3em; font-weight:bold; display:block; clear:both; border-width:0 0 0 3px; border-style:solid; padding:1.3em 1em 0 1.3em; margin:1.55em 0 0.5em 0; letter-spacing:-0.05em }

#footer dt, 
#footer dd 			{ padding:0 0 0.25em 0 }
#footer dt			{ float:left; width:4em }

#footer a:link, 
#footer a:visited 	{ text-decoration:none; border-width:0 0 0.1em 0; border-style:dotted }

/* Typography */
.section h2, .h2	{ font-size:2.5em; padding:0 0 0 0.6em; 		margin:0 0 0.8em 0		}
.section h3, .h3	{ font-size:1.7em; padding:0.75em 1em 0 1em; 	margin:0 0 1.2em 0 		}
.section h4, .h4	{ font-size:1.3em; padding:1.3em 1em 0 1.3em; 	margin:0 0 1.55em 0		}
.section h5, .h5,
.section h6, .h6	{ margin:3.4em 0 1.7em 0; text-transform:uppercase	}
.section p, .p,
.section ul, .ul	{ margin:0 0 1.7em 0; line-height:1.8em }
a.thumb .h3			{ margin-bottom:0.8em }

.section h2, .h2, .section h3, .h3, .section h4, .h4, 
.section h5, .h5, .section h6, .h6, .section p, .p,
.section ul, .ul			{ display:block; font-weight:normal }
.section h5, .h5, .section h6, .h6, .section p, .p,
.section ul, .ul			{ font-size:1.2em; padding:0 0.85em 0 1.7em }

.section h4, .h4, .section h5, .h5	{ font-weight:bold }
.section h2, .h2, .section h3, .h3, .section h4, .h4	{ border-width:0 0 0 3px; border-style:solid; letter-spacing:-0.05em }

.section ul, .ul		{ overflow:hidden }
.section ul li, .ul	li	{ margin:0 0 0.9em 0; float:left; display:block; border-bottom:1px solid #eee; padding:0.5em 0; width:100% }
#clientList li			{width:33% }

#capabilities		{ position:absolute; top:-10000px; left:-10000px }
.css_check			{ width:100px; height:100px }

.lightbox			{ position:absolute; top:50%; left:50%; z-index:5 }
.lightbox_content	{ width:500px; height:500px; margin:-250px 0 0 -50%; background:#ccc; float:left }

.clear				{ clear:both; line-height:0; font-size:0; overflow:hidden; display:block }

/* Full screen */
.fullscreen,
.fullscreen .masthead,
.fullscreen .section
					{ position:absolute; top:0; left:0; right:0; height:100% }

.fullscreen .section	{ left:2em }
.fullscreen .masthead .col,
.fullscreen .masthead .col_intro,
.fullscreen .masthead .col_double
					{ height:100% }

/* Slides */
.slide, .slides		{ height:45em; overflow:hidden }
.box				{ position:absolute; top:18em; left:68em; width:24.9em; height:24.9em; overflow:hidden }
.box .col			{ padding-top:8.7em; border:none }
.box_wrap			{ height:24.9em; width:200em; overflow:hidden }
.slide_box			{ width:24.9em; height:24.9em; overflow:hidden; float:left }

.box h2				{ margin-top:0.9em; position:absolute; top:0; left:0 }
.box h3				{ margin-top:1em; position:absolute; top:0; left:0 }