/* 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, li, 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;
}

#Nav ul, #Nav.ul li, ul.site-menu, ul.site-menu li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style:none;
}


html {
  overflow:scroll;
}
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;
}
/** 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; }

/** Styles **/

body { color: #3e3e3e;
  background: #fff url('/custom/Assets/body-wrapper-background.jpg') repeat-x left top; }
  text-align: left;
  font-family: Lucida Sans, Lucida Grande;

}

p { padding-bottom: 10px; }
a { color: #5d711a; text-decoration: none; font-weight: normal; }

table.cms-table { width: 100%; }
.cms-table th { text-align: left; font-weight: bold; color: #000; padding-bottom: 10px; }

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

/** Form Reset **/

form {  }

fieldset { border: 0px; }
legend { font-size: 135%; font-weight: normal; color: #6cc631; padding-bottom: 20px; }
fieldset { clear: both; line-height: 1.5em; margin-bottom: 10px; }
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:normal; width: 150px; float: left; }

/*fieldset div input { }*/
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: #3e3e3e;
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; }
/* End insertion of cssbase.css */


body
{ background-color: #fff; color: #3e3e3e; font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans; }

/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/core/css/iepngfix.htc'); }

/** Generic Selector Styling **/
a { color: #0078be; }
a:hover { color: #6DA9C5; }
p { margin-bottom: 7px; }
h1 { font-size: 123.5%; font-weight: bold; color: #3e3e3e; padding-bottom: 5px; }
h2 { font-size: 123.5%; font-weight: bold; color: #3e3e3e; padding-bottom: 5px; }
h3 { font-size: 116.5%; font-weight: bold; color: #3e3e3e; }
blockquote { margin: 10px 0 10px 15px; text-transform: uppercase; font-family: Georgia; }


/** Site Structure - NeonHuman **/

body { margin: 0 auto; padding: 0; text-align: center; background-color: #efefef; }

blockquote { margin: 0; padding: 15px; background: #ffe; border: dashed 1px #ccc; font-family: consolas,monospace; text-transform: none; font-size: 85%; line-height: 1em; }

/** Page Basics - NeonHuman **/

#Page { width: 846px; background-color: #fff; border-left: solid 1px #dedede; border-right: solid 1px #dedede; margin: 0 auto 0 auto; padding: 122px 20px 0 20px; text-align: left; }

/** Navigation Styling - NeonHuman **/

ul.site-menu      { position: absolute; left: 50%; top: 30px; margin-left: -476px; display: block; width: 951px; height: 45px; overflow: hidden; clear: both; background: transparent url('/custom/Assets/menu-softweb.png') no-repeat left top; padding-left: 284px; }
ul.site-menu li   { display: block; float: left;}
ul.site-menu li a { display: block; height: 45px; width: 30px; text-indent: -6000px; background: transparent url('/custom/Assets/menu-softweb.png') no-repeat -284px top; width: 48px; margin-right: 18px; }

ul.site-menu li.home a { background-position: -284px top; width: 48px; margin-right: 18px; }
ul.site-menu li.home a:hover { background-position: -284px bottom; width: 48px; margin-right: 18px; }
ul.site-menu li.home a.active { background-position: -284px bottom; width: 48px; margin-right: 18px; }

ul.site-menu li.web-development a { background-position: -350px top; width: 110px; margin-right: 17px; }
ul.site-menu li.web-development a:hover { background-position: -350px bottom; width: 110px; margin-right: 17px; }
ul.site-menu li.web-development a.active { background-position: -350px bottom; width: 110px; margin-right: 17px; }

ul.site-menu li.content-management-systems a { background-position: -477px top; width: 174px; margin-right: 17px; }
ul.site-menu li.content-management-systems a:hover { background-position: -477px bottom; width: 174px; margin-right: 17px; }
ul.site-menu li.content-management-systems a.active { background-position: -477px bottom; width: 174px; margin-right: 17px; }

ul.site-menu li.software-development a { background-position: -668px top; width: 133px; margin-right: 18px; }
ul.site-menu li.software-development a:hover { background-position: -668px bottom; width: 133px; margin-right: 18px; }
ul.site-menu li.software-development a.active { background-position: -668px bottom; width: 133px; margin-right: 18px; }

ul.site-menu li.contact a { background-position: -818px top; width: 72px; margin-right: 17px; }
ul.site-menu li.contact a:hover { background-position: -818px bottom; width: 72px; margin-right: 17px; }
ul.site-menu li.contact a.active { background-position: -818px bottom; width: 72px; margin-right: 17px; }


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


/** Wrapper Styling - NeonHuman **/


#MainWrapper         { width: 847px; clear: both; overflow: hidden; } 


/** Main Content Styling - NeonHuman **/


#Main                { width: 571px; float: left; padding: 0 0 20px 0; border-bottom: solid 1px #cbcbcb; margin-bottom: 40px; }
#Main h1             { border-bottom: solid 1px #CBCBCB; }
#Main ul             { padding: 10px 0 10px 20px; margin-left: 20px; list-style: square outside; }
#Main ol             { padding: 10px 0 10px 20px; margin-left: 20px; list-style: decimal outside; }
#Main ol li          { padding-bottom: 5px; clear: both; }
#Main img.panel-all { margin-bottom: 20px; }


/** Sidebar Styling **/
#Sidebar h2          { border-bottom: solid 1px #cbcbcb; }
#Sidebar             { width: 216px; float: right; }
#Sidebar div         { /*border-bottom: solid 1px #cbcbcb; */ margin-bottom: 10px; padding-bottom: 0px; }
#Sidebar div.links   { border-bottom: solid 1px #cbcbcb; margin-bottom: 5px; padding-bottom: 5px; }
#Sidebar div div     { border-bottom: dashed 1px #cbcbcb; /*padding-bottom: 10px; margin-bottom: 10px; */}
#Sidebar div div.last{ border-bottom: none; margin-bottom: 0; }

#Sidebar div.Blog-Summary h3     { padding-bottom: 5px; font-size:100% }
#Sidebar div.Blog-Summary a span.summary   { color: #555; font-size:90% }
#Sidebar div.Blog-Summary a:hover span { color: #6DA9C5; }
#Sidebar span.Blog-Publish-Date { font-size: 78%; color: #999; font-style: italic; display: inline; padding-bottom: 10px; }
#Sidebar span.read-more { font-size: 85%; font-style: italic; }

div.Blog-Summary-Fulltext h2 { display: block; padding-bottom: 2px; }
div.display-single-entry { margin-bottom:-20px;}
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; border-bottom: solid 1px #CBCBCB; }
div.Blog-Summary-Fulltext div.last-row { border-bottom: none; margin-bottom:-25px;}

div.display-single-entry div.BlogEntry h1 {font-weight: normal;}

#Sidebar div.clients ul                            { list-style: none; margin: 10px 0 0 58px;}
#Sidebar div.clients ul li                         { margin-bottom: 5px}
#Sidebar div.clients ul li.IWO                     { display: block; width: 100px; height: 37px; background-image: url('/custom/Assets/logos/logo-iwo.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.Optus                   { display: block; width: 100px; height: 45px; background-image: url('/custom/Assets/logos/logo-optus.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.Quiksilver              { display: block; width: 100px; height: 45px; background-image: url('/custom/Assets/logos/logo-quiksilver.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.Qantas                  { display: block; width: 100px; height: 30px; background-image: url('/custom/Assets/logos/logo-qantas.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.Ingenico                { display: block; width: 100px; height: 30px; background-image: url('/custom/Assets/logos/logo-ingenico.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.Arinzano                { display: block; width: 100px; height: 30px; background-image: url('/custom/Assets/logos/logo-arinzano.png'); text-indent: -6000px; }
#Sidebar div.clients ul li.TheCoolHunter           { display: block; width: 100px; height: 30px; background-image: url('/custom/Assets/logos/logo-tch.png'); text-indent: -6000px; }

#Sidebar div.contact p.bigtel { color: #0078be; font-size: 150%; text-align: center; } 
#Sidebar div.contact p.centred { text-align: center; } 

#Footer { padding: 15px; clear: both; font-size: 85%; text-align: center; color: #999; }

.contact-form-holder div { padding-bottom: 20px; }
.contact-form-holder div label { font-weight: bold; }
.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; }

/** Gallery Slider - jQuery Slider 1.2 CSS **/

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #586a74;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
width: 1%;
margin-top:-41px;
padding-left:10px;
margin-bottom: 41px;
 
}
.stripTransmitter ul {
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 6px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #586a74;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #586a74;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
  
/** Recaptcha styling **/
.recaptcha-holder { margin-left: 255px; }