/* 
	Document	: default
	Created on	: Nov 9, 2009, 12:20:56 PM
	Author		: Cristian Ciobanu
	Description	: Main website stylesheet
*/

@import "reset.css";
@import "classes.css";
@import "navigation.css";

body {
	background:#fff url("../ui/bg.png") repeat-x top left;
	font:13px/1.4 "Trebuchet MS", arial, sans-serif;
	color:#000;
}
a, a:link {
	color:#0222b2;
	text-decoration:none;
}
a:active {
	color:#3179ce;
	text-decoration:underline;
}
a:visited {
	color:#2f3f86;
	text-decoration:none;
}
a:hover {
	color:#a00000;
	text-decoration:underline;
}
.blue, a.blue, a.blue:link, a.blue:active, a.blue:visited {
	color:#2f3f86;
}
a.blue:hover {
	color:#2f3f86;
}
.black, a.black, a.black:link, a.black:active, a.black:visited {
	color:#000;
}
a.black:hover {
	color:#000;
}
img.banner {
	margin:0 auto;
	padding:2em 0;
	display:block;
}
h1.headline {
	background:#357dd0 url('../ui/bg-headline.jpg') no-repeat top left;
	border:2px solid #748ecf;
	margin:0 0 1em 0;
	padding:0 15px;
	line-height:31px;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	text-shadow:#000 0.1em 0.1em 0.2em;
}
h1.headline span {
	float:right;
	font-size:13px;
	letter-spacing:0.01em;
}

/*************************/
#page {
	width:1024px;
	margin:0 auto;
}
#tagline {
	padding:10px;
	text-align:center;
}
#header {
	height:124px;
	background:#6892d8 url("../ui/header.jpg") no-repeat top left;
	overflow:hidden;
}
#header.header-secondary {
	background:#6892d8 url("../ui/header-secondary.jpg") no-repeat top left !important;
}
#logo {
	width:298px;
	height:92px;
	display:block;
	margin:20px 0 0 17px;
}
#logo em {
	visibility:hidden;
}
#footer {
	padding:1em;
	text-align:center;
	font-size:0.85em;
}
#nav {
	height:41px;
	background:#2f3f86 url("../ui/nav.png") no-repeat top left;
	overflow:hidden;
}
#container {
	background:#eff4fc url("../ui/bg-bottom.png") repeat-x bottom left;
	padding-bottom:25px;
	overflow:hidden;
}
#panels {
	background:url("../ui/shattuck.png") no-repeat bottom center;
	padding-bottom:40px;
	min-height:525px;
	height:auto !important;
	height:525px;
}
#panel-home-left {
	width:245px;
	float:left;
	padding:25px 20px 0 20px;
}
#panel-home-right {
	width:245px;
	float:right;
	padding:25px 20px 0 20px;
}
#panel-home {
	background:url("../ui/bg-top.png") repeat-x top left;
	margin:0 285px;
	padding:25px 20px 0 20px;
	min-height:352px;
	height:auto !important;
	height:352px;
}
#panel-left {
	width:245px;
	float:left;
	padding:10px 20px 0 20px;
	min-height:352px;
	height:auto !important;
	height:352px;
	background:url("../ui/bg-top.png") repeat-x top left;
}
#panel-right {
	overflow:hidden;
	padding:20px 20px 0 35px;
}

/*************************/
#panel-home .scrollable {
	position:relative;
	overflow:hidden;
	width:400px;
	height:550px;
	margin:0 auto;
}
#panel-home .scrollable .items {
    width:20000em;
    position:absolute;
}
#panel-home .scrollable .item {
	width:400px;
	height:550px;
	float:left;
}
#panel-home .featured img.picture {
	display:block;
	margin:1em auto;
	border:6px solid #fff;
}
#panel-home .featured h2 {
	text-align:center;
	margin-bottom:0.75em;
}
#panel-home .featured div.text {
	margin:0 20px 0 40px;
	font-size:0.9em;
}

/*************************/
#panel-left .scrollable {
	position:relative;
	overflow:hidden;
	width:245px;
	height:500px;
	margin:0 auto;
}
#panel-left .scrollable .items {
    width:20000em;
    position:absolute;
}
#panel-left .scrollable .item {
	width:245px;
	height:500px;
	float:left;
}
#panel-left .featured img.picture {
	display:block;
	margin:1em auto;
	border:3px solid #fff;
	max-width:239px;
}
#panel-left .featured h2 {
	text-align:center;
	margin-bottom:0.75em;
}
#panel-left .featured div.text {
	margin:0 5px;
	font-size:0.9em;
}

/*************************/
.company-address {
	margin:1.5em 0;
	font-size:0.9em;
}