/* -----------------------------------------------------------------------
 CSO Styles
 Contains some resets and other misc... from:
 Blueprint CSS Framework 0.8
 http://blueprintcss.org
----------------------------------------------------------------------- */
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* Typography */
body { font-size:75%; font-family: Verdana, Tahoma, Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif; }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0 0 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;margin-top:4px; }
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h2, h3, h4 { line-height: 1em; }
h2 { font-size:1.8em; }
h3 { font-size:2.3em; height:30px; }
h4 { font-size:1.2em;}
p { padding: 4px 0; }
li span, li a { text-transform:uppercase; font-size:1.1em; text-decoration:none; }
li span { color:#89bfd2; }
a { color: #09374e; }
a:hover { color:#89bfd2; }
address { font-style:normal; }
/* Grid */
.column { float:left; }
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* Tag Defaults */
body { background: #f2f8fb url(img/background/body.png) center top repeat-x; color:#747171; }
h3 { color:#57a5cc; }
h4 { color:#59a9cf; text-transform:uppercase; }
/* Links */
a.view { text-decoration:none; text-transform:uppercase; color:#246280; font-weight:bold; padding:0 0 0 8px; background:url(img/icons/arrow.png) 2px center no-repeat; }
/* Image Replacement */
#header h1, #heading h2 { text-indent:-1234em; }
#heading h2 { height:77px; }
#home #heading h2 { background: url(img/headings/home.png) right bottom no-repeat; }
#portfolio #heading h2 { background: url(img/sprites/heading.png) left 0px no-repeat; }
#solutions #heading h2 { background: url(img/sprites/heading.png) left -77px no-repeat; }
#services #heading h2 { background: url(img/sprites/heading.png) left -154px no-repeat; }
#process #heading h2 { background: url(img/sprites/heading.png) left -231px no-repeat; }
#about #heading h2 { background: url(img/sprites/heading.png) left -308px no-repeat; }
/* Document & Wrappers */
div.base { padding:26px 0; background: url(img/background/base.png) center top no-repeat; }
#document { width:900px; margin:0 auto; background-color: #fff; }
/* Header/Menu */
#header { background: #56a5cb url(img/background/header.png) center top no-repeat; height:121px; padding-right:10px; overflow:hidden; }
#header ul { list-style:none; margin:0; float:right; }
#header li { float:left;  }
#header li span, #header li a{ display:block; width:80px; height:94px; overflow:hidden; text-indent:-1234em;  }
#header li.home span, #header li.home a,
#header li.portfolio span, #header li.portfolio a,
#header li.services span, #header li.services a,
#header li.solutions span, #header li.solutions a,
#header li.process span, #header li.process a,
#header li.about span, #header li.about a { background-image:url(img/sprites/menu.png); background-repeat:no-repeat;  }
#header li.home span{ background-position: 0 0; } 
#header li.home a { background-position: 0 -188px; }
#header li.home a:hover { background-position: 0 -94px; }
#header li.portfolio span{ background-position: -80px 0; }
#header li.portfolio a { background-position: -80px -188px; }
#header li.portfolio a:hover { background-position: -80px -94px; }
#header li.services span{ background-position: -160px 0; }
#header li.services a { background-position: -160px -188px; }
#header li.services a:hover { background-position: -160px -94px; }
#header li.solutions span{ background-position: -240px 0; }
#header li.solutions a { background-position: -240px -188px; }
#header li.solutions a:hover { background-position: -240px -94px; }
#header li.process span { background-position: -320px 0; }
#header li.process a { background-position: -320px -188px; }
#header li.process a:hover { background-position: -320px -94px; }
#header li.about span{ background-position: -400px 0; }
#header li.about a { background-position: -400px -188px; }
#header li.about a:hover { background-position: -400px -94px; }
/* Heading */
#heading { background:#a6ca9b url(img/background/heading.png) center top no-repeat; height:77px; }
#home #heading { height:328px; background: url(../img/home/screen.png) center top no-repeat; }
#home #heading img { float:left; margin-right:5px; }
#home #heading h2 { height:132px; }
#home #heading p { color:#236c59; padding:15px 30px 0 0; line-height:2em; }
/* Content */
#content{ padding:30px; width:840px; }
#content p { line-height:2.5em; }
#content div { float:left; padding:30px 0 0 0; }
#content div div { float:none; padding:0; }
#content div p { font-size:.9em; line-height:1.5em; }
#content div img { float:left; margin-right:15px; }
#content div div img { float:none; margin:0; }
/* Home */
#home #content { padding:0 15px; width:870px; }
#content #welcome { width:495px; padding:30px 15px; }
#content #welcome p { font-size:1em; line-height:2em; }
#content #testimonial { width:280px; background:#ecf6f8; margin:30px 0; padding:30px; }
#content #testimonial blockquote { font-style:italic; font-size:1.2em; color:#246380; }
#content #testimonial p { font-size:.9em; padding:20px 0 0 0; text-align:right; }

/* Portfolio */
#portfolio #content div { padding:15px 0; }
#portfolio #content p { margin-bottom:15px; }
/* Services */
#services #content div { width:420px; height:200px; }
#services #content div img { width:114px; height:105px; }
#services #content div p { width:260px; float:left; }
#services #content div h4 { padding:0 0 0 140px; background:url(img/icons/arrow.png) 128px center no-repeat; }
/* Process */
#process #content div { width:280px; height:310px; }
#process #content div h4 { padding:0 0 5px 0; }
#process #content div img { float:none; margin:0; }
#process #content div p { width:260px; }
/* Solutions */
#solutions #content div p { font-size:1em; line-height:2em; }
#solutions #content #websight img { margin:30px 0; }
#solutions #content #webdesign div { float:left; width:418px; margin-bottom:30px; }
#solutions #content #webdesign p { margin-bottom:30px; }
#solutions #content #webdesign div h4 { margin-top:15px; padding:0 0 0 8px; background: url(img/icons/arrow.png) left center no-repeat; margin-bottom:5px; }
#solutions #content #webdesign div p { width:413px; font-size:.9em; line-height:1.5em; height:130px; }
#solutions #content #webdesign div ul { width:413px; font-size:1em; line-height:1.6em; height:220px; list-style-type:none; margin:0;  }
#solutions #content #webdesign div ul li { background:url(img/icons/bullet.png) left .5em no-repeat; padding-left:1.5em; }
/* About */
#about #content { padding:0 15px; width:870px; }
#about #team { width:470px; padding:30px 15px; }
#about #team p { font-size:1em; line-height:2em; }
#about #team address { margin:30px 0 0 0;font-size:.9em; line-height:1.3em; color:#fff; padding:20px 0 0 96px; width:380px; height:70px; background: url(img/background/address.png) left top no-repeat; }
#about #team address span { display:block; float:left; width:210px; }
#about #team address span.physical { width:160px;  }
#about #team address #mail { }
#about #team address span.phone {  }
/* Footer */
#footer{ background: url(img/background/footer.png) center top no-repeat; height:80px; overflow:hidden; text-indent:-1234em; }