/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none outside; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
/* end reset*/
/*yui-fonts */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; }
select, input, button, textarea { font:99% arial,helvetica,clean,sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/* end yui fonts */

body { background:#989DA8; padding:20px 0; }
#wrapper { width:960px; margin:0 auto 20px; }
#nav_box { height:35px; width:100%; margin:0 auto; background:#fff; }
#navigation { height:35px; width:960px; margin:0 auto; background:#fff; }
.border { clear:both; background:url(../images/border.png); height:10px; width:100%; }
div.border.fat { border-bottom:11px solid #1c1c1a; }
#navigation li#home a:hover { background-position:0 0; cursor:default; }
#navigation li#home a:active { background-position:0 -76px; }
#navigation li#home a:hover { background-position:0 -35px; }
#navigation li a { background-image:url(../images/navbar.png); background-repeat:no-repeat; }
#navigation li a { float:left; height:0; padding-top:35px; overflow:hidden; }
#navigation li { display:inline; }
li#home a { width:109px; }
li#tech a { width:175px; background-position:-109px 0; }
li#apps a { width:177px; background-position:-284px 0; }
li#how a { width:158px; background-position:-461px 0; }
li#about a { width:203px; background-position:-619px 0; }
li#contact a { width:138px; background-position:-822px 0; }
#navigation.home li#home a, #navigation.home li#home a:hover { background-position:0 -70px; }
#navigation.technology li#tech a, #navigation.technology li#tech a:hover { background-position:-109px  -70px; }
#navigation.applications li#apps a, #navigation.applications li#apps a:hover { background-position:-284px  -70px; }
#navigation.order li#how a, #navigation.order li #how a:hover { background-position:-461px -70px; }
#navigation.about li#about a, #navigation.about li#about a:hover { background-position:-619px -70px; }
#navigation.contact li#contact a, #navigation.contact li#contact a:hover { background-position:-822px -70px; }
li#home a:hover { background-position:0 -35px; }
li#tech a:hover { background-position:-109px  -35px; }
li#apps a:hover { background-position:-284px  -35px; }
li#how a:hover { background-position:-461px -35px; }
li#about a:hover { background-position:-619px -35px; }
li#contact a:hover { background-position:-822px -35px; }


/*#navigation li { display:inline; padding: 0; margin:0; border:none;}
a.navbtn { background:url(../images/navbar.png) no-repeat; display:inline-block; height:35px; padding: 0; margin:0; border:none; }*/

/*Three column liquid layout from mathewjamestaylor.com*/
/*div { border:1px solid #000; }*/
#header_img { background:url(../images/smkheader.png) no-repeat; height:144px; width:960px; margin:0 auto; }
#header { width:100%; background:#000; }
#colmask { position:relative /*This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */; clear:both; float:left; width:100% /*width of whole page */; overflow:hidden /*This chops off any overhanging divs */; background: #000/*Left column background colour #003564 */; }
#colmid { float:left; width:200%; position:relative; left:150px; background:#fff /*Centre column background colour */; border-color:#00FF00; }
#colright { float:left; width:100%; position:relative; left:685px; margin-left:-400px; background:#003564 /*Right column background colour */; border-color:#FF0000; }
#col1wrap { float:right; width:285px; position:relative; right:100%; }
#col1pad { margin:5px 15px 0 28px; overflow:hidden; }
#col1 { width:100%; overflow:hidden; }

/*column 2 - left*/
#col2 { float:left; width:150px; position:relative; margin-left:-585px; left:150px; overflow:hidden; color:#FFF; }
#contact_box { text-align:center; padding:0 20px; margin-top:150px; }

/*column 3 - right*/
#col3 { float:left; width:525px; position:relative; left:0px; overflow:hidden; color:#FFF; }
.abs_container { position:relative; }
.stick_right { top:0px; bottom:0px; right:0px; position:absolute; }
.stick_left { top:0px; bottom:0px; left:0px; position:absolute; }
.abs_right { border-left:1px solid #5A97B4; }
.abs_left, .abs_right { padding:15px 20px 10px 24px; width:218px; }
#footer { clear:both; width:960px; padding:0; margin:0 0 20px; height:10px; }
#footer p { padding:.5em 15px; }

/* content page layout */
/* common column settings */
/* column container */
/* 2 column left menu settings */
.contentpage { background:#003564; }
.contentpage .colright { float:left; width:200%; position:relative; left:150px; background:#fff; }
.contentpage .ccol1wrap { float:right; width:810px; position:relative; right:300px; }
.contentpage .ccol1 { position:relative; right:100%; overflow:hidden; }
.contentpage .ccol2 { float:left; width:150px; position:relative; right:150px; color:#FFF; }
.contentpage .split { float:left; width:338px; padding:15px 25px 10px 32px; min-height:450px; }
/* three cols */

.contentpage #moreinfo { clear:both; background:#E0E8F4; border-top:1px solid #000; }

/* end content page layout*/

#moreinfo { display:table; }
.micol { display:table-cell; width:269px; padding:5px 20px 20px 32px; }
.middle { border-left:1px solid #000; border-right:1px solid #000; width:270px; }

/* side nav */
#side_nav { padding:0px 20px; margin-top:20px; }
#side_nav a { color:#A9E0F5; text-decoration:none; padding:0 0 0 20px; font-size:100%; display:block; }
#side_nav a:hover, #side_nav a.current { background:url(../images/box2.png) no-repeat top left; color:#fff; }
#side_nav ul { list-style-position:outside; }
#side_nav li { margin-bottom:1.2em; }
/* end side nav */

/* typographic styles */
h2 { font-size:167%; margin:.44em 0 .74em; font-weight:bold; }
body.home h2 { font-weight:normal; }
h3 { font-size:116%; font-weight:bold; }
.content p { margin-top:1.1em; font-size:93%; line-height:1.4em; }
.content hr { color:#003564; background-color:#003564; border:0; height:1px; margin:8px 18px 8px 0; }
.content h3 { margin:1.1em 0 .61em; }
.content p.img_caption { margin-top:.2em; font-weight:bold; }
.content ul { margin-top:1.1em; list-style:disc outside; }
.content li { line-height:1.3em; margin-left:1.2em; margin-bottom:0.85em; font-size:93%; }
a { color:#77C4DC; }
a:visited { color:#5A97B4; }
a:hover { color:#62E0EA; }
#moreinfo a { color:#5A97B4; }
#moreinfo a:visited { color:#77C4DC; }
#moreinfo a:hover { color:#62E0EA; }
#contact_box p.phone { font-size:116%; margin-bottom:.9em; }
#contact_box p { margin-bottom:.5em; }
strong { font-weight:bold; }
em { font-style:italic; }


/* clearfix */

.clearfix { content:"."; display:block; height:0; clear:both; visibility:hidden; }