/* Begin insertion of cssbase.css */
/** Element Cross-Browser Reset **/

/* CSS Document */

/* 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.site-menu, li.site-menu-item, div#Nav ul, form, label, fieldset, 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;
}
html {
  overflow:scroll;
}
body {
  line-height: 1;
}
ul.site-menu, div#Nav 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;
}
/** Font Reset based on YUI **/

body {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
  font-size:small;
  font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}
pre, code, kbd, samp, tt {
  font-family:monospace;
  font-size:108%;
  line-height:100%;
}
hr { display: none; }
div.hr { clear: both; width: 100%;}
div.hidden { border: solid 1px transparent; } 
strong { font-weight: bold; }
em { font-style: italic; }

div.contact-form-holder { padding-left: 20px; }
div#result { padding-left: 20px; }

/** IE 5.5+ PNG Hacks **/

img, div, a { behavior: url('ie6/iepngfix.htc') }

/** Form Reset **/

form {  }

fieldset { border: 0px; }
legend { font-size: 135%; font-weight: bold; color: #6cc631; padding-bottom: 20px; }
fieldset { clear: both; line-height: 1.5em; margin-bottom: 10px; margin-left: 20px; }
fieldset label { display: block; width: 150px; float: left; font-weight: bold; }

form fieldset { border: none; }
form { overflow: hidden; clear: both; margin-bottom: 8px;  }
form label { font-weight:bold; width: 150px; float: left; font-weight: bold; }

fieldset div { padding-bottom: 10px; }
fieldset div div { margin: 0px; clear: none; }
input.submit
{
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.25em;
background-color: #fcfcfc;
background-repeat: repeat-x;
color: #333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit:active
{
border: 3px double #ccc;
border-top-color: #999;
border-left-color: #999;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {color: Red; }
.field-validation-error {color: Red; }

input[type="text"] { width: 300px; }

/** @font-face font import **/

@font-face {
  font-family: 'MyriadWebProRegular';
  src: url('UserSubmitted/Fonts/myriadwebpro-webfont.eot');
  src: local('☺'), url('UserSubmitted/Fonts/myriadwebpro-webfont.html') format('woff'), url('UserSubmitted/Fonts/myriadwebpro-webfont.ttf') format('truetype'), url('UserSubmitted/Fonts/myriadwebpro-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


/** Generic Selector Styling **/

body { color: #333; background: #fff url('Assets/body-background.gif') repeat left top; text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; }
* html body { }
a { color: #169; }
a:hover { text-decoration: underline; color: #28C; }
p { margin-bottom: 7px; }
h1,h2,h3,h4,h5,h6 { font-family: font-family: "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", Georgia, serif; padding: 0 0 7px 0; }
h1 { font-size: 135%; color: #159; }
h2 { font-size: 123.5%; color: #000; }
h3 { font-size: 116.5%; color: #082855; }
blockquote { margin: 10px 0 10px 25px; }

/** CMS-Specific Selector Styling **/

table.cms-table { width: 100%; }
table.cms-table th { text-align: left; font-weight: bold; color: #000; padding-bottom: 10px; }
span.Blog-Publish-Date { font-size: 78%; font-style: italic; }

/** Site Structure **/

#Page { background: transparent url('Assets/wrapper-overlay.png') repeat-x left top; text-align: center; width: 100%; }
 html #Page { background: none; padding-top: 40px; }
#Sides { background: transparent url('Assets/sides-background.png') no-repeat center bottom; overflow: hidden; padding: 16px 16px 0 16px; width: 900px; margin: 0 auto 20px auto; }
 * html #Sides { background-color: #fff; } 
#Wrapper { background: transparent url('Assets/logo.png') no-repeat 40px 80px; width: 900px; text-align: left; clear: both; margin: 0 auto; text-align: left;  }
 * html #Wrapper {background: #efefef; background-image: none; width: 900px; height: 113px; } 
#Header { background: transparent url('Assets/header-background.png') no-repeat center top; height: 213px; }
 * html #Header { background: transparent url('Assets/logo.png') no-repeat 360px 20px; height: 153px; } 
#Nav { font-family: Georgia; position: absolute; left: 0; top: 0; right: 0; background-color: #333; }
#Nav ul { width: 100%; overflow: hidden; border-bottom: solid 1px #333; }
#Nav ul li { display: block; float: left; padding: 7px 15px;}
#Nav ul li a { color: #fff;  }

ul.site-menu { display: block; width: 900px; height: 45px; overflow: hidden; clear: both;  }
ul.site-menu li { display: block; float: left; }
ul.site-menu li a { width: 90px; height: 45px; display: block; background: transparent url('Assets/menu.png') no-repeat left top; text-indent: -6000px; font-size: 0.01%; color: #999; }
ul.site-menu li a:hover { }
ul.site-menu li a.active { }

ul.site-menu li.home a { width: 85px; background-position: left top; }
ul.site-menu li.home a:hover { background-position: left -45px; }
ul.site-menu li.home a.active { background-position: left -90px; }

ul.site-menu li.who-we-are a { width: 115px; background-position: -85px top; }
ul.site-menu li.who-we-are a:hover { background-position: -85px -45px; }
ul.site-menu li.who-we-are a.active { background-position: -85px -90px; }

ul.site-menu li.our-services a { width: 125px; background-position: -200px top; }
ul.site-menu li.our-services a:hover { background-position: -200px -45px; }
ul.site-menu li.our-services a.active { background-position: -200px -90px; }

ul.site-menu li.quotations a { width: 115px; background-position: -325px top; }
ul.site-menu li.quotations a:hover { background-position: -325px -45px; }
ul.site-menu li.quotations a.active { background-position: -325px -90px; }

ul.site-menu li.developers a { width: 115px; background-position: -440px top; }
ul.site-menu li.developers a:hover { background-position: -440px -45px; }
ul.site-menu li.developers a.active { background-position: -440px -90px; }


ul.site-menu li.resources a { width: 110px; background-position: -555px top; }
ul.site-menu li.resources a:hover { background-position: -555px -45px; }
ul.site-menu li.resources a.active { background-position: -555px -90px; }

ul.site-menu li.latest-news a { width: 115px; background-position: -665px top; }
ul.site-menu li.latest-news a:hover { background-position: -665px -45px; }
ul.site-menu li.latest-news a.active { background-position: -665px -90px; }

ul.site-menu li.contact a { width: 120px; background-position: -780px top; }
ul.site-menu li.contact a:hover { background-position: -780px -45px; }
ul.site-menu li.contact a.active { background-position: -780px -90px; }


ul.site-menu-site-menus { text-transform: none; border-style:none}
ul.site-menu-site-menus li a { font-size: 80%; text-transform: none;}

#Main
{
    padding: 0 0 20px 0; 
    background: #f0f0f0 url('Assets/main-background.jpg') no-repeat center top;
    overflow: hidden;
}
* html #Main { background-image: none; }
body.home #Main { background: transparent url('Assets/main-background-home.png') repeat-y left top; }
body.cols2 #Main { background: transparent url('Assets/main-background-home.png') repeat-y left top; }
* html body.home #Main, * html body.cols2 #Main { background-image: none; } 
#Main h1  { color: #333; text-transform: uppercase; font-size: 160%; margin: 35px 0 10px 40px; }
body.home h1 { display: none; }
body.home h2 { color: #333; text-transform: uppercase; font-size: 160%; margin: 25px 0 10px 40px; padding: 0; }

div.content-page-content { padding: 10px 40px 20px 40px; }
body.home div.content-page-content { width: 600px; float: left;} 
* html body.home div.content-page-content { width: 560px; float: left;} 
body.cols2 div.content-page-content { width: 600px; float: left;}
* html body.cols2 div.content-page-content { width: 560px; float: left;} 

#Main ul { margin-bottom: 10px; }
#Footer { margin: 0 auto; width: 860px; padding: 20px; height: 56px; color: #999; background: transparent url('Assets/footer-background.png') repeat-x center top; text-align: center; font-size: 85%; }
#Footer a { color: #999; }

/** Panels **/

.panels-home { width: 900px; clear: both; overflow: hidden; background: transparent url('Assets/home-panels.jpg') no-repeat center top; }
.panels-home h2 { display: none; }
.panels-home div { width: 190px; display: block; height: 133px; padding: 80px 10px 20px 250px; font-size: 85%;  } 
.panels-home div div.tile-content { width: auto; height: auto; padding: 0; font-size: inherit; }
.panels-home div.panel-owners { float: left; }
.panels-home div.panel-strata { float: right; }
/* .panels-home a[href ^='services'] { display: block; background: transparent url('/custom/Assets/button-learnmore.png') no-repeat left top; text-indent: -6000px; width: 96px; height: 20px; margin-top: 0px; }*/
div.panels-home a { display: block; background: transparent url('Assets/button-learnmore.png') no-repeat left top; text-indent: -6000px; width: 96px; height: 20px; margin-top: 0px; }
/* .panels-home a[href ^='services']:hover { background-position: left bottom; }*/
.panels-home a:hover { background-position: left bottom; }
/** Blog **/

#Blog-Summary { 
    padding: 10px 0 10px 40px; 
}
#Blog-Summary p a { text-decoration: none; }
#Blog-Summary p a:hover { text-decoration: underline; }

div.Blog-Summary {
    margin-left: 690px;
    margin-right: 20px
}
div.Blog-Summary h2 {
    margin-left: 0px;
}
div.Blog-Summary h3     { padding-bottom: 5px; font-size:100% }
div.Blog-Summary a { text-decoration: none; }
div.Blog-Summary a span.summary   { color: #555; font-size:90% }
div.Blog-Summary a:hover span { color: #6DA9C5; }
span.Blog-Publish-Date { font-size: 78%; color: #999; font-style: italic; display: inline; padding-bottom: 10px; }
span.read-more { font-size: 85%; font-style: italic; }

div.Blog-Summary-Fulltext {padding-top: 20px;}
div.Blog-Summary-Fulltext a { font-style:normal; font-size:150%; text-decoration:none; }
div.Blog-Summary-Fulltext h2 { display: block; padding-bottom: 2px; }
div.Blog-Summary-Fulltext h3 { padding-left: 40px; display: block; padding-bottom: 2px; }
div.display-single-entry div.BlogEntry h2, div.Blog-Summary-Fulltext h3 { font-size: 85%; color: #999; font-style: normal; font-weight:normal; display: inline; padding-bottom: 5px; display: block; }
div.Blog-Summary-Fulltext div.BlogEntry { padding-top: 5px; padding-bottom: 10px; border-bottom: solid 1px #CBCBCB; }
div.Blog-Summary-Fulltext div.last-row { border-bottom: none; margin-bottom:-25px;}

div.BlogEntry p { margin-left: 40px; margin-right: 40px;}
div.BlogEntry h2 { font-size: 85%; color: #159; margin: 0 0 10px 40px; font-weight: normal; font-style: italic; }
div.sidebar { float: right; width: 200px; padding: 10px!important; margin-top: -75px; }
div.sidebar h2 { background: transparent url('Assets/sidebar-latestnews.png') no-repeat left top; display: block; width: 237px; height: 38px; margin-left: -36px; text-indent: -6000px; font-size: 0.01%; color: #e1e1e1;}
div.sidebar a { color: #000; }
div.sidebar h3 { font-size: 85%; }
div.sidebar h3 a { color: #169; }
div.sidebar a { text-decoration: none!important; }
div.sidebar a:hover { text-decoration: underline!important; }
div.sidebar h2: a:hover { text-decoration: underline!important; }
div.sidebar span.Blog-Publish-Date { clear: both; margin-top: 10px; display: block; color: #169; }
div.sidebar a:hover span.Blog-Publish-Date { text-decoration: none!important; }
.small { font-size: 85%; }
.bigtel { display: block; text-align: center; color: #169; font-size: 160%; }
.contact-form-holder textarea { width: 350px; height: 150px; }
.contact-form-holder input[type=text] { width: 250px;  }
.contact-form-holder input[type=submit] { margin-left: 150px; }

a.neonhuman { display: inline-block; width: 87px; height: 20px; vertical-align: top; margin-top: -5px; text-indent: -6000px; font-size: 0.01%; color: #555; background: transparent url('Assets/logo-neonhuman.png') no-repeat left top; }
a.identity { display: inline-block; width: 67px; height: 20px; vertical-align: top; margin-top: -5px; text-indent: -6000px; font-size: 0.01%; color: #555; background: transparent url('Assets/logo-identity.png') no-repeat left top; }

/** Recaptcha styling **/
.recaptcha-holder { margin-left: 150px; }

/** End CSS **/