@charset "UTF-8";
/* CSS Document */

html,body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color:#a5abaf;
	background:#16191d url(../images/common/bg-tile.gif) repeat-y center top;
	}
	

/* ---------------------------------------- */
/* COPY STYLES */
/* ---------------------------------------- */
h1, h2, h3, h4, h5, h6{
	margin-bottom:0px;
	color:#fff;
	}
	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited{
		color:#fff;
		text-decoration:none;
		}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
			text-decoration:underline;
			}
h1{
	font-size: 1.25em;
	line-height: 1.5em;
	}
h2{
	font-size: 1em;
	line-height: 1.4em;
	}
h3{
	font-size: 0.88em;
	line-height: 1.23em;
	margin-bottom:12px;
	}
h4{
	font-size: 0.75em;
	line-height: 1.05em;
	text-transform:uppercase;
	font-weight:normal;
	}
	.blue-background h4{
		color: #262d34;
		}

h5{
	}

p{
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom:24px;
	}
	p.body-large{
		font-size:.88em; line-height:1.63em;
		}
	p.intro{
		font-size:1em; line-height:1.63em;
		padding-left:30px;
		}
	p.product-intro{
	padding-left:30px;
		}
	.blue-background p{
		color:#262d34;
		line-height:14px;
				}
				
em{
	font-size:12px;
	}

address{
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom:24px;
	color:#262d34;
	}

blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height:1.25em;
	color:#262d34;
	text-align:center;
	quotes: "\201C" "\201D";
	position:relative;
	}
.quote-onGrey blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.25em;
	color:#009edc;
	text-align:center;
	quotes: "\201C" "\201D";
	position:relative;
	}

	blockquote:before {
		content: open-quote;
		color: #fff;
		font-size:1.13em;
		line-height:1.25em;
		position: relative;
		}
	blockquote:after {
		content: close-quote;
		color:#fff;
		font-size:1.13em;
		line-height:1.25em;
		position:absolute;
		right:auto;
		margin-left:4px;
		}
	p.quoteName{
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 12px;
		text-align:center;
		color:#fff; font-weight:bold;
		text-transform:uppercase;
		width:inherit; margin-top:12px;
		}

.titlecase{
	text-transform:capitalize;
	}
		
/* Link styles */
a:link, a:visited{
	color:#a5abaf;
	text-decoration:underline;
	}
	a:hover{
		text-decoration:none;
		}
a.button:link, a.button:visited{
	display:inline-block;
	width: 270px; height:26px;
	padding-left:30px; margin-bottom:5px;
	color:#fff;
	font-size:0.75em; line-height:26px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/common/buttons/button-bg.png) no-repeat;
	filter:alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;		
	}
	a.button:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;			
		}

div.wrapBlue a:link, div.wrapBlue a:visited{
	color:#262d34;
	}
	div.wrapBlue a:hover{
		}


.alpha-hover{
	filter:alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;		
	}
	.alpha-hover:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;			
		}
		
a.moreTwoLine:link, a.moreTwoLine:visited{
	background:url(../images/common/bullets/square-blue.gif) no-repeat 0 1px;
	font-size:14px; line-height:0.88em;
	text-decoration:none; text-transform:capitalize;
	color:#009edb;
	padding-left:20px;
	margin-bottom:24px;
	display:block;
	}
	a.moreTwoLine:link strong, a.moreTwoLine:visited strong{
		font-size:14px; line-height:16px;
		text-transform:capitalize;
		color:#fff;
		}

a.moreOneLine:link, a.moreOneLine:visited{
	background:url(../images/common/bullets/square-blue.gif) no-repeat 0 3px;
	font-size:14px; line-height:16px;
	font-weight:bold;
	text-decoration:none; text-transform:uppercase;
	color:#009edb;
	padding-left:20px;
	margin-bottom:24px;
	}

a.movieLink:link, a.movieLink:visited{
	background:url(../images/common/bullets/camera-blue.png) no-repeat 0 1px;
	font-size:12px; line-height:0.88em;
	text-decoration:underline; text-transform:uppercase;
	color:#009edb;
	padding-left:20px;
	padding-bottom:12px;
	display:block;
	}

/* ---------------------------------------- */



/* ---------------------------------------- */
/* LIST STYLES */
/* ---------------------------------------- */
ul{
	}
	ul li{
		list-style-image:url(../images/common/bullets/triangle-blue.gif);
		list-style-position:outside;
		font-size:12px;
		line-height:1em;
		text-transform:none;
		font-weight:bold;
		margin-left:20px;
		margin-bottom:12px;
		}
ul.list-style-two{
	}
	ul.list-style-two li{
		list-style-image:url(../images/common/bullets/carrot-white.png);
		list-style-position:outside;
		font-size:12px;
		font-weight:normal;
		color:#009edb;
		line-height:1.6em;
		text-transform:uppercase;
		margin-left:20px;
		margin-bottom:12px;
		}

ul#mainMenu{
	height:24px;
	position:absolute;
	bottom:0; left:0;
	}
	ul#mainMenu li{
		list-style-image:none;
		font-size:0.88em;
		line-height:0.88em;
		text-transform:lowercase;
		margin:0 0 0 20px;
		height:24px;
		float:left;
		color:#000;
		}
		ul#mainMenu li a:link, ul#mainMenu li a:visited{
			color:#000;
			text-decoration:none;
			display:block;
			}
			ul#mainMenu li a:hover{
				color:#fff;
				}
	/* MENU ACTIVE STATES */
	body.home ul#mainMenu li.home a, body.products ul#mainMenu li.products a, body.packages ul#mainMenu li.packages a, body.quote ul#mainMenu li.quote a{
		background:url(../images/common/main-menu-active-bg.png) no-repeat bottom center;
		padding-bottom:12px;
		color:#fff;
		}
	/* END MENU ACTIVE STATES */
	
ul#menu-Products{
	height:24px;
	margin:12px 0;
	}
	ul#menu-Products li{
		list-style-image:none;
		font-size:0.88em;
		font-weight:normal;
		line-height:0.88em;
		text-transform:lowercase;
		margin:0 0 0 20px;
		height:24px;
		float:left;
		color:#009edb;
		}
		ul#menu-Products li a:link, ul#menu-Products li a:visited{
			color:#009edb;
			text-decoration:none;
			display:block;
			padding-bottom:12px;
			}
			ul#menu-Products li a:hover{
				color:#fff;
				}
	/* PRODUCT SUB MENU ACTIVE STATES */
	body.video-listings ul#menu-Products li.video-listings a, body.photography ul#menu-Products li.photography a, body.realtor-profiles ul#menu-Products li.realtor-profiles a, body.video-testimonials ul#menu-Products li.video-testimonials a, body.community-profiles ul#menu-Products li.community-profiles a{
		background:url(../images/common/sub-menu-active-bg.gif) no-repeat bottom center;
		color:#fff;
		}
	/* END PRODUCT SUB MENU ACTIVE STATES */

	
ul#socialMediaMenu{
	position:absolute;
	bottom:12px; right:0;
	}
	ul#socialMediaMenu li{
		list-style-image:none;
		font-size:0.75em;
		line-height:0.75em;
		text-transform:capitalize;
		font-weight:normal;
		height:inherit;
		margin:0;
		border-right:1px solid #fff;
		float:left;
		color:#fff;
		}
		ul#socialMediaMenu li.last{
			border-right:none;
			}
	ul#socialMediaMenu li a:link, ul#socialMediaMenu li a:visited{
		color:inherit;
		text-decoration:none;
		margin:0 10px;
		color:#fff;
		}
		ul#socialMediaMenu li a:hover{
			text-decoration:underline;
			}


ul#sitemap{
	}
	ul#sitemap li{
		list-style-image:url(../images/common/bullets/square-white.gif);
		list-style-position:outside;
		font-size: 14px;
		line-height: 1.05em;
		text-transform:uppercase;
		font-weight:normal;
		margin:0 0 6px 20px;
		}
		ul#sitemap li a:link, ul#sitemap li a:visited{
			color:#262d34;
			text-transform:inherit;
			text-decoration:none;
			}
			ul#sitemap li a:hover{
				text-decoration:underline;
				}
				
		ul#sitemap ul{
			margin:6px 0 12px 0;
			}
			ul#sitemap ul li{
				list-style-image: url(../images/common/bullets/carrot-white.png);
				list-style-position:outside;
				font-size: 12px;
				line-height: 0.88em;
				text-transform:capitalize;
				font-weight:normal;
				margin-left:20px;
				margin-bottom:6px;
				}
				ul#sitemap li a:link, ul#sitemap li a:visited{
					color:#262d34;
					text-transform:inherit;
					text-decoration:none;
					}
					ul#sitemap li a:hover{
						text-decoration:underline;
						}
				
/* ---------------------------------------- */



/* ---------------------------------------- */
/* FORM STYLES */
/* ---------------------------------------- */

form{
	font-size:14px; line-height:16px;
	}
	form table{
		}
	form td{
		height:90px;
		vertical-align:top;
		}
	form fieldset{
		}
		fieldset table{
			margin-bottom:20px;
			}
		div.contact-overlay legend{
			visibility:collapse;
			}
		form fieldset legend {
			}
			form fieldset legend span{
				display:block;
				padding:10px;
				width:580px;
				
				font-size:14px;
				text-transform:Capitalize;
				color:#fff;
				background-color: #009edb;
	
				border:3px solid #009edb;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				}
	form p{
		font-size:14px; line-height:16px;
		width:100%;
		position:relative;
		}
		form p.legendMargin{
			padding:0 0 20px 0; margin:0;
			}
	form label{
		font-weight:bold;
		color:#fff;
		margin:0 0 0 5px;
		}
		form label span{
			font-size:22px;
			color:#009edb;
			}
		div.contact-overlay label span{
			color:#333;
			}
	
	form input, form textarea{
		position:absolute;
		top:25px; left: 0;
		min-width: 270px;
		right: 10px;
		font-size:14px; line-height:14px;
		font-weight:bold;
		color:#009edb;
		padding:10px;
		border:3px solid white;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
	form input:focus, form textarea:focus{
		border:3px solid #009edb;
		color:#000;
		}
	form input.submit{
		position:static;
		height:26px; width:172px;
		background:url(../images/common/forms/submit-onGrey.png) no-repeat;
		font-size:12px;
		line-height:28px;
		text-transform:uppercase;
		text-align:left;
		text-indent:28px;
		color:#fff;
		margin:0; padding:0;
		border:none;
		filter:alpha(opacity=75);
		-moz-opacity: .75;
		-khtml-opacity: .75;
		opacity: .75;		
		}
	div.contact-overlay form input.submit{
		background:url(../images/common/forms/submit-onBlue.png) no-repeat;
		}
		form input#submit:hover{
			cursor:pointer;
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;		
			}
	span#spryradio1 input{
		width: 15px; height: 15px;
		margin: 0 0 0 5px; padding: 0;
		border: none;
		}

	.checkbox input{
		min-width: 0px;
		border: none;
		margin-right: 10px;
		position:static;
		}
		
/* Contact Form */
form#frmContact{
	}
form#frmRequestQuote{
	}
/* ED Contact Form */

/* ---------------------------------------- */






/* ---------------------------------------- */
/* LAYOUT */
/* ---------------------------------------- */

/* NOTE: remove the 960 Grid css that you are not using */

	/* 960 GRID 12 column layout */
	div.wrap-1col{
		width:60px; margin:10px; float:left;
		}
	div.wrap-2col{
		width:140px; margin:10px; float:left;
		}
	div.wrap-3col{
		width:220px; margin:10px; float:left;
		}
	div.wrap-4col{
		width:300px; margin:10px; float:left;
		}
	div.wrap-5col{
		width:380px; margin:10px; float:left;
		}
	div.wrap-6col{
		width:460px; margin:10px; float:left;
		}
	div.wrap-7col{
		width:540px; margin:10px; float:left;
		}
	div.wrap-8col{
		width:620px; margin:10px; float:left;
		}
	div.wrap-9col{
		width:700px; margin:10px; float:left;
		}
	div.wrap-10col{
		width:780px; margin:10px; float:left;
		}
	div.wrap-11col{
		width:840px; margin:10px; float:left;
		}
	div.wrap-12col{
		width:940px; margin:10px; float:left;
		}
	/* END 960 GRID 12 column layout */


	/* HEADER */
	div#wrapHeader{
		width:auto; min-width:960px; height:135px;
		background:url(../images/common/header-bg-tile-dark.gif) repeat-x;
		}
		div#wrapHeaderCenter{
			width:960px; height:135px;
			background:url(../images/common/header-bg.gif) no-repeat;
			}
			strong.phoneNumber{
				font-size:24px; line-height:30px;
				}
	/* END HEADER */
	
	/* FOOTER */
	div#footerWrap{
		height:100px;
		}
		a#sleepingBeagleFooter:link, a#sleepingBeagleFooter:visited{
			background:url(../images/common/footer-sleeping-beagle-logo.png) no-repeat 0 0;
			font-size:12px; line-height:16px;
			display:block;
			height:27px; width:340px;
			padding:2px 10px 0 50px;
			text-decoration:none; text-transform:uppercase;
			color:#009edb;
			float:right;
			}
			a#sleepingBeagleFooter:link strong, a#sleepingBeagleFooter:visited strong{
				color:#fff;
				}
		a#caldwellCreativeFooter:link, a#caldwellCreativeFooter:visited{
			background:url(../images/common/footer-caldwell-creative-logo.png) no-repeat top right;
			font-size:12px; line-height:0.88em;
			display:block;
			text-align:right;
			height:20px; width:163px;
			padding:6px 147px 0 10px;
			text-decoration:none; text-transform:uppercase;
			color:#009edb;
			float:left;		
			}
		
	/* END FOOTER */
	
	/* SIDE BAR */
	a#sidebar-book{
		position:fixed;
		top:125px;
		}
	a#sidebar-quote{
		position:fixed;
		top:330px;
		}
	a#sidebar-login{
		position:fixed;
		top:501px;
		}
	a.sidebar-button{
		z-index:999999;
		right:-10px;
		}
		a.sidebar-button:hover{
			right:0;
			}
	/* END SIDE BAR */
	
	/* GREY BAR */
	div.wrapGrey{
		width:100%;
		border-bottom:1px solid #0b0e10;
		border-top:1px solid #2d2e30;
		margin-bottom:5px;
		background: url(../images/common/greyBar-bg-dark.gif) repeat-x #101113;
		}
		.grey-background{
			border-top:1px solid #f1faff;
			border-top:1px solid #4b4d50;
			border-bottom:1px solid #0b0e10;
			background: url(../images/common/greyBar-bg-light.png) repeat-x #1a1d1f;
			background: -moz-linear-gradient(100% 100% 90deg, #1a1d1f, #353a3f);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353a3f), to(#1a1d1f));
			}
	
	/* END GREY BAR */

	
	/* BLUE BAR */
	div.wrapBlue{
		width:100%;
		border-top:1px solid #919699;
		border-bottom:1px solid #005f83;
		background: url(../images/common/blueBar-bg-dark.png) repeat-x #004279;
		background: -moz-linear-gradient(100% 100% 90deg, #004279, #007c8e);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007c8e), to(#004279));
		}
	
		.blue-background{
			border-top:1px solid #f1faff;
			border-bottom:1px solid #009edb;
			background: url(../images/common/blueBar-bg-light.png) repeat-x #006ec9;
			background: -moz-linear-gradient(100% 100% 90deg, #006ec9, #00cfed);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00cfed), to(#006ec9));
			}
	/* END BLUE BAR */

	/* VIDEO SPECIFIC */
	div.videoSmall{
		width:300px; height:169px;
		padding-bottom:16px;
		background:url(../images/common/video/shadow-small.png) no-repeat center bottom;
		}
	div.videoLarge{
		width:620px; height:349px;
		padding-bottom:17px;
		background:url(../images/common/video/shadow-large.png) no-repeat center bottom;
		}
	
	/* END VIDEO SPECIFIC */
	
	/* PHOTO SPECIFIC */
	div.photoSmall{
		width:300px; min-height:169px;
		padding-bottom:16px;
		background:url(../images/common/video/shadow-small.png) no-repeat center bottom;
		}
	div.photoLarge{
		width:620px; min-height:349px;
		padding-bottom:17px;
		background:url(../images/common/video/shadow-large.png) no-repeat center bottom;
		}
	
	/* END PHOTO SPECIFIC */
	
	/* PHOTO THUMBS */
	div.imageWrap-3col{
		width:220px; height:124px;
		padding-bottom:12px;
		margin:5px 20px 8px 0;
		background:url(../images/common/pictureShadow-3col.png) no-repeat center bottom;
		float:left;
		}
	/* END PHOTO THUMBS */
	
	div.additionalService{
		}
		div.additionalServices div.descriptionArea{
			width:220px;
			float:left;
			}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* PHOTOGRAPHY LISTINGS */
/* ---------------------------------------- */

div.photoAlbum{
	width:140px;
	margin-right:15px;
	margin-top:25px;
	float:left;
	}
	div.photoAlbum a{
		display:block;
		width:140px; height:78px;
		padding-bottom:7px;
		background:url(../images/products/thumbnails/shadow.jpg) bottom left no-repeat;
		}
	div.photoAlbum h1{
		font-size:0.75em; line-height:1.05em;
		font-weight:bold;
		color:#009edb;
		}

	/* PHOTO REEL */
	
	/*--Main Container--*/
	.main_view{
		float: left;
		position: relative;
	}
	/*--Window/Masking Styles--*/
	.window{
		height:350px; width: 620px;
		overflow: hidden; /*--Hides anything outside of the set width/height--*/
		position: relative;
	}
	.image_reel{
		position: absolute;
		top: 0; left: 0;
	}
	.image_reel img{
		float: left;
		}
	
	/*--Paging Styles--*/
	.paging{
		position: absolute;
		bottom: 10px; right: 10px;
		width: 200px; height:41px;
		padding: 0 10px;
		z-index: 100; /*--Assures the paging stays on the top layer--*/
		text-align: center;
		line-height: 40px;
		background: #16191d; opacity: 0.8;
		-moz-border-radius: 20px;
		-khtml-border-radius: 20px;
		-webkit-border-radius: 20px;
		/*--background: url(../images/products/reel/paging_bg2.png) no-repeat;--*/
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
		}
	.paging a{
		padding: 5px;
		text-decoration: none;
		color: #0b85b3;
		font-weight: bold;
		}
	.paging a.active{
		background: #2b3034; 
		border: 1px solid black;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-weight: bold;
		}
	.paging a:hover{
		color: white;
		font-weight: bold;
		}
	
	/* END PHOTO REEL */
	
p.toggle1, p.toggle2, p.toggle3, p.toggle4, p.toggle5, p.toggle6{
	color: #0b85b3;
	font-size: 11px; font-weight: bold;
	cursor: pointer;
	margin-bottom: -12px; padding: 0;
	}
	ul.list-style-two span.step{
		cursor: text;
		text-decoration: none;
		color: #a5abaf; text-transform: none;
		}
		p.close1, p.close2, p.close3, p.close4, p.close5, p.close6{
			color: #0b85b3;
			cursor: pointer;
			font-weight: bold;
			}

/* ---------------------------------------- */
/* OVERLAYS */
/* ---------------------------------------- */

/* the overlayed element */
.contact-overlay {
	display:none;	
	background-image:url(../images/common/overlay/bg.png);	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:674px; 	
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:16px;
}

/* default close button positioned on upper right corner */
.contact-overlay .close {
	background-image:url(../images/common/overlay/close-button.png);
	position:absolute; right:-11px; top:-6px;
	cursor:pointer;
	height:40px;
	width:41px;
}

.contact-overlay h2{
	color:#000;
	font-size:1.25em;
	}
	



/* ---------------------------------------- */
/* MODIFIERS */
/* ---------------------------------------- */
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	float:none; clear:both;
	}
.relative{
	position:relative;
	}
.white{
	color:#fff;
	}
.no-margin{
	margin:0;
	}
.clear-left{
	clear:left;
	}
div.center{
	margin:0 auto;
	position:relative;
	width:960px;
	}
div.dividerGrey{
	width:100%; height:1px;
	border-top:1px solid #474e55;
	margin-bottom:12px;
}
/* ---------------------------------------- */

/* ---------------------------------------- */
/* MAILER*/
div.success{
	text-align:center;
	background-color:#008c44;
	border-bottom:1px solid #00f275;
	padding:10px;
	width:100%;
	}
	div.success p{
		color:#00f275;
		text-transform:uppercase;
		font-weight:bold;
		margin:0; padding:0;
		}
				
div.validerrors{
	text-align: center;
background-color: #aa2a2a;
border-bottom: 1px solid #ea2020;
padding: 10px;
width: 100%;
	}
	div.validerrors p{
		color: #e78383;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding: 0;
		}
		
/* ---------------------------------------- */
