body {
	font-family : Verdana,Tahoma,Arial,sans-serif;
	padding : 0px;
	margin-top : 0px;
	font-size : 60%;
	color : #333333;
	background:#ffffff url(../gifs/background_grad.gif) top center;
}

#page {
	
	margin:0 auto;
	width : 765px;
	color : #333333; 
	background-color : #ffffff;
}

#outerWrapperLeft {	
	margin : 0 auto;
	width : 775px;
	background: transparent url('../gifs/leftshadow.gif') repeat-y left top;
}

#outerWrapperRight {	
	margin : 0 auto;
	width : 775px;
	background: transparent url('../gifs/rightshadow.gif') repeat-y right top;
}

#logo {
}

#logo #logographic{
	float : left; 
}

#contacts {
	position : relative;
	float : right;
	top : 10px;
	right : 10px;
	z-index : 100;
	text-decoration : none;
	vertical-align : middle;
	
}

#contacts a {
	text-decoration : none;
	display : inline;
	vertical-align : middle;
	color : #000000;
	background-color : #ffffff;
}

#contacts a:hover {
	text-decoration : underline;
}

#topBar {
	clear : both;
	padding : 5px;
	color : #333333;
	height : 13px;
	background-color : #e7e7e7;
	background : url(../gifs/topbar_small.gif) repeat-x top;
}


#menu {
	float : left;
	width : 150px;
	color : #ffffff; 
	background-color : #CC3333;
}

#menuLeft a:link,#menuLeft a:visited {
	display : block;
	text-decoration : none;
	padding : 2px 0px 10px 20px;
	background : url(../gifs/redkey.gif) no-repeat;
	vertical-align : middle;
	color : #ffffff; 
	background-color : #CC3333;
	border-bottom : 2px solid #ffffff;
}


#menuLeft a:hover {
	color : #CC3333;
	background : url(../gifs/pinkkey.gif) no-repeat right;
	background-color : #FAE5E5;
}

#contenthome{
	margin:0px 0px 0px 155px;
	border-top : 1px solid #999999;
	color : #333333;
	border-left: 1px solid #999999;
	background : #ffffff;
	z-index : 0;
	min-height : 450px;
}

.mainImage{
	float : right;
	top : 10px;
	right : 10px;
	z-index : 100;
	text-decoration : none;
	vertical-align : middle;
}

#item {
	vertical-align : top;
	padding : 10px;
	min-height : 75px;
}

#comfort {
	position : relative;
	
	top : 0px;
	width : 95%;
}

#navLinks {
	float : left;
}

#mainSpotLeft {
	float : left;
	width : 49.5%;
	color : #333333; 
	background-color : #ffffff;
	border-top : 1px solid #999999;
	border-right : 1px solid #999999;
}

#mainSpotRight {
	position : relative;
	bottom : 0px;
	float : left;
	width : 49.5%;
	color : #333333; 
	background-color : #ffffff;
	border-top : 1px solid #999999;
}
 
.frontSpotImage {
	float : left;
	padding:5px 5px 5px 5px;
}

#footer {
	clear : both;
	border-top : 1px solid #999999;
	background: url(../gifs/footer_small.gif) repeat-x top;
	height: 42px;
	text-align : center;
	font-weight : 600;
}

#footer a:link, #footer a:visited{
	position : relative;
	top : 22px;
	text-align : center;
	font-weight : 600;
	padding:0px 0px 0px 5px;
	color : #ffffff;
	background-color : #CC0000;
	text-decoration : none;
	display : inline;
}

#footer a:hover{
	text-decoration : underline;
}

#footer span{
	position : relative;
	right : -50px;
	top : 22px;

	color : #ffffff;
	background-color : #CC0000;
}

.CenterAlign {
	text-align : center;
}

.LargeGrey {
	color : #333333;
	background-color : #ffffff;
	padding : 0px;
	margin-top : 0px;
	font-size : 200%;
	text-align : center;
}

.LargeRed {
	color : #FF0000;
	background-color : #ffffff;
	padding : 0px;
	margin-top : 0px;
	font-size : 200%;
	text-align : center;
}

.sideNewsText {
	position : relative;
	left : 2px;
	max-width : 145px;
	padding : 0px 0px 0px 2px;
}

.BottomImage {
	float : left;
	padding : 0px 0px 10px 20px;
}

.floatright { 
	clear : none;
	float: right;
	padding : 5px 5px 5px 5px
}

#WhiteBackground {
	color : #333333;
	background-color : #ffffff;
	text-align : center;
	width : 150px;
	padding : 10px 0px 10px 0px;
	clear : left;
}

#Wc3Logos {
	color : #333333;
	background-color : #ffffff;
	text-align : center;
	width : 150px;
	padding : 10px 0px 10px 0px;
	clear : left;
}

.GreyBackground {
	color : #333333;
	background-color : #ffffff;
	text-align : center;
	width : 150px;
}

.noDecor {
	text-decoration : none;
}

/*=========================================================*/
/* Form Styles */

#form {
	width : 60%;
}

.formLabel {
	text-align : right;
	vertical-align : middle;
	float : left;
	width : 50%;
	min-height : 25px;
}

.formField {
	clear : right;
	text-align : left;
	float : right;
	width : 50%;
	min-height : 25px;
}

/*=========================================================*/
/* what is comfort */



.narrowLeft {
	text-align : left;
	vertical-align : top;
	width : 15%;
	padding : 10px 0px 10px 0px;
}

.wideRight {
	text-align : left;
	vertical-align : top;
	width : 85%;
	padding : 10px 0px 10px 0px;
}

.wideRight p {
	margin : 0px auto;
}

.largeRed {
	color : #ff0000;
	background-color : #ffffff;
	font-size : 180%;
	font-weight : 600;
}

.smallRed {
	color : #ff0000;
	background-color : #ffffff;
	font-size : 90%;
	font-weight : 600;
}

