html, body {
	background: url("../img/mainBg.png") left top repeat-x #ddd;
}
body {
	font-family: Tahoma, Arial, sans-serif, "Myriad Pro", "Segoe UI", Helvetica;
	color: #444;
	font-size: .82em;
}
.head {
	background: url("../img/topHeaderBG.png") repeat-x transparent;
}
.body {
	/*background-color: #ffffff;*/
}
.leftCol {
	background-color: #f4f4f4;
}
.foot {
	/*border: 1px solid #777;
	background-color: #e9e9e9;*/
	color: #555;
	font-size: 88%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 12px;
}
.foot p {
	padding: 0px;
}

/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
p { line-height: 2em;}
p.lastp {
	padding-bottom: 0px;
}
h1, h2, h3, h4, h5, h6, dl, p, blockquote {padding: 10px 0px 10px 0px;}
ul, ol {padding: 10px 0px 0px 0px;}
img {padding:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul,
table ol, table dl, ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol,
ul dl, ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
object {margin: 10px; display:block;}

/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr {
	border: 5px solid #eaeaea;
	border-width: 0 0 5px 0;
	margin: 15px 0px 10px 0px;
}
code{color:#0B8C8F;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate
/* heading levels - NOT for use on non-headings */
h1, h2, h3, h4, h5, h6 {
	color: #b00000;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
h2 {
	position: relative;
	top: 3px;
	color: #ddd;
	height: 37px;
	width: 100%;
}
.roundHeader { width: 960px; }
.roundHeaderCorner { width: 26px; }
.headerLeft { float: left; }
.headerRight { float: right; }
.headerCenter {
	width: 908px;
	float: left;
	background: url('../img/roundHeaderFaux.png') left top repeat-x transparent;
}
h1, .h1{font-size:196%;  	font-weight:bold; 	font-style: normal;}
h2, .h2{font-size:170%; 	font-weight:bold; 	font-style: normal;}
h3, .h3{font-size:150%; 	font-weight:normal; 	font-style: normal;}
h4, .h4{font-size:120%; 	font-weight:bold; 	font-style: normal;}
h5, .h5{font-size:115%; 	font-weight:bold; 	font-style: normal;}
h6, .h6{font-size:100%; 	font-weight:normal; 	font-style: normal;}
h7, .h7{font-size:100%; 	font-weight:bold; 	font-style: normal;}
h4 {
	height: 45px;
	margin-bottom: -22px;
}
h4.silver {
	background: url('../img/fauxH4silver.png') left top repeat-x;
	/*color: #4a4a4a; this one's better hands down! */
	color: #800000;
}
h4.silver img {
	margin-top: -1px;
}
h4.darkRed {
	background: url('../img/fauxH4darkred.png') left top repeat-x;
	color: #780000;
}
h4.orange {
	background: url('../img/fauxH4orange.png') left top repeat-x;
	color: #ffe8a6;
}
h5.silver {
	height: 25px;
	background: url('../img/fauxH4silver.png') left top repeat-x;
	color: #800000;
}
h7 {
	text-decoration: underline;
	display: block;
	margin-top: 17px;
}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */

.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}

/* ====== Divs ======*/
.column {
	width: 312px;
	padding: 4px;
}
.column2 {
	width: 630px;
	padding: 4px;
}
.fixedColHeight {
	height: 190px;
}
.fixedSmallCol {
	height: 210px;
}
.fixedLargeCol {
	height: 410px;
}
.fixedHomeCol {
	height: 527px;
}
.firstColumn {
	padding-left: 0px;
	padding-right: 8px;
}
.lastColumn {
	padding-left: 8px;
	padding-right: 0px;
}
.divInfoContainer {
	padding: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.divInfo {
	text-align: justify;
	/*padding: 5px 10px 10px 10px;
	background: url('../img/divInfoFaux.png') repeat-x top left #fff;*/
}
/* ====== Links ======*/
a {color: #ea2; font-weight:bold; text-decoration: underline; outline: none;}
a:hover {color: #fd2}
a:focus, a:hover { text-decoration: underline }

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList {
	margin-left: 3px;
	font-weight: normal;
}
ul.simpleList li {
	padding-bottom: 6px;
	padding-left: 17px;
	background: url("../img/icons/listLv1.png") left no-repeat;
	background-position: 0px 7px;
	line-height: 2em;
}
ul.listLv2 li {
	list-style-type: none;
	background: url("../img/icons/listLv1.png") left no-repeat;
	background-position: 15px 7px;
	padding-left: 32px;
	padding-bottom: 2px;
}
.listElementDef {
	display: block;
	width: 90%;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.6em;
	color: #555;
	border: 1px solid #ccd;
	background-color: #f9f9ff;
	padding: 7px 10px 8px 10px;
	margin: 3px 0px 1px 0px;
	text-align: justify;
}
.listAddInfo {
	font-size: .85em;
}
.simpleList .open {}
.simpleList .closed {}
.simpleList .defaultClosed {display: none;}

/* ====== Tables ====== */
.inputTable {
	position:relative;
	padding: 0px;
	margin: 0px;
}
.inputTable td {
	padding:0px 20px 2px 0px;
}
.data {
	padding-top: 10px;
	position:relative;
	zoom:1;
	vertical-align: top;
	border-right: solid 1px transparent;
	/* border fixes a FF2 bug which causes the data table to overlay its borders*/
}
.data table {border: none;}
th, td{vertical-align:top; border: none;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:0px 20px 7px 0px;}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}

#logos {width: 100%;}
#logos td {text-align: center;}
#logos td img {
	margin-bottom: 25px;
}

/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}

/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}

/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}

/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

/* ====== forms ====== */
input.submitBut {
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size: 11px;
	color: #222;
}
input.textInput, textarea.textInput {
	color: #444;
	font-size: 11px;
	border: 1px solid #888;
	background-color: #f4f4f4;
	padding: 3px 5px 3px 3px;
}

/* ====== slideshow ====== */
#slideShow {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 2px;
}

/* ====== SWF ====== */
#ekg {
	position: absolute;
	margin-top: 4px;
	left: 50%;
	margin-left: -28px;
}
#video {
	margin: 0px;
	padding: 0px;
}

/* ====== topMenu ====== */
#topMenu {
	background: url('../img/menuDiv.png') no-repeat top left;
	padding-top: 8px;
	height: 34px;
	text-align: center;
	font-family: Arial;
	font-size: 120%;
}

#topMenu a img {
	display: inline;
	margin-top: -1px;
}

#topMenu a {
	margin: 24px;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
#topMenu a:hover {
	color: #fff;
}



/* ====== random classes ====== */
.center {text-align: center;}
.last {margin-bottom: 10px;}
.strong {font-weight: bold;}
.pointer{cursor: pointer;}
.floatLeft{float: left; margin-right: 20px;}
.clear {clear: both;}
.fotoServeis {padding-top: 20px;}
.homeOffer {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 17px;
}

.divDarkRed {
	background: url('../img/boxes/redFaux.png') no-repeat #880000;
	color: #f2f2f2;
}
.divDarkGrey {
	background: url('../img/boxes/greyFaux.png') no-repeat #707070;
	color: #f2f2f2;
}
.divLightGrey {
	background: url('../img/boxes/lightGreyFaux.png') no-repeat #707070;
	color: #f2f2f2;
}
.divOrange {
	background: url('../img/boxes/orangeFaux.png') no-repeat #e18400;
	color: #fff;
}