/*
Theme Name: Cozy Shacks
Theme URI: http://wordpress.org/
Description: Cozy template
*/

/* -------------------------------------------------------------------------------------
--> GENERAL STYLE AREA -->
------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

html, body {
	height:100%;
	text-align:center;
}

body {
	text-align: center;
	font-size: 62.5%;
	color: #1c1c1c;
	padding: 0;
	background: #2b2b2b url(images/cozy_pattern.gif) top left repeat;
	font-family: 'georgia';
	height: 100%;
}



div, p, ul, ol, dl, h1, h2, h3, h4, h5, h6, table, hr, form {
	float: left;
	clear: both;
	width: 100%;
}

#footer div, 
#footer p {
	float:none;
	width:auto;
	clear:none;
}


ul, ol {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #548be5;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a img {
	border: none;
}

table {
	border-collapse: collapse;
	margin: 0 0 15px;
	float: left;
	width: 100%;
}

p {
	margin: 0 0 10px 0;
	line-height: 1.3;
}

h3 a {
	color: #2B2B2B;
}

img {
	float: left;
}

.middle_align {
	text-align: center;
}

.left {
	float: left;
	clear: none;
	width: auto;
}

.right {
	float: right;
	clear: none;
	width: auto;
}
#shadow_wrapper {
	height: 100%;
	background: transparent url(images/shadow.png) center center no-repeat !important;
	background: transparent url(images/shadow_ie.jpg) center center no-repeat;
}

#splash_shadow_wrapper {
	height: 100%;
	background: transparent url(images/splash_shadow.png) center center no-repeat !important;
	background: transparent url(images/splash_shadow_ie.jpg) center center no-repeat;
}

#wrapper {margin:0 auto;vertical-align:middle;width:960px;text-align:center; float: none;height:100%;}

/* -------------------------------------------------------------------------------------
<-- END GENERAL STYLE AREA <--
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
--> HEADER AREA -->
------------------------------------------------------------------------------------- */

#music_player {
	position: absolute;
	right: 0px;
	top: 20px;
	width: auto;
}

#play, #pause {
	padding: 0 25px 0 0;
	line-height: 22px;
	height: 22px;
	float: right;
	color: #5F5F5F;
	font-family: helvetica;
	font-size: 10px;
	background: transparent url(images/note.png) center right no-repeat !important;
	background: transparent url(images/note.gif) center right no-repeat;
}

#show_tracks {
	width: 15px;
	height: 22px;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
	border-left: 1px solid #353535;
	text-indent: -10000px;
	background: transparent url(images/music_dropdown.png) center right no-repeat !important;
	background: transparent url(images/music_dropdown.gif) center right no-repeat;
}

#track_slider {
	position: relative;
	z-index: 10;
	display: none;
	margin: 3px 0 0;
	width: auto;
	float: right;
	border-top: 1px solid #1A1A1A;
}

#track_slider li {
	width: auto;
	float: right;
	clear: both;
	border-bottom: 1px solid #1A1A1A;
	background: #5F5F5F;
}

#track_slider li a {
	display: block;
	float: left;
	width: 100px;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	font-family: helvetica;
	text-align: right;
}

#track_slider li a:hover {
	color: #d4aa39;
}

#header {
	height: 103px;
	position: relative;
	z-index: 5;
	width: 960px;
	margin: 0 0 10px;
}

#logo {
	width: 275px;
	height: 103px;
}

#logo a {
	float: left;
	display: block;
	width: 100%;
	height: 103px;
	text-indent: -10000px;
	background: transparent url(images/21June2011_logo.png) top left no-repeat !important;
	background: transparent url(images/21June2011_logo.png) top left no-repeat;
}


#nav {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: auto;
}

#nav li {
	float: left;
	clear: none;
	width: auto;
}

#nav a {
	float: left;
	font-size: 12px;
	font-weight: 300;
	font-family: helvetica;
	color: #fff;
	padding: 5px 13px 18px;
}

#nav a:hover, #nav a.active {
	text-decoration: none;
	background: transparent url(images/nav_hover.jpg) bottom center no-repeat !important;
	background: transparent url(images/nav_hover.gif) bottom center no-repeat;
}

#sub_nav {
	width: 630px;
	padding: 0 0 0 330px;
	height: 29px;
	margin: 4px 0 7px;
	background: #585757;
}

#sub_nav ul {
	width: auto;
	padding: 0 0 0 1px;
	background: transparent url(images/sub_nav_divider.jpg) center left no-repeat;
}

#sub_nav li {
	float: left;
	clear: none;
	width: auto;
	background: transparent url(images/sub_nav_divider.jpg) center right no-repeat;
	padding: 0 1px 0 0;
}

#sub_nav li a {
	float: left;
	line-height: 29px;
	padding: 0 20px;
	color: #fff;
	font-size: 15px;
	font-family: times;
	font-style: italic;
	font-weight: 300;
}

#sub_nav li a:hover, #sub_nav li.current_page_item a {
	text-decoration: none;
	color: #d4aa39;
	/*background: transparent url(images/sub_nav_hover.jpg) bottom left repeat-x;*/
	
	background-image:url(images/sub_nav_hover.jpg);
	background-repeat:repeat-x;
}

/* -------------------------------------------------------------------------------------
<-- END HEADER AREA <--
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
<-- CONTENT AREA <--
------------------------------------------------------------------------------------- */

#splash {
	background: #000 url(images/26Aug2011_splash.jpg) top left no-repeat;
	height: 506px;
	width: 960px;
	position: relative;
}

#splash_images {
	position: absolute;
	top: 16px;
	left: 12px;
	width: 431px;
	height: 474px;
}

#splash_rotation {
	position: relative;
	width: 431px;
	height: 474px;
	overflow: hidden;
}

#splash_rotation img {
	float: left;
	width: 431px;
	height: 474px;
}

#splash_content {
	position: absolute;
	top: 225px;
	left: 473px;
	width: 470px;
	height: 300px;
	color: #fff;
	font-family: times;
font-style:italic;
	font-size: 13px;
	text-align: left;
	line-height: 1.2;
}

#enter_site {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 136px;
	width: 196px;
	text-indent: -10000px;
	background: transparent url(images/pix.gif) top left repeat;
}

#page_image {
	width: 260px;
	float: right;
	clear: none;
	height: 495px;
	overflow: hidden;
	position: relative;
}

#home_page #page_image {
	float: left;
}

#portfolio_images {
	width: 260px;
	float: right;
	clear: none;
	height: 495px;
	position: relative;
}

#portfolio_images img {
	float: left;
	width: 260px;
	height: 495px;
}

#portfolio_images_container {
	position: absolute;
	top: 0;
	left: 0;
}

#portfolio_images_container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 495px;
}

#portfolio_nav {
	position: absolute;
	left: 0;
	z-index: 99;
	bottom: 0;
	padding: 0 0 5px 5px;
	width: 650;
}

#portfolio_nav a {
	background: #000;
	padding: 5px 5px 3px;
	color: #fff;
	float: left;
	clear: none;
	margin: 0 3px 0 0;
	font-weight: bold;
	font-family: helvetica;
}

#portfolio_nav a.activeSlide {
	background: #0755a0;
}




#sidebar {
	
	/* original back was 302 */
	/*width: 287px;*/
	
	/* new back is 693px */
	width: 685px;
	height: 453px;
	padding: 42px 8px 0 0px;
	float: left;
	background: #3f3c3c url(images/21June2011_back.jpg) top left no-repeat;
}




#home_page #sidebar {
	float: right;
	clear: none;
}

*html #home_page #sidebar {
	float: right;
	clear: both;
}

#page_header {
	height: 113px;
	
	text-indent: -10000px;
}

#portfolios {
	width: 257px;
	height: 315px;
	padding: 15px 15px 0 15px;
	color: #fff;
	font-size: 14px;
	font-family: times;
	text-align: left;
}

#portfolios ul li a {
	float: left;
	display: block;
	width: 257px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
}

#content {
	width: 625px;
	height: 315px;
	padding: 15px 15px 0 30px;
	left: 0;
	color: #fff;
	font-size: 14px;
	font-family:Helvetica, Arial, sans-serif;
	text-align: left;
	/*overflow-y: scroll;*/
}

#content a {
	color: #fff;
}

#content h1 {
	margin: 10px 0 10px 0;
}

#content h2 {
	font-size: 13px;
	margin: 0 0 10px;
	margin-top:10px;
	font-weight: normal;
	font-style: italic;
	font-family:"Times New Roman", Times, serif;
}

#content h3 {
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
	margin: 0 0 10px;
	font-style: italic;
	margin-bottom:30px;
	margin-top:5px;
}

#content p {
	line-height: 1.8em;
	font-size: 12px;
}

#content ul {
	padding: 0 0 0 0;
	margin: 0 0 15px;
	display: inline;
}

#content li {
	width: 242px;
	padding: 0 0 0 15px;
	background: transparent url(images/bullet.jpg) 1px 3px no-repeat;
	line-height: 1.5;
	margin: 0 0 5px;
}

#content img.alignleft {
	margin: 0 20px 10px 0;
	float: left;
}

.error_message {
	width: 585px;
	padding: 10px;
	background: #574531;
	color: #fff;
}

label {
	float: left;
	clear: none;
	width: 200px;
	margin: 0 15px 0 0;
}

input, textarea {
	border: 1px solid #3d362d;
	width: 200px;
	float: left;
	clear: none;
	padding: 2px;
}

input.button {
	width: auto;
	font-weight: bold;
	color: #3d362d;
	padding: 2px 10px;
	cursor: pointer;
}


/* -------------------------------------------------------------------------------------
<-- END CONTENT AREA <--
------------------------------------------------------------------------------------- */

#locations {
	position: relative;
}

.tooltip {
	height: 37px;
	width: 37px;
	display: block;
	background: transparent url(images/pix.gif) top left no-repeat;
	position: absolute;
}

#tooltip_airdrie {
	top: 155px;
	left: 158px;
}
#tooltip_atim {
	top: 241px;
	left: 255px;
}
#tooltip_princeton {
	top: 235px;
	left: 367px;
}
							
/* tooltip styling */ 
#tooltip { 
    display:none; 
    background:url(images/tooltip_bg.png) top center no-repeat; 
    height:48px; 
    padding:12px 11px 0 11px; 
    width:187px; 
    font-size:14px;
	line-height: 24px;
	text-align: center;
    color:#fff;
	float: none;
	position: relative;
}



#customer_care {
	position: relative;
}

#customer_care_login {
	height: 31px;
	width: 248px;
	top: 281px;
	left: 203px;
	display: block;
	background: transparent url(images/pix.gif) top left no-repeat;
	position: absolute;
	text-indent: -10000px;
}

#secret_password {
	height: 29px;
	width: 246px;
	top: 280px;
	left: 204px;
	display: block;
	background: #fff;
	border: 0;
	line-height: 29px;
	font-size: 16px;
	color: #3B3B3B;
	font-family: arial;
	padding: 0;
	position: absolute;
	text-align: center;
}

#media {
	position: relative;
}

.bg_image {
	position: relative;
	z-index: 0;
}

#media_links {
	position: absolute;
	top: 0;
	left: 0;
	width: 571px;
	height: 307px;
	padding: 96px 42px 0;
	z-index: 100;
}

#media_links a {
	float: left;
	width: 190px;
	margin: 0 0 20px;
	padding: 20px 0 0;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 14px;
}

#media_links a img {
	float: none;
	margin: 0 auto 10px;
}

#media_links a span {
	float: left;
	clear: both;
	width: 100%;
}

#service_request {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	font-size: 14px;
	font-family: helvetica;
	text-align: left;
}

#service_request #column_one {
	width: 265px;
	float: left;
	padding: 0 0 0 52px;
}

#service_request #column_two {
	width: 265px;
	float: right;
	clear: none;
	padding: 0 52px 0 0;
}

#service_request label {
	width: 100px;
	color: #000;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#service_request input {
	width: 140px;
	float: left;
	clear: none;
}

#service_request input.checkbox {
	width: auto;
	margin: 0 10px 0 0;
}

#service_request textarea {
	width: 245px;
	float: left;
	clear: none;
}
/* -------------------------------------------------------------------------------------
--> FOOTER AREA -->
------------------------------------------------------------------------------------- */



#footer {
	width: 960px;
	/*padding: 20px 0 0;*/
	color: #fff;
	font-size: 12px;
	font-family: helvetica;
	line-height: 1.5;
	text-align:left;
}

#footer img {
float:none;
}

#footer #footer-sidebar1 {
	float: left; 
	width: 300px; 
	padding: 0px; 
	padding-top:20px;
}

#footer #footer-sidebar2 {
	float: right; 
	width: 325px;
	padding: 0px; 
	padding-top:20px;
}

#footer #footer-mainContent { 
	margin: 0 325px 0 300px;
	padding:10px;
	padding-top:20px;
	text-align:left;
}

#footer a {
	color: #fff;
}

#footer p {
	margin: 0;
}

#footer .left {
	width: 450px;
	text-align: left;
	display: inline;
}

#footer .left a {
	clear: none;
	float: none;
}

#footer .right {
	width: 450px;
	padding: 0;
	text-align: right;
}

#footer .right a {
	float: none;
}

/* -------------------------------------------------------------------------------------
<-- END FOOTER AREA <--
------------------------------------------------------------------------------------- */

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

div#fancy_div h1, div#fancy_div h2, div#fancy_div p {
	width: 400px;
	padding: 0 10px;
	margin: 15px 0 0;
}

div#fancy_div h2 {
	font-size: 1.8em;
}

div#fancy_div p {
	font-size: 1.4em;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
	width: auto;
	float: none;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_main div {
	width: auto;
	text-align: center;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}

















/*.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowUp:hover {
	
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	
	height: 9px;
}
a.jScrollArrowDown:hover {
	
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* smaller for gallery page */
.page-id-190 #sidebar,
.page-id-137 #sidebar,
.page-id-14 #sidebar {
	width: 287px;
	height: 453px;
	padding: 42px 8px 0 7px;
	float: left;
	background: #3f3c3c url(images/side_bar_bg.jpg) top left no-repeat;
}
.page-id-190 #page_image, 
.page-id-137 #page_image, 
.page-id-14 #page_image {
	width: 655px;
	float: right;
	clear: none;
	height: 495px;
	overflow: hidden;
	position: relative;
}
.page-id-190 #content,
.page-id-137 #content,
.page-id-14 #content {
 
	width: 257px;
	height: 315px;
	padding: 15px 15px 0 15px;
	left: 0;
	
	text-align: left;
	
	
}

/* the sneak */

.page-id-13 #sidebar {
padding: 27px 8px 15px 0px;
}

.page-id-13 #content {
padding-right:0px;
width:640px;
}