/* --------------------------------------------------------------
File: ck_style1.css
Project: DQ12443
Created: 10/16/08
Modified:  1/10/09

Design and development by JULIAN DESIGN
http://www.juliandesign.biz
-------------------------------------------------------------- */

/*-------------------- OVERIDE BROWSER STYLES -----------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding:  0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size : 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight:normal; }

/* Removes style from tables */
table
{border-collapse: collapse; border-spacing:0; }

/* Removes  border from fieldset and img */
fieldset, img
{border:0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{ content : '';}

/*-------------------- SET UP THE BODY ----------------------*/
html {
	overflow: auto;
}

body {

text-align: center;

background-color:#8a98b8;

font-family: "Helvetica Neue", Helvetica, "Futura Lt Bt", "Futura Lt", Verdana, Arial, sans-serif;

color: black;
font-size: 10px;
letter-spacing:1px;
}


/*   ***************  COLORS   *****************
casa kimball bg: #7d8bab  (6a7a9e at 87%) (x,x,x)
casa kimball fg1: #bfc3d7  (8f95b9 at 57%)  ()
casa kimball fg2: #f4f3f5 ()
casa kimball menu1:  #324d9c   ()
casa kimball menu2:  #6a7a9e   ()
casa kimball credits text:  #233769  ()
casa kimball subtitle:  #324d9c  ()
casa kimball body text:  #152056 or #233769  ()
casa kimball yellow: #fcf1db
casa kimball grey #cdc6ce
*/


/*-------------------- ANCHOR--------*/

/* anchor */
a {   
	text-decoration: none;
	letter-spacing:5px;
	font-size: 12px;
	color: white;
}

/* Color of a hyperlink */
a:link {
	color: white;
}

a:hover {
	color: black; 
}

a.enter {
	position:absolute;
	top:550px;
	left:0px;
	width:520px;
	height:50px;
 	 
	text-align: center;
}

a.enter:hover {
	color:black;   
}

a#ie1 {
	background-color:white;
	width: 254px;    
	height: 189px;     
	position: absolute;
	top: 67px;
	left: 133px;
	filter:alpha(opacity=1);-moz-opacity:.1;opacity:.1; 
}

a#ie2 {
	background-color:white;	
	width: 254px;    
	height: 189px;     
	position: absolute;
	top: 307px;
	left: 133px;
	filter:alpha(opacity=1);-moz-opacity:.1;opacity:.1; 
}


/*-------------------- MAIN WINDOW --------*/
#main_window {
	position:absolute;
	width:520px;
	height:614px;
	top: 50%;
	left: 50%;
	margin: -307px 0 0 -260px;

}

#main_window_swf {
	position:absolute;
	height:662px;
 	width:100%;
	top: 50%;
	margin-top: -331px;
	margin-bottom: 0px;
}


#calendar {
	margin-top: 10px;
	margin-left: 10px;
}

/*-------------------- SUB WINDOW --------*/
#sub_window {
	position:absolute;
	top:0px;
	left:0px;
	width: 836px;
	height:841px;
	background: url(design_elements/ck_splash3.jpg) no-repeat top right;
}

iframe {
	float:left;
}

/*-------------------- BRANDING SECTION --------*/
#branding {
	float:left;
	width: 260px;
	height:195px; 
	background: url(design_elements/ck_block1.jpg) no-repeat top right;
	text-align: center;
}

#branding2 {
	height: 120px;
}


/*-------------------- CONTENT SECTION --------*/
#villa_info {
	position:relative;
	top:0px;
	left:0px;
	width: 262px;
	height:195px;
	background: url(design_elements/ck_block2.jpg) no-repeat top right;
	text-align: center;
}


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

#navigation {
	background-color:yellow;
	position:absolute;
	top:605px;
	left:0px;
	width:520px;
	height:50px;
	text-align: center;
 }

div#blurb {
	width: 258px;
	height: 194px;
	position: absolute;
	top: 65px;
	left: 131px;
}

div#blurb2 {
	width: 258px;
	height: 194px;
	position: absolute;
	top: 304px;
	left: 131px;
}

/*-------------------- IMAGES --------*/

img {
	float:left;
}

/*-------------------- HEADERS --------*/

h1 {
	float:left;
	margin-top:10px;
	font-size:16px;
}

h2 {
	float:left;
	font-size:16px;
}

h3 {
	float:left;
	font-size:13px;
	letter-spacing:1px;
}

h3.exer1, h3.exer2{
	float:left;
	color:  #bc2025;
	font-style:italic;
}

h3.exer1 {
	margin-top:10px;
}


/*-------------------- PARAGRAPHS --------*/

p.main1 {
	font-size:24px;
	letter-spacing:7px;
	padding-top:66px;
	padding-left:5px;

}

p.main2 {
	font-size:12px;
	letter-spacing:6px;
	padding-top:5px;
	padding-left:3px;
}


p.main3 {
	font-weight:bold;
	font-size:14px;
	letter-spacing:2px;
	padding-top:49px;
	padding-left:1px;
}

p.main3a {
	font-size:13px;
	letter-spacing:2px;
	padding-top:5px;
	padding-left:1px;
}

p.main4 {
	font-size:12px;
	letter-spacing:2px;
	padding-top:40px;
	padding-left:3px;
}

p.copy1 {
	float:left;
	margin:0px;
	margin-left:20px;
	letter-spacing:2px;
}



/*---------------- FLOOR -------------------*/