@charset "utf-8";
/* Viking Shores Motor Inn */

/* global */
body{margin:0 0 0 0;
background-color:#063160; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height: 150%;}
.clear{clear:both;}
a:link {text-decoration:underline; color:#000;}
a:active {text-decoration:underline; color:#000;}
a:visited {text-decoration:underline; color:#000;}
a:hover {text-decoration:underline; color:#000;}
a:visited:hover {text-decoration:underline; color:#000;}
/* end global */

/* structure */

.clear{clear:both;}
/* end structure */

/* page elements */

#topbanner{background-color:#63A5D6;border-bottom:solid 2px #fff;height:30px;width:100%; text-align:center;}
#topbanner a:link {color:#FFF; text-decoration:underline;}
#topbanner a:active {color:#FFF; text-decoration:underline;}
#topbanner a:hover {color:#FFF; text-decoration:underline;}
#topbanner a:visited {color:#FFF; text-decoration:underline;}
#topbanner a:visited:hover {color:#FFF; text-decoration:underline}

.top-text{color:#FFF; padding-top:10px; font-size:12px;}
.top-text a:link {color:#FFF; text-decoration:underline;}
.top-text a:active {color:#FFF; text-decoration:underline;}
.top-text a:hover {color:#FFF; text-decoration:underline;}
.top-text a:visited:hover {color:#FFF; text-decoration:underline;}

#wrapper{width:900px;margin:0px auto;}
.logo{float:left;}
#header{width:600px;float:left;}

#col1{width:600px;float:left;margin-bottom:10px;}
#col2{width:300px;float:left;margin-bottom:40px;}
#content2{background-color:#FFF; border:solid 10px #000;width:900px; padding: 10px 10px 10px 10px; position:relative; z-index:2;}

#reservations{width:300px;position:absolute; z-index:3;
	margin-left:649px;
	margin-bottom:-90px;
	background-image: url(../images/reservations.png);
	background-repeat:no-repeat;
	height:217px;
	padding-right:60px;
	padding-top:10px;
	margin-top:20px;
	font-family:Arial;
	color:#FFF;
}
.res-title{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#FFF;}


#footer{background-color:#6699FF; margin-top:-35px;}
#footer-wrapper{width:900px;margin:0px auto; position:relative; z-index:1;}
#footer-left{width:250px; float:left;margin-left:10px;}
#footer-right{width:620px; float:left;margin-left:10px;}
#footer-bottom{background-image: url(../images/footer_logo.png); background-repeat:no-repeat; height:70px;}
/* end page elements*/

/* typography */
h2{font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#191970; line-height: 120%}
h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:17px; color:#000;}

.footer{color:#FFF;}
.footer-space{margin-left:10px;}
.header{color:#FFF; text-align:right; background-image:url(../images/logo.png); background-repeat:no-repeat;}
.header-space{margin-left:10px;}

#nav{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF; margin-top:5px; margin-bottom:10px;}
.nav a {margin-left:12px;}
.nav a:link{
	color: #FFF;
	text-decoration: none;
} 
.nav a:active{
	color: #FFF;
	text-decoration: none;
} 
.nav a:hover{
	color: #999;
	text-decoration: none;
} 
.nav a:visited{
	color: #FFF;
	text-decoration: none;
}
.nav a:visited:hover{
	color: #999;
	text-decoration: none;
}
.nav-home a:link{
	color: #999;
	text-decoration: none;
} 
.nav-home a:active{
	color: #999;
	text-decoration: none;
} 
.nav-home a:hover{
	color: #FFF;
	text-decoration: none;
} 
.nav-home a:visited{
	color: #999;
	text-decoration: none;
}
.nav-home a:visited:hover{
	color: #FFF;
	text-decoration: none;
}

.footer-nav{font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; padding-top:20px; padding-left:40px;}
.footer-nav a{margin-left:15px;}
.footer-nav a:link{
	color: #FFF;
	text-decoration: none;
} 
.footer-nav a:active{
	color: #FFF;
	text-decoration: none;
} 
.footer-nav a:hover{
	color:#333333;
	text-decoration: none;
} 
.footer-nav a:visited{
	color: #FFF;
	text-decoration: none;
}
.footer-nav a:visited:hover{
	color:#333333;
	text-decoration: none;
}
.footer-reserve a:link{
	color:#333333;
	text-decoration: none;
} 
.footer-reserve a:active{
	color:#333333;
	text-decoration: none;
} 
.footer-reserve a:hover{
	color:#FFF;
	text-decoration: none;
} 
.footer-reserve a:visited{
	color:#333333;
	text-decoration: none;
}
.footer-reserve a:visited:hover{
	color:#FFF;
	text-decoration: none;
}
/* end typography */

#crossslide {width:571px; height:357px;}

h2 .nogap{margin-top:-10px; margin-bottom:-10px;}