/* This is the main stylesheet for the Percolate, Inc. corporate site. */

/* Start CSS 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;
}

/* 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: "" "";
}

/* End reset*/

/* All-purpose element finder: border: 1px solid red;  */

sup { font: 10px Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    vertical-align: top;
}

body { 
    background: url(./images/bg1.png) repeat-x #FFFFFF;
    margin: 0;
}

#blue_box b {
    font: bold 16px Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;    
}

.small {
    font: bold 10px Verdana, Arial, helvetica, sans-serif;
    color: #739CB5;    
}

#blue_box li {
    font: bold 90% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    list-style: inside;
    line-height: 1.4em;
}


.form {
    padding: 20px 0px 0px 60px;
}

#blue_box td, #blue_box_solutions td {
    font: bold 75% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    z-index: 3;
    line-height: 1.5em;
}

.left {   
    width:320px;
    float:left;
    padding: 0px 0px 0px 60px;
    font: bold 80% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
}


.right { 
    width: 330px;
	float: right;
    padding: 0px 40px 0px 30px;
    font: bold 80% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
}


.header_top {
    background: url(./images/header_top.png) #6BA2B7 no-repeat;
	margin: 0 auto;
	height: 127px;
	width: 794px;
}

.header_bottom {  
    background: url(./images/header_bottom.png) #6BA2B7 no-repeat;
    margin: 0 auto;
	color: #402217;
    height: 25px;
	width: 794px;
    text-align: right;
    padding: 12px 0px 0px 0px;
}

.header_bottom li {
    display: inline;
}

.header_bottom img {
    margin: 0px 10px 0px 0px;
    vertical-align:bottom; 
}

.header_bottom li a {
    float: left;
    position: relative;
    left: 470px;
}

/* Navbar hover CSS */
.header_bottom li a:hover { visibility:visible; }
.header_bottom li a:hover img { visibility:visible; }
.header_bottom li a:hover img /**/ { visibility:hidden; /* hide from IE5.0/win */}

#nav_home { background:url(images/nav_home_on.gif) no-repeat left bottom; }
#nav_support { background:url(images/nav_support_on.gif) no-repeat left bottom; }
#nav_services { background:url(images/nav_services_on.gif) no-repeat left bottom; }
#nav_solutions { background:url(images/nav_solutions_on.gif) no-repeat left bottom; }
#nav_community { background:url(images/nav_community_on.gif) no-repeat left bottom; }
#nav_about { background:url(images/nav_about_on.gif) no-repeat left bottom; }

#tv_brown { 
    margin: 18px 0px 0px 12px;
}

#blue_box_home {
    background:url(images/blue_box1.png) no-repeat left top;
    margin: 0 auto;
	width: 794px;
    height: 360px;
    z-index: 3;
    overflow: hidden;
}

#home_text  {
    position: relative;
    left: 440px;
    top: -270px;
    width: 320px;
    height: 200px;
    font: bold 80% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    line-height: 1.5em;
    clear: none;
}   

#demo_site img {
    position: relative;
    float: right;
    v-align: bottom;
    left: 3px;
    top: -324px;
    z-index: 5;
}

#blue_box {
    background:url(images/blue_box3.png) no-repeat left bottom;
    margin: 0 auto;
	width: 794px;
    height: 492px;
}

#blue_box_solutions {
    background:url(images/blue_box4.png) no-repeat left bottom;
    margin: 0 auto;
	width: 794px;
    height: 360px;
}

#blue_box_text {
    width: 700px;
    padding: 20px 40px 0px 50px;
    font: bold 75% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    z-index: 3;
    line-height: 1.5em;
}

#go_box {
    background:url(images/go_box.png) no-repeat left top;
    position: relative;
    top: -15px; 
    left: 30px;
    margin: 0 auto;
	height: 132px;
    width: 828px;
    z-index: 1;
    overflow: hidden;
}

#go_box li {
    display: inline;    
}

#go_box img {
    margin: 0px 10px 0px 0px;
    vertical-align:bottom; 
}

#go_box li a {
    float: left;
    width: 265px;
    height: 128px;
}

#go_box2 {
    background:url(images/go_box2.png) no-repeat left top;
    position: relative;
    top: -15px; 
    left: 30px;
    margin: 0 auto;
	height: 132px;
    width: 828px;
    z-index: 1;
    overflow: hidden;
}

#go_box2 li {
    display: inline;    
}

#go_box2 img {
    margin: 0px 10px 0px 0px;
    vertical-align:bottom; 
}

#go_box2 li a {
    float: left;
    width: 265px;
    height: 128px;
}


#ad_based img { position: relative; left: 76px; top: 13px; }
#commercial img { position: relative; left: 70px; top: 13px; }
#enterprise img { position: relative; left: 80px; top: 13px; }


#go_box_text {
    position: relative; 
    float: left;
    top: -85px; 
    margin: 0 auto;
	height: 70px;
    width: 798px;
    z-index: -1;
}

#go_box_text li { 
    display: inline;    
}

#go_box_text li a {
    height: 68px;
    width: 200px;
    text-align: center;
    margin: 0px 40px 0px 20px;
    text-decoration: none;
    font: bold 75% Verdana, Arial, helvetica, sans-serif;
    color: #3E5E6B;
    z-index: 2;
    line-height: 1.3em;
}

#ad_based_text { position: relative; left: 0px; }
#commercial_text { position: relative; left: 4px; }
#enterprise_text { position: relative; left: 10px; }

.footer { 
    margin: 8px auto;
	height: 50px;
	width: 794px;
    padding: 0px 10px 0px 0px;
}

.footer li {
    display: inline;
}

.footer img { 
    margin: 0px 25px 0px 0px;
    vertical-align:bottom; 
}

.footer li a { 
    position: relative;
    float: left;
    left: 435px;
    display: block;
}


/* Footer hover CSS */
.footer li a:hover { visibility:visible; }
.footer li a:hover img { visibility:visible; }
.footer li a:hover img /**/ { visibility:hidden; /* hide from IE5.0/win */}

#footer_blog { background:url(images/footer_blog_on.png) no-repeat left bottom; margin: 0px 5px 0px 0px; }
#footer_wiki { background:url(images/footer_wiki_on.png) no-repeat left bottom; margin: 0px 5px 0px 0px; }
#footer_news { background:url(images/footer_news_on.png) no-repeat left bottom; margin: 0px 3px 0px 0px; }
#footer_source { background:url(images/footer_source_on.png) no-repeat left bottom; }
#footer_contact { background:url(images/footer_contact_on.png) no-repeat left bottom; }
#footer_jobs { background:url(images/footer_jobs_on.png) no-repeat left bottom; }


/* End main stylesheet */