* { margin: 0; padding: 0; }
html {
	background: black url(../images/tileBackground.png);
}

body { font: 14px/1.4 Arial, Helvetica, sans-serif; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

article, aside, figure, footer, header, nav, section { display: block; }

#wrapper {
	width: 900px;
	margin: 0 auto 10px;
	background: #FFF url(../images/gradientWrapper.jpg) no-repeat;	
}

p {
	font-size: 0.8em;
	line-height: 2em;
	text-align: justify;
}

header {
	position: relative;
	height: 88px;
	background-color: #1c1d1d;
	color: white;
	text-align: left;
	border-bottom: 9px solid #e52928;
}

header p {
	position: absolute;
	right: 12px;
	top: 17px;
}



#navcontainer {
	float: right;
	margin-top: 40px;
	margin-right: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}



ul#navlist { 
	font-family: sans-serif;
	padding: 10px;
	}

ul#navlist a {
	font-weight: normal;
	text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#navlist li { 
	float: right;
	margin-right: 13px;
	}

/* this one controls the style of top menu tabs*/

ul#navlist li a {
	color: #dadadc;
	background-color: #353537;
	padding: 6px 20px;
	border: none;
}

ul#navlist li a:hover {
	color: #000;
	background-color: #bcb46f;
}

ul#navlist li a:active {
	color: #000;
	background-color: #bcb46f;
	border: none;
}

ul#subnavlist { 
	display: none; 
}
	
ul#subnavlist li { 
	float: none; 
}

ul#subnavlist li a {
	padding: 0px;
	margin: 0px;
}

ul#navlist li:hover ul#subnavlist {
	display: block;
	position: absolute;
	font-size: 8pt;
	padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a {
	display: block;
	width: 10em;
	border: none;
	padding: 2px;
	background-color: #5b5442;
	color: #fff;
	
}


/* in case I want to have a bullet or something before the word of the submenu*/
ul#navlist li:hover ul#subnavlist li a:before { 
	content: ""; 
}




h1 {
	font: helvetica;
	font-size: 1.5em;
	color: white;
	font-weight: bold;
	vertical-align:text-bottom;
	
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

aside {
	float: left;
	width: 282px;
	height: 630px;
	background: url(../images/sidebarBackground.jpg) no-repeat;
	margin: 25px 0 0 30px;
	padding: 25px 0 0 0;
}







#floater {
	float: left;
	height:50%; 
	margin-bottom:-10px;
}


#sidebarHeadline {
	height: 150px;
	padding: 0 35px 0 35px;
	clear: both; 	
	position: relative;
	
}

#mainContent {
	float: right;
	width: 530px;
	padding: 25px 30px 0 0;
}

h2 {
	font: helvetica;
	font-size: 1.2em;
	color: #5a5b60;
	font-weight: bold;
	line-height: 1.2em;
}

h4 {
	font-size: 0.9em;
	color: #666;
	line-height: 1.2em;
	margin: 1em 0px 1em 0px;
	font-family: helvetica;
}

h5 {
	font: helvetica;
	font-size: 0.95em;
	color: #F00;
	font-weight: bold;
	line-height: 1.8em;
	margin: -5 0 0;
	padding: 0px;
}

nav ul {
	list-style: none;
}

nav ul li a {
	display: block;
	padding: 7px 10px 7px 0px;
	color: black;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 0 5px 40px;
	position: relative;
	border-bottom: 1px solid #FFF;
}

nav ul li a:hover {
	background-color: #ada986;
	margin-left: 35px;
	padding-left: 5px;
}

nav ul li a:visited {
	background-color: #ada986;
	text-decoration: none;
}



/*aparecio el texto, pero no como submenu, sino como un bullet mas*/
nav ul#subnavlist { 
	display: block; 
	margin-left: 60px;
}




nav ul ul#subnavlist li { 
	float: none; 
}

nav ul ul#subnavlist li a {
	padding: 0px;
	margin: 0px;
}

nav ul ul#subnavlist li:hover ul#subnavlist {
	display: block;
	position: absolute;
	font-size: 8pt;
	padding-top: 5px;
}

nav ul ul#subnavlist li:hover ul#subnavlist li a {
	display: block;
	width: 10em;
	border: none;
	padding: 2px;
	background-color: #5b5442;
	color: #fff;
	
}











.topPhotoRight {
	float: right;
	clear: right;
	margin-left: 12px;
	margin-bottom: 0px;
}

.bottomPhotoLeft {
	float: left;
	clear: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 30px;
}

footer {
	text-align: center;
	color: #b8b4ab;
	font-weight: bold;
}
.footerLink a:link, .footerLink a:visited{
	color: #b8b4ab;
}
.footerLink a:hover {
	color: #9c9992;
}



#footer a:link {
	color: ##b8b4ab;
	font-size:24px;	
}
	
#footer a:visited {
	color: ##b8b4ab;	
}

#footer a:hover {
	color: ##b8b4ab;	
}

#footer a:active {
	color: ##9c9992;	
}


.menuTabsStyle {
	float: right;
	margin-top: 22px;
	font-size: 0.8em;
	text-align: center;
}

#callUs {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

.phoneNumber {
	font-size: 1.3em;
}

p span {
	margin-right:1em;
	}header table.menuTabsStyle td {
	background: #414143;
	width: 77px;
	height: 23px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footerText {
	text-align: center;
	text-decoration: none;
}
.bodyList {
	font-size: 0.8em;
	line-height: 2em;
	padding-left: 1em;
}
h3 {
	font: helvetica;
	font-size: 1em;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1em 0px 1em 0px;
}
.otherPositions {
	font-size: 75%;
}
#topAnchor {
	color: #CCC;
	text-align: right;
	font-size: 0.7em;
	text-decoration: none;
}




	
	

/*a:link {color:#FF0000;}      unvisited link
a:visited {color:#00FF00;}  visited link 
a:hover {color:#FF00FF;}   mouse over link 
a:active {color:#0000FF;}