* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color:#1b84b3 ; }
a:hover { text-decoration: underline; color: #f87602; }

body {
font: 62.5% "Arial", Helvetica, san-serif;  
margin: 0 auto;
background: #cae7f4 url(img/bg.gif) top left repeat-x;
color: #5a5c64;
}
#wrapper {
margin: 0 auto;
width: 800px;
text-align: left;
background: #fff url(img/header-bg.jpg) 0 0 no-repeat;
}
#margin {
width: 780px;
margin: 0 auto;
padding: 0 0 10px;
}


/* header
--------------------------------*/
#header {
width: 780px;
height: 160px;
background: url(img/header-bg.gif) 0 10px repeat-x;
}
h1 {
width: 300px;
height: 115px;
float: left;
font: bold 2.4em/1.1em "Arial", Helvetica, san-serif;  
}
h1 img { margin: 20px 0 0 20px; }
h1 a:hover { background: none; }
#header p {
font: normal 1.8em/1.1em "Helvetica Neue Light", Arial, Helvetica, san-serif;  
text-align: right;
clear: right;
margin: 0 65px 0 0; 
padding-top: 111px;
letter-spacing: 0.1em;
}
#header p span { color: #1b84b3; }


/* navigation
--------------------------------*/
ul#nav {
width: 780px;
height: 39px;
margin-bottom: 10px;
background: #5a5c64 url(img/nav-bg.gif) 0 0 repeat-x;
}
ul#nav li {
float: left; 
display: inline;
list-style: none;
position: relative;
height: 39px;
}
ul#nav ul {
width: 200px;
display: none;
position: absolute;
background: url(img/dropdown-bg.png) bottom left repeat;
top: 39px;
left: 0;
}
ul#nav ul li {
float: none;
display: block !important;
display: inline;
height: 24px;
}
ul#nav a {
padding: 0 21px 0 19px;
float: none !important;
float: left;
display: block;
color: #fff;
font: normal 1.3em/2.7em "Arial", Helvetica, san-serif;  
height: 39px;
text-decoration: none;
letter-spacing: 0.15em;
background:  url(img/nav-divider.gif) right center no-repeat;
}
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
color: #5bc4f2;
}
ul#nav li:hover li a,
ul#nav li.iehover li a {
float: none;
background: url(img/arrow.gif) 9px center no-repeat;
font: normal 1.2em/1.9em "Arial", Helvetica, san-serif;  
padding: 0 5px 0 19px;
height: 24px;
letter-spacing: 0em;
border-top: 1px solid #fff;
color: #fff;
}
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
color: #5bc4f2;
background: url(img/arrow.gif) 9px center no-repeat;
}
ul#nav li:hover ul,
ul#nav li.iehover ul { display: block; }



/* content elements
--------------------------------*/
#content {
width: 550px;
float: left;
}
#content-left {
width: 270px;
float: left;
}
#content-right {
width: 270px;
float: right;
}
#content h2 {
font: normal 1.9em/1.1em "Helvetica Neue Light", Arial, Helvetica, san-serif;  
margin: 0 5px 10px;
clear:both;
color: #1b84b3;
}
#content h4 {
font: bold 1.4em/1.7em "Arial", Helvetica, san-serif;  
margin: 20px 10px 10px 0;
padding: 0 5px;
background: #eee url(img/h4-bg.gif) top left no-repeat;
color: #3e4045;
}
#content h5 {
font: bold 1.5em/1.2em "Arial", Helvetica, san-serif;  
margin: 25px 5px 3px;
color: #3e4045;
}
#content p {
font: normal 1.2em/1.3em "Arial", Helvetica, san-serif;  
margin: 0 5px 12px
}
#content p.path { 
font: normal 1.1em/1.1em "Arial", Helvetica, san-serif;  
margin: 0 5px;
}
#content ol {
margin: 0 25px 15px;
list-style-type: decimal;
display: inside;
}
#content ol li {
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
list-style-type: decimal;
margin: 0 0 3px;
}
#content ul { margin: 0 5px 15px; }
#content ul li {
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
margin: 0 0 4px;
padding: 0 0 0 10px;
background: url(img/arrow-orange.gif) 0 4px no-repeat;
}
#content ul li ul { margin: 5px 10px; }
#content ul li ul li {
font: normal 1em/1em "Arial", Helvetica, san-serif;  
}
#testimonial {
background: url(img/quotes.gif) 5px 0 no-repeat;
border-left: 1px solid #1b84b3;
border-bottom: 3px solid #1b84b3;
margin: 0 15px 15px;
padding: 2px 0 2px;
}
#testimonial p {
margin: 0 12px 10px 22px;
color: #1b84b3;
font-style: italic;
}
img.left {
float: left;
margin: 0 10px;
}
img.right {
float: right;
background: #fff;
padding-left: 50px;
margin: 0 10px;
}
img.screen {
margin: 0 0 15px 5px;
background: #fff;
padding: 10px;
border: 1px solid #aaa;
}
img.more { margin: 5px 0 0 0; }
pre {
font: normal 1.2em/1.2em "Courier", Helvetica, san-serif;  
padding: 10px;
border: 1px solid #aaa;
margin: 0 10px 15px 0;
overflow: auto; 
height: 125px;
overflow-x: hidden; 
overflow-y: scroll; 
}
pre strong {
font: normal 1em/1em "Courier", Helvetica, san-serif;  
color: blue;
}
pre em {
font: normal 1em/1em "Courier", Helvetica, san-serif;  
color: green;
}
pre span {
font: normal 1em/1em "Courier", Helvetica, san-serif;  
color: #aaa;
}


/* home page feature
--------------------------------*/
#feature {
width: 550px;
height: 175px;
margin: 0  0 15px;
background: #1d87b9 url(img/feature-bg.gif) 0 0 no-repeat;
}
#feature h2 {
font: normal 2.4em/1.1em "Helvetica Neue Light", Arial, Helvetica, san-serif;  
color: #fff;
margin: 0 20px 22px;
padding: 30px 0 0 0;
}
#feature p {
color: #fff;
margin: 0 190px 0 20px;
font: normal 1.2em/1.8em "Arial", Helvetica, san-serif;  
}
#feature p img { float: right; color: #fff; }



/* sidebar elements
--------------------------------*/
#sidebar {
width: 220px;
float: right;
background: #ebf6fb url(img/sidebar-top.gif) 0 0 no-repeat;
}
#sidebar div {
width: 220px;
float: right;
background: url(img/sidebar-btm.gif) bottom left no-repeat;
}
h3 {
background: #6b6d79;
height: 22px;
width: 200px;
clear: left;
margin: 10px 0 7px 10px;
color: #fff;
font: normal 1.3em/1.6em "Arial", Helvetica, san-serif;  
background: #6b6d79 url(img/h3-bg.gif) top left no-repeat;
text-indent: 5px;
}
#sidebar ol {
margin: 0 10px 15px;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
}
#sidebar ol li {
display: block;
width: 200px;
}
#sidebar ol li a {
color: #1b84b3;
display: block;
padding: 3px 0 3px 13px;
text-decoration: none;
border: 1px solid #ebf6fb;
background: url(img/arrow-orange.gif) 4px 7px no-repeat;
}
#sidebar ol li a:hover {
background: #fff url(img/arrow-orange.gif) 4px 7px no-repeat;
border: 1px solid #cee0e8;
color: #f87602;
}
#sidebar ol li a.active {
color: #f87602;
}
#sidebar h6 {
color: #1b84b3;
font: bold 1.2em/1.2em "Arial", Helvetica, san-serif;  
margin: 0 10px 1px;
text-indent: 18px;
background: url(img/paper.gif) 0 0 no-repeat;
}
#sidebar h6 span {
font: normal 0.8em/1.2em "Arial", Helvetica, san-serif;  
color: #999;
}
#sidebar p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;  
margin: 0 10px 12px;
}




/* form elements
--------------------------------*/
#content form p, #sidebar form p { line-height: 1.8em; }
#sidebar form { padding: 3px 0 0;}
input, textarea, select {
background: #f1f7fa;
color: #125b7b;
width:300px;
border: 1px solid #b1c2ca;
margin: 0 0 5px;
padding: 3px;
font: normal 1em/1em "Arial", Helvetica, san-serif;
}
#content select { width:100px; }
#sidebar input {
width:110px;
background: #fff;
margin: 0 0 3px;
}
textarea:focus, input:focus, select:focus { border: 1px solid #1b84b3; background: #def0f8; }
label {
float: left;
clear: left;
text-align: right;
padding-right: 10px;
width:125px;
}
#sidebar label { 
width: 75px; 
padding: 0; 
text-align: left; 
}
input#send {
width:64px;
height:23px;
background: #333;
color: #fff;
padding: 0;
border: 0;
margin: 0 0 0 75px;
clear: left;
outline: none;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;
}
#content input#send { margin: 0 0 0 135px; }
#sidebar input#send { margin: 0 0 0 75px; }
form span {color: #e21025; font: normal 1.4em/1.1em "Arial", Helvetica, san-serif;}




#clearall {
clear: both;
width: 100%;
}



/* footer
--------------------------------*/
#footer {
width: 780px;
height: 40px;
float: left;
margin: 10px 0 0 ;
background: url(img/footer-bg.gif) 0 0 repeat-x;
}
#footer p {
font: normal 1.1em/1.2em "Arial", Helvetica, san-serif;  
padding: 12px 0 0;
text-align: center;
}
#footer p a { padding: 2px 5px; }
#footer p a.gap { margin-left: 100px; }


/* credits & seo
--------------------------------*/
#outside {
width: 780px;
margin: 10px 0 0;
float: left;
}
#outside p {
font: normal 0.9em/1.1em "Arial", Helvetica, san-serif;  
color: #ccc;
margin: 0 5px;
}