﻿@import url('typo.css');

/*

todo:
----
about
home
person
project
project details


good to go:
----------
blog
blog post
people

*/

/* 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, b, u, i, center, 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-size: 100%;
}
p {
	padding-bottom: 15px;
}
html, body {
	background-image: url('Images/Blue.jpg');
	background-attachment:fixed;
}
/*--Structural Wrapper-----------------------------------------------------------------------------------------*/
#wrapper {
	width: 880px;
	margin: 0px auto;
}
/*--major containers-----------------------------------------------------------------------------------------*/
#cap_top {
	BACKGROUND: url('Images/cap_top_BLUE.png') no-repeat left top;
	WIDTH: 880px;
	HEIGHT: 23px;
}
#content_header {
	background-image: url('Images/bg_content_ALL.png');
	background-repeat: repeat-y;
	height: 112px;
}
#logo {
	BACKGROUND: url('Images/logo_livelabs-mask_ALL.png') no-repeat left top;
	WIDTH: 232px;
	HEIGHT: 80px;
	margin-left: 13px;
}
#logo_faux_button {
	margin-left: 40px;
	width: 160px;
	height: 80px;
	cursor: pointer;
}


#logo_top_padder {
	width: 232px;
	height: 32px;
	background-color: #f2f4e3;
	margin-left: 13px;
}

#logo_left_padder {
	width: 40px;
	height: 80px;
	background-color: #f2f4e3;
	margin-left: 13px;
	float: left;
}
#top_logo_section {
	float: left;
	width: 245px;
	height: 24px;
}
#top_navigation_section {
	float: left;
	width: 624px;
	height: 112px;
	background-color: #f2f4e3;
	background-image: url('Images/bg_texture_top.png');
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: bottom;
}
#top_navigation_bar {
	/*padding-left: 13px;*/
	padding-top: 12px;
	font-weight: bold;
	text-transform: uppercase;
	float:right;
	clear:both;
}

#LiveLabsQuote{
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	text-transform:none;
	float:left;
	margin-top:41px;
	margin-left:10px;
	width:552px;
}

#content_box {
	width: 880px;
	background-image: url('Images/bg_content_ALL.png');
	background-repeat: repeat-y;
	font-size:75%;
}
#content_area {
	background-image: url('Images/bg_texture_body.png');
	background-color: #f2f4e3;
	background-position: right top;
	background-repeat: no-repeat;
	margin-left: 13px;
	margin-right: 11px;
	padding-bottom: 18px;
	overflow:hidden;
}

#cap_bottom {
	BACKGROUND: url('Images/cap_bottom_BLUE.png') no-repeat left top;
	WIDTH: 880px;
	HEIGHT: 23px;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}
/*--homepage styles----------------------------------------------------------------------------------------------*/
#box_Pivot{
	width:247px;
	float:left;
	margin-left:40px;
	margin-top: 63px;

}
#box_Seadragon{
	width:247px;
	float:left;
	padding-left:36px;
	margin-top: 63px;
	background-image:url(images/divider_v_short.png);
	background-position:left 10px;
	background-repeat:no-repeat;
}

#box_Photosynth{
	width:247px;
	float:left;
	padding-left:36px;
	margin-top: 63px;
	background-image:url(images/divider_v_short.png);
	background-position:left 10px;
	background-repeat:no-repeat;
}

.product_description{
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin-top:15px;
	width:213px;
}

a.visitBtn, a.visitBtn:visited{
	display:block;
	width:110px;
	height:20px;
	background-image:url(images/visitBtn_rest.png);
	background-repeat:no-repeat;
	margin-left:48px;
	text-align: center;
	padding-top:5px;
	margin-top:20px;
	font-size:10px;
	text-transform: uppercase;
	font-weight:bold;
	color:#4f4423;
	margin-bottom:20px;
}

a.visitBtn:hover {
	background-image:url(images/visitBtn_hover.png);
	color:#372f18;
	text-decoration:none;
	
}


/*--product page styles----------------------------------------------------------------------------------------------*/

#nav_column{
	float:left;
	width:160px;
	margin-left:40px;
	/*
	font-size:12px;
	line-height:24px;
	padding-top:137px;
	*/
}

#page_content{
	font-size:14px;
	line-height:19px;
	/*color:#70716d;*/
	color:#555555;
	margin-right:40px;
	margin-left:244px;
	margin-top:24px;
}

.projectItem{
 	margin-bottom:40px;
	font-size:12px;
}

.projectItem img{
 	margin-top:5px;
}

.projectItem ul{
	padding-left:40px;
	padding-bottom:12px;

}

.projectHeader, a.projectHeader{
	font-size:18px;
	line-height:30px;
}

/*--------------------------------*/



#footer{
	padding-left: 11px;
	padding-bottom: 10px;
	text-shadow:0px 2px 2px #333333
}

#footer .floatRight{
	margin-right:9px;
}

#page_title_container {
	font-size:22px;
	font-weight:normal;
	text-transform:none;
	float:left;
	margin-top:57px;
	margin-left:10px;
	width:552px;
	color:#333333;
	position:absloute;
}

#page_title_container_1 {
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	text-transform:none;
	float:left;
	margin-top:41px;
	margin-left:10px;
	width:552px;
}

/*  Site Not Available page ------------------------------------------------------------------------------------------------------*/
#siteNotAvailableMsg{
	margin-top:120px;
}
#siteNotAvailableMsg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#LLLogo_text_white{
	margin-top:40px;
	text-align:right;
}