/*-------------------------------------------------
Global
-------------------------------------------------*/

body {
	font-family: Lucida Grande, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	background: url(../images/background.gif);
	margin: 0;
	padding 0;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*-------------------------------------------------
Structure
-------------------------------------------------*/

.social {
	padding: 10px 0 0 0;
}

.videobox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #000;
	z-index: 10000;
}

.videoInfo {
	padding: 15px 10px 0 10px;
}

.c {
	display: none;
}

.container {
	position: absolute;
	padding: 10px 10px 0 10px;
	top: 0;
	left: 0;
	width: 500px;
	height: 400px;
	background: #fff;
	z-index: 20000;
}

#shadow {
	width: 1016px;
	background: url(../images/shadow-middle.png);
}

#main {
	width: 960px;
	text-align: left;
	background: url(../images/background-white.gif);
}

#header {
	width: 960px;
	height: 272px;
	position: relative;
}

#header.team {
	background: url(../images/team/background.png) no-repeat;
}

#header .person {
	position: absolute;
	top: 0px;
	left: 308px;
	width: 200px;
	height: 272px;
}

#header .group {
	position: absolute;
	top: 70px;
	left: 660px;
}

#header .view {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

#header .person table, #header .person table td {
	height: 272px;
}

#header img {
	//position: absolute;
	//top: 0px;
	//left: 0px;
	//z-index: 100;
}

.headLeft {
	position: absolute;
	top: 30px;
	left: 90px;
	z-index: 5000;
}

.headRight {
	width: 200px;
	position: absolute;
	top: 30px;
	left: 700px;
	z-index: 5000;
	text-align: right;
}

/*-------------------------------------------------
Home
-------------------------------------------------*/

#navigation {
	background-color: #fff;
}

.content {
	background: url("../images/line-left.gif") no-repeat;
	position: relative;
	padding-bottom: 15px;
}

.content .left {
	width: 190px;
	padding-left: 90px;
	padding-right: 30px;
	padding-top: 30px;
}

.content .middle {
	float: left;
	width: 340px;
	padding-left: 0;
	padding-top: 30px;
	margin-bottom: 15px;
}

.content .middle .inner {
	padding-right: 60px;
	background: url(../images/content_middle_bg.jpg) repeat-y;
	margin-bottom: 15px;
}

.content .middle .innerDetails {
	padding-right: 60px;
	margin-bottom: 15px;
}

.middleProducts .inner .left {
	width: 200px;
	padding: 0;
	margin: 0;
}

.middleProducts .inner .right {
	float: right;
	width: 160px;
}

.middleProducts .inner {
	width: 560px;
	float: left;
	padding-left: 0;
	padding-top: 30px;
	margin-bottom: 15px;
}

.content .right {
	width: 220px;
	padding-left: 0;
	padding-right: 90px;
	padding-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.content .right .text {
	font-size: 11px;
	line-height: 17px;
}

#imagesContainer {
	width: 220px;
	height: 140px;
	overflow: hidden;
}

#videosContainer {
	width: 220px;
	height: 140px;
	overflow: hidden;
}

.productBox {
	width: 218px;
	height: 138px;
	text-align: center;
	border: 1px solid #e5e5e5;
	background: url(../images/product_box_bg.jpg) no-repeat;
}

.productBoxOver {
	width: 218px;
	height: 138px;
	text-align: center;
	border: 1px solid #7b7b7b;
	background: url(../images/product_box_bg.jpg) no-repeat;
}

.productBox:hover {
	border: 1px solid #7b7b7b;
}

.productMargin {
	margin-right: 40px;
}

#pointer {
	position: absolute;
	top: 0px;
	left: 0px;
}

/*-------------------------------------------------
products
-------------------------------------------------*/

.productBoxSmall {
	float: left;
	width: 158px;
	height: 100px;
	text-align: center;
	border: 1px solid #e5e5e5;
	background: url(../images/product_box_small_bg.jpg) no-repeat;
}

.productBoxSmall.noHover {
	border: none;
	background: none;
}

.productBoxSmallOver {
	width: 158px;
	height: 100px;
	text-align: center;
	border: 1px solid #7b7b7b;
	background: url(../images/product_box_small_bg.jpg) no-repeat;
}

.productBoxSmall:hover {
	border: 1px solid #7b7b7b;
}

.productBoxSmall.noHover:hover {
	border: none;
}

.textProductBoxSmall {
	width: 100%;
	height: 165px;
}

.textProductBoxSmall .text {
	text-align: left;
	padding: 5px 0 0 0;
}

#footer {
	width: 960px;
	color: #ebcbd3;
	padding-bottom: 30px;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ebcbd3;
	text-decoration: none;
	padding: 2px;
}

#footer a:hover {
	text-decoration: underline;
}

#lineBottom {
	background: url("../images/line_bottom.png") no-repeat top;
}

/*-------------------------------------------------
product details
-------------------------------------------------*/

.detailHeadline {
	width:560px;
	float:left;
	margin-top:30px;
}

.prevNext {
	width: 220px;
	height: 17px;
	margin-top: 8px;
}

.prevNext .left {
	width: 14px;
	float: left;
	padding: 0;
	margin: 0;
}

.prevNext .middle {
	width: 192px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #666;
}

.prevNext .right {
	width: 14px;
	float: right;
	padding: 0;
	margin: 0;
}

.prevNext .text {
	padding-top: 12px;
	font-size: 11px;
	color: #aaa;
}

.pagination {
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
}

/*-------------------------------------------------
Fonts
-------------------------------------------------*/

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 25px;
	line-height: normal;
	color: #7a0428;
	padding: 0;
	margin: 0;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #aaa;
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #7a0428;
	padding: 0;
	margin: 0;
}

h3 font {
	color: #ca890a;
}

.none img {
	border: 0;
}

a.grey:link, a.grey:visited, a.grey:focus, a.grey:hover, a.grey:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
	text-decoration: none;
}

a.grey:hover {
	border-bottom: 1px solid #aaa;
	background: none;
}

a.grey2:link, a.grey2:visited, a.grey2:focus, a.grey2:hover, a.grey2:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

a.grey2:hover {
	border-bottom: 1px solid #000;
	background: none;
}

.pagination a:link, .pagination a:visited, .pagination a:focus, .pagination a:hover, .pagination a:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #e29600;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

.pagination a:hover {
	color: #7a0428;
	background: none;;
}
	
.nav1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #7a0428;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav1active:link, a.nav1active:visited, a.nav1active:focus, a.nav1active:hover, a.nav1active:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
	color: #e29600;
	background-color: #7a0428;
}
	
a.nav1:link, a.nav1:visited, a.nav1:focus, a.nav1:hover, a.nav1:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #7a0428;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav1:hover {
	color: #e29600;
	background-color: #7a0428;
}

.nav2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #e29600;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav2active:link, a.nav2active:visited, a.nav2active:focus, a.nav2active:hover, a.nav2active:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #7a0428;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav2:link, a.nav2:visited, a.nav2:focus, a.nav2:hover, a.nav2:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #e29600;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav2:hover {
	color: #7a0428;
	background: none;
}

.nav3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav3active:link, a.nav3active:visited, a.nav3active:focus, a.nav3active:hover, a.nav3active:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #7a0428;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav3:link, a.nav3:visited, a.nav3:focus, a.nav.nav3:hover, a.nav3:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
}

a.nav3:hover {
	color: #7a0428;
}

a.none:link img {
	border: 0;
	background: none;
}

.red {
	color: #7a0428;
}

.pagination a:link {
	padding: 3px;
	border: 1px solid #ddd;
}

.content a.link:link,.content a.link:visited,.content a.link:focus,.content a.link:hover,.content a.link:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #7a0428;
	padding: 1px;
	border-bottom: 1px solid #f4d2dc;
	text-decoration: none; 
}

.content a.link:hover {
	background-color: #7a0428;
	color: #fff;
}

/*-------------------------------------------------
Form
-------------------------------------------------*/

.form {
	width: 590px;
}

.form textarea {
	width: 60%;
}

.formLeft {
	float: left;
	width: 160px;
	text-align: right;
}

.formRight {
	float: left;
	width: 300px;
}

.wide {
	width: 200px;
	height: 15px;
}

.error {
	padding: 3px;
	color: #7a0428;
	font-size: 13px;
}

.input {
	width: 60%;
	height: 20px;
	color: #666;
	font-size: 13px;
	border: 1px solid #aaa;
	padding: 3px;
}

.textarea {
	color: #666;
	font-size: 13px;
	border: 1px solid #aaa;
	padding: 3px;
}

#google-maps {
	width: 590px;
	height: 300px;
}