@charset "utf-8";

body {
	margin:0px;
	padding:0px;
	background: #696969 url(../images/patternBG.jpg) repeat;
}
body a:link {
	color:#515459;
}

body a:visited {
	color:#515459;
}

body a:hover {
	color:#000;
	background-color:#b8c7e6;
	text-decoration:none;
}

div#header {
	width:100%;
	height:102px;
	background: #b8c7e6 url(../images/headerBG.jpg) repeat;
	border-bottom:2px solid #FFF;
}

div#logoCalico {
	position: absolute;
	right: 57%;
	top: 2%;
	background: url(../images/calico-wedding-videos.png) no-repeat;
	width: 344px;
	height: 116px;
}

div#navigation {
	width:586px;
	float:left;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	background-color:#C5D1EB;
}

#home {
	display:block;
	float:left;
	width: 107px;
	height: 40px;
	background: url("../images/nav-Home.jpg") no-repeat 0 0;
}

#home:hover { 
	background-position: 0 -40px;
}

#home span {
	display: none;
}

#booking {
	display: block;
	float:left;
	width: 178px;
	height: 40px;
	background: url("../images/nav-Booking.jpg") no-repeat 0 0;
}

#booking:hover { 
	background-position: 0 -40px;
}

#booking span {
	display: none;
}


#rates {
	display:block;
	float:left;
	width: 107px;
	height: 40px;
	background: url("../images/nav-Rates.jpg") no-repeat 0 0;
}

#rates:hover { 
	background-position: 0 -40px;
}

#rates span {
	display: none;
}

#who {
	display:block;
	float:left;
	width: 182px;
	height: 40px;
	background: url("../images/nav-Who.jpg") no-repeat 0 0;
}

#who:hover { 
	background-position: 0 -40px;
}

#who span {
	display: none;
}


.contentHeadings {
	padding: 0px;
	margin-top: -5px;
	margin-bottom: -5px;
	padding-top: -5px;
	padding-bottom: -5px;
}

div#content {
	width:505px;
	background-color:#FFF;
	float:left;
	padding-left:45px;
	padding-right:35px;
	margin-top:0em;
	display: inline;
	border-top:3px dotted #EEE;
}

div#content p {
	font-family:Verdana, "MS Trebuchet", Arial, Helvetica, sans-serif;
	color:#9A9F9C;
	font-size: .75em;
	line-height: 1.7em;
	text-align:justify;
}

div#content a:link {
	color:#362713;
	text-decoration: none;
	border-bottom:1px dotted #362713;
}

div#content a:visited {
	color:#362713;
	text-decoration: none;
	border-bottom:1px dotted #362713;
}

div#content a:hover {
	color:#ffffcc;
	text-decoration: none;
	background-color:#00234b;
}

div#content li {
	list-style: square;
	font-family:Verdana, "MS Trebuchet", Arial, Helvetica, sans-serif;
	color:#9A9F9C;
	font-size: .75em;
	line-height: 1.7em;
	margin-left: -25px;
}

span.quickContactInfo {
  color:#696969;
  font-size: 1.3em;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight:300;
  font-style:normal;
}

span.quickContact {
  color:#9A9F9C;
  font-size: .875em;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:2px;
  font-style:normal;
}

div#container {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:960px;
	background-image:url(../images/column-2-bg-1.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
}

div#contentarea {
	width:960px;
	padding: 0px 0px 0px 0px;
	border-top:3px dotted #EEE;
	background-color:#FFF;
}

div#sidebar {
	background-color:#ebeff7;
	width:372px;
	float:left;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}

.quoteContentCalico {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	margin-top:5px;
	margin-bottom:25px;
}

blockquote.inspirational {
	float: left;
	margin: 1.7em 0em 1.7em 0em;
}

blockquote h5.inspiredQuote {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: normal;
	color:#696969;
	text-align:justify;
	line-height: 1.3em;
}

blockquote .source {
	text-align: right;
	font-style: normal;
	font-variant:small-caps;
	letter-spacing: .1em;
	font-size: .85em;
	color: #9A9F9C;
	font-family:Verdana, "MS Trebuchet", Arial, Helvetica, sans-serif;
	margin:0;
}

.sidebarMultimedia {
	margin: 20px 0px 20px 0px;
	width: 300px;
	margin-left:auto;
	margin-right:auto;
}

.sidebarMultimedia img {
	float: left;
	display: inline;
	border: 4px solid #FFF;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.sidebarMultimedia a:hover img {
	border: 4px solid #b8c7e6;
}

.sidebarfeatures {
	border-bottom:1px solid #b8c7e6;
	margin-left:auto;
	margin-right:auto;
	float:left;
	width:372px;
}

.sidebarfeatures p {
	color:#515459;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.75;
	text-align: justify;
	margin-top:20px;
}

.sidebarfeatures h4 {
	  color:#696969;
	  font-family:"Fenice", Georgia, "Times New Roman", Times, serif;
	  font-weight:normal;
	  font-style:normal;
	  font-size: 1.375em;
	  margin-bottom:-20px;
	  margin-top:5px;
}

div#subfooter {
	float:left;
	width:960px;
	height:55px;
	background-color:#000;
	margin:0;
}

div#subfooter p{
	text-align:	justify;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	color:#FFF;
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
}

div#footer {
	margin-top:20px;
	width:100%;
	height:40px;
	background-image:url(../images/footer-pattern.jpg);
	background-repeat:repeat-x;
}

#footer p {
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	color:#FFF;
	margin: 0;
}

#footer a:link {
	color:#FFF;
}

#footer a:visited {
	color:#FFF;
}

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

div.clearfloats {
	clear:both;
}