/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/*****************
EMBEDDED FONTS
*****************/
@font-face {
    font-family: 'AurulentSansRegular';
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.woff') format('woff'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.ttf') format('truetype'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.svg#AurulentSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Walkway_Semibold';
    src: url('_fonts/Walkway/Walkway_SemiBold-webfont.eot');
    src: url('_fonts/Walkway/Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Walkway/Walkway_SemiBold-webfont.woff') format('woff'),
         url('_fonts/Walkway/Walkway_SemiBold-webfont.ttf') format('truetype'),
         url('__fonts/Walkway/Walkway_SemiBold-webfont..svg ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Znikomit';
    src: url('_fonts/Znikomit/Znikomit-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Znikomit/Znikomit-webfont.woff') format('woff'),
         url('_fonts/Znikomit/Znikomit-webfont.ttf') format('truetype'),
         url('__fonts/Znikomit/Znikomit-webfont..svg ') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AurulentSansBold';
    src: url('_fonts/Aurulent/AurulentSans-Bold-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.woff') format('woff'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.ttf') format('truetype'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.svg#AurulentSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*****************
TYPOGRAPHY STYLES
*****************/
h1 {
	font-family: 'Raleway', sans-serif;
	font-size:30px;
	font-weight:normal;
	padding: 15px 0px 5px 0px;
}
h2 {
	font-family: 'Raleway', sans-serif;
	font-size:22px;
	font-weight:normal;
	padding: 5px 0px 15px 0px;

}
h3 {
	float: right;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:normal;
	padding: 0px;
	display:inline;
}
img{
	padding: 0px 0px 0px 0px;
}

a{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0c426e;
	text-decoration:none;

}

strong { font-family: AurulentSansRegular, Helvetica, Arial, sans-serif; 
	font-size: 12px;
	padding: 15px 0p 5px 0px;}
p {
	font-family: AurulentSansRegular, Helvetica, Arial, sans-serif; 
	font-size:11px;
	padding:2px; margin:0px 0px;
	background-color:#fff;
	z-index:15;	
}
table {
	width: 500px;
	}
th {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color:#bee2ff;
	padding: 10px 10px 10px 5px;
	width: 100px;
	text-align:left;
	}
td.smallertype{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	font-weight:heavy;
	background-color:#bee2ff;
	color: gray;
}
td.firstline{
	font-family: AurulentSansRegular, Helvetica, Arial, sans-serif; 
	font-size:12px;
	font-weight:heavy;
	color: gray;
}
td.price{
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:normal;
	color: black;
	padding: 10px 10px 10px 5px;
}
td.header{
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	padding: 0px 0px 0px 5px;
}

/*****************
PROFILES PAGE STYLES - FLoating a buncha stuff
*****************/
#profiles { color:#666;
		padding: 15px 0px 0px 0px; 
		float:left;}
#profiles .profile {
	float:left;
	background:#eee;
	width:230px;
	padding:5px 5px 15px 5px;
	margin:0px 10px 10px 0px; 
	
	-moz-box-shadow:0px 0px 5px 0px #888;
	-webkit-box-shadow:0px 0px 5px 0px #888;
	box-shadow:0px 0px 5px 0px #888;
}
#profiles .profile img {
	border:none;
	margin-bottom:5px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#profiles .profile h2 {
	font-family: Znikomit;
	font-size:14px;
	padding:0px;
	margin:0px;
}
#profiles .profile p {
	background:none;
	font-size:12px;
	margin:0px; padding:0px;
	color:#888;
}
/*****************
STRUCTURAL STYLES
*****************/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

html {
	background:url(../_images/backgroundfade3.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

body {
/* 
		background-image:url("../_images/backgroundfade2.tif");
		background-repeat:no-repeat;
 */
	width:100%;	
		}

	#masthead img{
		width:200px;
		float:left;
		padding:0px 0px 0px 15px;
		border:none;
		}
	#masthead {
		display:block;
		
		}
	#container {
		float:left;
		position: relative;
		width:900px;
		padding: 15px 0px 35px 0px;
		margin:auto;
	}		
	#content {
		clear:both;
		float: right;
                right:400px;
		width: 500px;
		background-color: white;
		opacity: 0.8;
		padding: 45px 45px 45px 45px;
		margin: 0px 0px 15px 15px;
		overflow: auto; 
		}		
	#closing  { 
		clear: both;
		font-family: 'Raleway', sans-serif;
		background-color:#bee2ff;
		padding: 15px 15px 15px 15px; 
		width:100%;
		margin:-10px;
		text-align:center;
		font-size: 16px; 
		}

	.label {
		font-family: 'Raleway', sans-serif;
	}

	nav ul { margin:85px; padding:0px; 5px; 0px; 15px;}
	nav li { list-style-type:none; display:inline; }
	
	#mainmenu {
		position:absolute;
		left:-90px;
		top:200px;
		margin:0px;
	}

	#mainmenu a { 
		display:block;
		/*Color*/
		background-color: #bee2ff;
		color: #000;
		/*Background image*/
		background-image:url('static.png');
		background-repeat:no-repeat;
		
		/*Box Model*/
		width:275px;
		height:58px;
		line-height:58px; /*CSS Trick for vertically centering type*/
		padding:0px 20px 0px 0px;
		margin: 0px;

		/*Typography*/
		font-family: 'Raleway', sans-serif;
		font-size: 16px; 
		text-align:right; 
		text-decoration:none;
		
		}
		#mainmenu a:hover {
		background-image:url('hover.png');
		}
		#mainmenu a.selected {
		background-image:url('selectednew.png');

		#mainmenu .SShome a.selected { 	background-position:0px 0px; }
		#mainmenu .SSabout a.selected { background-position:0px 90px; }
		#mainmenu .SSposes a.selected { background-position:0px 0px; }
		#mainmenu .SSrate a.selected { 	background-position:0px 0px; }
		#mainmenu .SScontact a.selected { 	background-position:0px 0px; }




/*****************
Layout Styles
*****************/
.layout {}
.layout #content { background:#fff; }
.layout h1 { font-size:20px; margin:0px; color:#333;}
.layout h2 { font-size:16px; margin:0px; color:#333; }
.layout p { font-size:12px; margin:0px 0px 15px 0px; background:none; padding:0px; color:#fff;  line-height:100%; }
.layout #column1 { background:#ddd; }
.layout #column2 { background:#bbb; }