/* ----- CSS Document ----- */

/* Colors
-------------------------------------------

green #97C10E
dark blue #04588E

---------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
    }
    
body
    {
	line-height: 1;
    }
    
ol, ul
    {
	list-style: none;
    }
    
blockquote, q
    {
	quotes: none;
    }
    
blockquote:before, blockquote:after,
q:before, q:after
    {
	content: '';
	content: none;
    }
    
/* remember to define focus styles! */
:focus
    {
	outline: 0;
    }

/* remember to highlight inserts somehow! */
ins
    {
	text-decoration: none;
    }
    
del
    {
	text-decoration: line-through;
    }
    
/* tables still need 'cellspacing="0"' in the markup */
table
    {
	border-collapse: collapse;
	border-spacing: 0;
    }


/* Defaults
------------------------------------------- */

body
    {
	background: #d1e0ea url(../images/background.gif) left top repeat-x;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #444;
    }

ul, ol
    {
	margin-left: 15px;
	padding-left: 10px;
	margin-top: 12px;
    margin-bottom: 12px;
    }

ul
    {
	list-style-type: square;
    }

ol
    {
	list-style-type: decimal;
    }

li
    {
    }

img
    {
	border: none;
    }

blockquote
    {
	background-color: #f3f3f3;
	padding: 10px;
	margin: 15px 0;
    }

p
    {
    margin-bottom: 1.0em;
    }

sup
    {
    font-size: 8px;
    color: #888;
    }


/* Lists
------------------------------------------- */

ul.double-col
    {
    overflow: hidden;
    width: 600px;
    margin-top: 24px;
    margin-bottom: 24px;
    list-style-position: inside;
    }

ul.double-col li
    {
    float: left;
    width: 300px;
    }





/* Links
------------------------------------------- */

a,
a:link,
a:active,
a:visited
    {
	color: #0082D4;
	text-decoration: none;
    outline: none;
    border-bottom: 1px dotted #0082D4;
    }

a:hover
    {
	text-decoration: none;
	color: #97C10E;
    border-bottom: 1px dotted #97C10E;
    }

a.imglink
    {
	border: none;
    text-decoration: none;
    }
    

/* Headers
------------------------------------------- */

h1, h2, h3, h4, h5, h6
    {
    font-weight: normal;
    line-height: 1.2;
    color: #222;
    }

h1
    {
    font-size: 36px;
    font-family: Georgia, Times, "Times New Roman", serif;
    }

h2
    {
    font-size: 24px;
    margin-bottom: 1em;
    }

h3
    {
	font-size: 14px;
	font-weight: ;
	text-transform: uppercase;
	margin: 2em 0 1em;
    }

h4 {font-size: 14px;}

h5 {font-size: 14px;}

h6 {font-size: 14px;}

h1#page_title
    {
    background: url(../images/page_title.jpg) top left no-repeat;
    width: 880px;
    height: 70px;
    padding: 36px 0 0 40px;
    margin: 0 0 20px 0;
    line-height: 1;
    font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 30px;
    font-weight: normal;
    color: #97C10E;
    }


/* -------------------------------------------- Main Structure -------------------------------------------- */

#header
    {
    overflow: hidden;
    width: 910px;
    padding: 20px 0;
    margin: 0 auto;
    }

#logo
    {
    border: none;
    float: left;
    }

#content
    {
    clear: both;
    overflow: hidden;
    background-color: #FFF;
	width: 910px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    }

#sidebar /* ----- used with main ----*/
    {
	float: left;
	width: 140px;
    min-height: 476px;
    padding: 20px 40px 0 40px;
    background: url(../images/fade.gif) right top no-repeat;
    }

#main /* ----- used with sidebar ----*/
    {    
    float: right;
    width: 600px;
    padding: 0 40px 0 0;
    }


/* ------------------------------------------- Navigation ------------------------------------------- */

ul#navigation
    {
    float: right;
    padding: 0;
    margin-top: 36px;
    list-style: none;
    }

#navigation li
    {
    display: inline;
    }

#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:active
    {
    outline: none;
    margin: 0 2px;
    padding: 6px 12px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #04588E;
    }

#navigation li a:hover
    {
    border: none;
    text-decoration: none;
    background-color: #04588E;
    color: #FFF;
    }


/* -------------------------------------------- Footer -------------------------------------------- */

#footer
    {
    background: url(../images/iw-footer.jpg) left top no-repeat;
    width: 830px; /* needs to total 910px */
    height: 180px; /* needs to total 260px */
    margin: 0 auto;
    padding: 40px;
    color: #fff;
    }

#footer ul#whatwedo,
#footer ul#products,
#footer ul#contact
    {
    float: left;
	margin: 0;
	padding: 0;
	list-style: none;
    }

#footer ul#whatwedo
    {
    width: 276px;
    }

#footer ul#products
    {
    width: 246px;
    margin-left: 30px;
    }

#footer ul#contact
    {
    width: 216px;
    margin-left: 60px;
    }

#footer ul li
    {
    margin: 0 0 0 2px;
	padding: 0;
	font-size: 12px;
    }

#footer ul li.header
    {
    margin: 0 0 12px 0;
	padding: 0;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    }

#footer ul li.link-list
    {
    margin-bottom: 5px;
    }

#footer ul li a
    {
    padding: 1px 4px;
    color: #fff;
    background-color: ;
    font-weight: bold;
    border: none;
    text-decoration: none;
    }

#footer ul li a:hover
    {
    background-color: #818491;
    }

#lower-footer
    {
    width: 910px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: right;
    font-size: 11px;
    color: #888;
    }


/* ------------------------------------------- Homepage -------------------------------------------- */

div#homepage-main
    {
    position: relative;
    background: url(../images/squish.jpg) left top no-repeat;
    width: 910px;
    height: 76px;
    padding: 340px 0 0 0;
    margin: 0;
    }

a.homepage-feature, 
a.homepage-feature:link, 
a.homepage-feature:visited, 
a.homepage-feature:active
    {
    display: block;
    float: left;
    width: 303px;
    border: none;
    margin: 0;
    padding: 0 0 33px 0;
    color: #FFF;
    text-align: center;
    }

a.homepage-feature:hover
    {
    background: transparent url(../images/main-nav-bg.png) bottom left repeat-x;
    }

a.homepage-feature strong
    {
    font-size: 18px;
    text-transform: uppercase;
    }

div#homepage-products
    {
    background: #FFF url(../images/product-bg.gif) top no-repeat;
    margin: 0;
    padding: 60px 20px 0 20px;
    overflow: hidden;   
    border-top: 20px solid #d1e0ea;
    }

div#homepage-products .column
    {
    float: left;
    width: 260px;
    margin-left: 40px;
    font-size: 12px;
    }

div#homepage-products .first
    {
    margin-left: 0;
    }
    
div#homepage-products p
    {
    margin: 0;
    float: right;

    width: 150px;
    }

div#homepage-products img
    {
    float: left;
    padding: 5px 0 0 0;
    }


/* -------------------------------------------- Sidebar ------------------------------------------- */

#sidebar ul
    {
    margin: 0;
    padding: 0;
    }

#sidebar ul li
    {
    list-style: none;
    }

#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active
    {
    display: block;
    padding: 3px 4px 3px 8px;
    font-size: 13px;
    border-bottom: 1px solid #EEE;
    }

#sidebar ul li a.top
    {
    padding: 3px 4px;
    text-transform: uppercase;
    font-weight: bold;
    }


/* ------------------------------------------- Styled Boxes ------------------------------------------- */

div.box-list
    {
    overflow: hidden;
    width: 520px;
    padding: 30px 20px;
    margin-bottom: 20px;
    background-color: #eee;
    border: 1px solid #ccc;
    }

div.box-list h3
    {
	margin: 0;
    }

div.box-list img
    {
	float: left;
    vertical-align: 50%;
    }

div.box-list span
    {
    float: right;
    width: 270px;
    padding: 0;
    margin: 0;
    }l

div.box-list .transcription, div.box-list .consulting, div.box-list .coding
    {
    display: block;
    margin-bottom: 10px
    }

div.box-list .transcription
    {
    background: url(../images/icon_transcription.gif) 0% 0% no-repeat;
    padding-left: 58px;
    padding-top: 18px;
    }

div.box-list .consulting
    {
    background: url(../images/icon_consulting.gif) 0% 0% no-repeat;
    padding-left: 50px;
    padding-top: 28px;
    }

div.box-list .coding
    {
    background: url(../images/icon_coding.gif) 0% 0% no-repeat;
    padding-left: 60px;
    padding-top: 28px;
    }
    

/* ------------------------------------------- Network ------------------------------------------- */    

div#network
    {
    position: relative;
    background: url(../images/network.jpg) top left no-repeat;
    width: 640px;
    height: 680px;
    }

div.bio
    {
    display: none; /* need this to make reveal work properly */
    width: 200px;
    background: transparent url(../images/popup-shadow-btm.png) bottom center no-repeat;
    position: absolute; /* this is only here to make the z-index work properly */
    z-index: 10;
    }

div.bio div.inner
    {
    background: transparent url(../images/popup-shadow-top.png) top center no-repeat;
    padding: 15px;

    }

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine
    {
    position: absolute;
    }

div#one
    {
    top: 36px;
    left: 52px;
    }
    
div#two
    {
    top: 34px;
    left: 250px;
    }

div#three
    {
    top: 30px;
    left: 440px;
    }

div#four
    {
    top: 420px;
    left: 440px;
    }
    
div#five
    {
    top: 290px;
    left: 440px;
    }
    
div#six
    {
    top: 310px;
    left: 18px;
    }
    
div#seven
    {
    top: 440px;
    left: 60px;
    }

div#eight
    {
    top: 520px;
    left: 184px;
    }

div#nine
    {
    top: 520px;
    left: 350px;
    }