/*
------------------------------------------------------------------------------------------------
	ZOOK INTERIORS CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	01-07-2009															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Zook Interiors (www.zookinteriors.co.uk)													
------------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------ CSS RESET
															
------------------------------------------------------------------------------------------------
*/


body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


html {font-size: 50%;}
body {background: #EDE5DF; font-family: Helvetica, Arial, sans-serif; font-size: 125%; margin: 0; padding: 0; text-align:center;}

html, body {height: 100%;}

/*
------------------------------------------------------------------------------------------- TEXT
															
------------------------------------------------------------------------------------------------
*/

h1{width:121px; height:36px; overflow:hidden; background:url('/images/zook_logo.png') 0 0 no-repeat; display:block; margin:30px auto;}
h1 a {width:121px; height:36px; display:block; text-indent:-2000px;}

h3 {font-size:1.2em; color:#474747; line-height:1.6em; text-transform:uppercase; margin-bottom:6px;}

p {font-size:1.1em; color:#474747; line-height:1.4em;}

a {color:#d60068; margin: 0; padding: 0; outline:none; text-decoration: none;}
a:link, a:visited {color:#d60068;}
a:hover {color:#d60068; text-decoration:underline;}

span.pink{color:#d60068;}

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

#master {width:960px; min-height: 100%; margin:0 auto;}
/* ie6 hack */
* html #master {height: 100%;}

#header { height:160px; width:960px; margin:0 auto; overflow:hidden; position:relative;}
#content {width:960px; clear:both; margin:0 auto 40px auto; position:relative; overflow:auto; height:650px;}
#content_head {width:640px; margin: 0 auto 20px auto; clear:both;}
#content_foot {clear:both; width:640px; margin: 20px auto 0 auto;}

#content_a {float:left;}
#content_b {float:right;}

#footer {width:960px; clear:both; margin:0 auto; padding-bottom:20px;}

div.column { display:inline; float:left; overflow:auto; text-align:left; margin-top:12px; margin-bottom:12px;}
div.two_column {width:210px; margin-left: 15px; margin-right:15px;}
div.three_column {width:250px; margin-left: 20px; margin-right:20px;}
div.four_column {width:210px; margin-left: 15px; margin-right:15px;}

div.image_holder {width:150px; height:200px; overflow:hidden; margin: 0 0 10px 0;}
div.image_holder a.image_prev, div.image_holder a.image_next { font-size:1.2em; text-align:center; display:block; width:14px; height:200px; line-height:200px; overflow:hidden; float:left;}

/*
-------------------------------------------------------------------------------------- HOME PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_00 #master {width:100%; position:absolute; top:0; left:0; z-index:5000;}

#home_flash_holder {width:100%; min-height: 100%; margin:0; position:absolute; top:0; left:0; z-index:5000;}
/* ie6 hack */
* html #home_flash_holder {height: 100%;}

#footer p {font-size:1.0em;}
#footer p a { color:#474747;}
#footer p a:hover {color:#d60068; text-decoration:underline;}

/*
-------------------------------------------------------------------------------------- ABOUT PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_01 #content {width:870px;}

/*
------------------------------------------------------------------------------------- FOLIO PAGE
															
------------------------------------------------------------------------------------------------
*/

#folio_viewer {width:960px; height: 520px; overflow:hidden; position:relative; background-color:;}
#folio_viewer ul {left:0; list-style-type:none; margin:0; position:relative;}
#folio_viewer ul li {height: 520px; text-align:center; float:left; background: url('../../images/loader.gif') 0 0 no-repeat; margin-right:20px; }

/* JS STYLES */

#folio_viewer {float:left; z-index:10; overflow:hidden;}

/*
---------------------------------------------------------------------------------- SERVICES PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_03 #content {width:870px;}
#page_03_b #content {width:960px;}

/*#page_03 #content_foot a {color:#474747;}
#page_03 #content_foot a:hover {color:#d60068;}*/
#page_03 div.four_column {width:177px;  margin-left: 20px; margin-right:20px;}

/*
-------------------------------------------------------------------------------------- NEWS PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_04_01 #content {width:780px;}

#page_04_01 div.three_column {width:220px;}

p.news_date {margin: 10px 0;}

#page_04_02 #content {width:960px;}

#page_04_03 #content {width:620px;}

div.event_head, div.event_item {clear:both; width:620px; display:inline; float:left; overflow:auto;}
div.event_head p, div.event_item p {text-align:left; }

p.event_date {width:150px; float:left; margin: 0 15px 10px 15px;}
p.event_name {width:150px; float:left; margin: 0 15px 10px 15px;}
p.event_details {width:230px; float:right; margin: 0 15px 10px 15px;}

/*
---------------------------------------------------------------------------------- BOUTIQUE PAGE
															
------------------------------------------------------------------------------------------------
*/
#page_05 #content, #page_05 #content_foot {width:480px;}

#page_05_b #content {width:960px; overflow:hidden; position:relative;}
#content_scroller_window {width:960px; position:relative; overflow:hidden;}
#scroller_content {width:5000px; position:relative;}

p.boutique_title {margin: 10px 0; text-transform:uppercase;}

/*
---------------------------------------------------------------------------------- CONTACT PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_06 #content {width:440px; text-align:left;}
#page_06 #content_a {width:170px;}
#page_06 #content_b {width:270px;}

label.form_error {display:none; color:#d60068;}
label {float: left; width: 160px; margin: 2px 0 0 2px; font-size:1.1em; color:#474747; line-height:1.2em;}

fieldset {margin: 0; padding: 0; border: 0;}
input {font-family: Helvetica, Arial, sans-serif; font-size:1.1em; color:#474747; line-height:1.6em; border: none; margin: 0 0 0 0; padding: 2px; width: 266px; background-color:#f8f5f2;}
textarea {font-family: Helvetica, Arial, sans-serif; font-size:1.1em; color:#474747; line-height:1.4em; border: none; margin: 0 0 0 0; padding: 2px; overflow: auto; width: 266px; background-color:#f8f5f2;}

#news_letter {float:right; padding:0; margin:2px 6px 0 0; width:auto;}

div.form_item {clear:both; float:left; overflow:hidden; width:270px; margin-bottom:10px;}
div.check_item {background-color:#f8f5f2; height:18px;}
a.submit_form {font-size:1.1em;}

#thanks_message { width:270px;}

/*
------------------------------------------------------------------------------------- NAVIGATION
															
------------------------------------------------------------------------------------------------
*/

#header ul { list-style:none; margin:0; padding:0; width:600px; margin:0 auto; text-align:center; position:relative; }
#header ul li {display:inline; margin:0; padding:0; }
#header ul li a {color:#474747; text-decoration:none; margin:0; padding:2px 6px 0 7px; text-decoration:none; font-size:1.2em; line-height:1.6em; }
#header ul li a:hover {color: #d60068; text-decoration:none;}

#header ul li ul {position:absolute;left:-40px; top:20px; width:680px;}
#header ul li ul li a {font-size:1.1em; text-transform: uppercase;}

#header ul li a.active {color:#d60068;}
#header ul li ul li a.active {color:#d60068;}


/*

#page_02 #nav_sub_02 ul, #page_02_01 #nav_sub_02 ul, #page_02_02 #nav_sub_02 ul, #page_02_03 #nav_sub_02 ul, #page_02_04 #nav_sub_02 ul, #page_02_05 #nav_sub_02 ul, #page_02_06 #nav_sub_02 ul  {display:block;}
#page_04 #nav_sub_04 ul, #page_04_01 #nav_sub_04 ul, #page_04_02 #nav_sub_04 ul, #page_04_03 #nav_sub_04 ul  {display:block;}

#page_01 #nav_01, #page_03 #nav_03, #page_03_b #nav_03, #page_05 #nav_05,  #page_05_b #nav_05, #page_06 #nav_06 {color: #d60068; text-decoration:none;}

#page_02 #nav_02, #page_02_01 #nav_02, #page_02_01 #nav_02_01, #page_02_02 #nav_02, #page_02_02 #nav_02_02, #page_02_03 #nav_02, #page_02_03 #nav_02_03, #page_02_04 #nav_02, #page_02_04 #nav_02_04, #page_02_05 #nav_02, #page_02_05 #nav_02_05, #page_02_06 #nav_02_06 {color: #d60068; text-decoration:none;}

#page_04 #nav_04, #page_04_01 #nav_04, #page_04_01 #nav_04_01, #page_04_02 #nav_04, #page_04_02 #nav_04_02, #page_04_03 #nav_04, #page_04_03 #nav_04_03 {color: #d60068; text-decoration:none;}


#header ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}

#header ul li a {color:#FFFFFF; text-decoration:none; display:block; margin:0 6px 0 7px; padding:2px 0 0 0; text-decoration:none; font-size:1.2em; line-height:1.2em; margin-bottom:10px;  }
#header ul li a:hover {border-bottom:2px solid #d60068; margin-bottom:8px;}

#header ul li ul {display:none; position:absolute; width:500px;}
#header ul li ul li a {font-size:1.1em;}


#page_02 #nav_02 ul {display:block;}

/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0;}