/*------------------------------------------------------------------------------
RESET
------------------------------------------------------------------------------*/
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,
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-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;*/
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}

/*------------------------------------------------------------------------------
HIGHSITE HTML PREFERENCES
------------------------------------------------------------------------------*/
* {
   font-family: "UniversLTW01-47LightCn";
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, td, li {
   font-weight: normal;
   font-weight: 100;
   letter-spacing: -.05em;
   color: #555;
}
h5, h6, p, td, li { 
  letter-spacing: 0;
}
h1 {
   font-size: 48px;
   margin-top: 30px;
   margin-bottom: 40px;
   text-align: center;
}
h2 {
   font-size: 38px;
   margin-top: 30px;
   margin-bottom: 0px;
   text-align: left;
}
h2 img { 
   width: 75px;
}
h5, h3 { 
   font-size: 30px;
   margin: 0px 0 20px 0;
   text-align: left;
}
h5 span { 
   color: #bbb;
   font-size: 24px;
   display: block;
}
h3 {
   margin-top: 60px;
   text-align: center;
}
p, td {
	text-align: left;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
	font-weight: 300;
}
td {
   padding: 0 40px 0 0 ;
}
table {
   margin: 10px 0;
}
.home h2 {
   margin-top: 10px;
   margin-left: 100px;
   font-size: 36px;
}
.ten_things h4 { 
   font-size: 36px;
   margin-top: 72px; 
   text-align: center;
}
.home h4 { 
   font-size: 36px;
   margin-top: 18px; 
   text-align: center;
}
.home h5 { 
   font-size: 20px;
   margin-top: 10px; 
   margin-left: 100px;
   width: 800px;
   line-height: 28px;
   font-weight: 300;
}
.home h5+h4 {
   margin-top: 60px;
}


/*------------------------------------------------------------------------------
SITE-WIDE HTML
------------------------------------------------------------------------------*/
body {
   margin: 0;
   background: #ffffff url(../images/nav_background.jpg) repeat-x top;
}

a { text-decoration: none; }
a:link { color: #db0000; }
a:visited { color: #ffcc00; }
a:hover { color: #ffcc00; }
a:active { color: #ffcc00; }

/*------------------------------------------------------------------------------
SITE-WIDE DIVS
------------------------------------------------------------------------------*/

/* the version below doesn't require an hr, but no absolutes outside the margin */
.container {
   position: relative;
   margin: 0 auto;
   width: 1000px;
   overflow: auto;
   padding: 0 0 40px 0;
}

/*-------------------------------------------------------------------------------
HOME PAGE
--------------------------------------------------------------------------------*/

.row1, .row2, .row3, .row4, .row5, 
.row6, .row7, .row8, .row9, .row0 {
   margin: 10px 0 0 0;  
   cursor: pointer; 
}

.detail1, .detail2, .detail3, .detail4, .detail5, 
.detail6, .detail7, .detail8, .detail9, .detail0 {
   width: 850px;
   margin: 10px 0 20px 0px;
   display: none;
}

#contact {
   position: relative;
   margin: 10px auto;
   width: 300px;
}
img.logo {
   margin: 0 0 20px 0;
   width: 353px;
   cursor: pointer;
}
.row1 {
   color: #db0000;
}
.row2 {
   color: #ffcc00;
}
.row3 {
   color: #78a120;
}
.row4 {
   color: #2e4aa4;
}
.row5 {
   color: #db00da;
}
.row6 {
   color: #009cff;
}
.row7 {
   color: #55247e;
}
.row8 {
   color: #ff7f0b;
}
.row9 {
   color: #db0000;
}
.row0 {
   color: #ffcc00;
}

footer {
   color: #999;
   font-weight: 100;
   font-size: 12px;
   position: relative;
   margin: 0 auto;
   width: 353px;
   text-align: center;
   padding: 0 0 50px 0;
   cursor: pointer;
}

input[disabled=disabled].audit {
   opacity: .3; 
} 

nav {
   margin: 0;
   text-align: center;
   padding: 7px 0 5px 0;
   height: 16px;
}
nav ul {
   height: 16px;
   padding: 0;
}
nav li {
   display: inline;
   padding: 0 40px 0 0;
   line-height: 16px;
   color: #fff;
   font-weight: 200;
}
nav li a, nav li a:visited, nav li a:link {
   color: #fff;
   text-transform: lowercase;
   letter-spacing: .1em;
}
nav li a:hover {
   color: #aaa;
}
.container #audit {
   display: none;
}
h4+p {
   text-align: center;
   margin: 10px 0 0 0;
}
#audit {
   width: 650px;
   height: 750px;
   padding: 0 50px 50px 50px;
}
#audit h4 {
   color: #ffcc00;
   margin: 18px 0 0 0;
}
#audit p {
   margin-top: 12px;
   line-height: 24px;
   text-align: left;
}
#audit div p {
   color: #db0000;
}
#audit div li {
   margin: 0 5px 0 30px;
   list-style: disc;
   line-height: 21px;
   text-align: left;
}
#audit div {
   float: left;
   width: 300px;
   margin: 10px 0 0 0;
}
#audit div + div {
   float: left;
   margin: 10px 0 0 20px;
   width: 300px;
}
.services .container {
   width: 800px;
}
.services h5 {
   margin: 30px 0 10px 0;
}
.services p {
   font-size: 16px;
   line-height: 24px;
   margin: 0 0 10px 0;
}
.services ul.apps {
   list-style: disc;
}
.services ul.apps li, .services ul.sites li  {
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   margin: 0 0 0 20px;
}
 .services ul.sites li {
  margin: 0
 }
.services h5:nth-of-type(1) {
   color: #009cff;
 }
.services h5:nth-of-type(2) {
   color: #db00da;
 }
.services h5:nth-of-type(3) {
   color: #2e4aa4;
 }
.services h5:nth-of-type(4) {
   color: #78a120;
 }
.services h5:nth-of-type(5) {
   color: #ffcc00;
 }
.services h5:nth-of-type(6) {
   color: #ff7f0b;
 }
.services h5:nth-of-type(7) {
   color: #db0000;
 }
 .services h5:nth-of-type(8) {
   color: #2e4aa4;
 }
 .services h5:nth-of-type(9) {
   color: #009cff;
   margin-bottom:50px;
 }
 .services h6 {
   color: #2e4aa4;
   font-size: 21px;
   text-align: center;
 }