/*
Copyright 2007 epixStudios. All materials contained on this site are protected by International copyright law and may not be reproduced, distributed, transmitted, displayed, published without the prior written permission of epixStudios and the Top Table Restaurant Group.
*/

/* Start Reset */
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, code, em, img, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body { line-height: 1;}

/* ordered lists intentionally left witih numbered bullets */
ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}

/* End Reset */
/* Set up commonly used classes */
.clear {clear: both;}
.right {float: right;}
.left {float: left;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Start Site Specific CSS Information */

body { 
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background: #5a6c94 url('../images/bg_mtn.jpg') no-repeat fixed left bottom;
	color: #333;
	}
	
#wrapper { 
	width: 650px; 
	margin: 40px 0 40px 65px;
	background-color: #fff;
	border: 1px solid #fff;
}
   
#wrapper.ckbkvideo {
	width: 640px;
	border: 1px solid #fff;
} 
#header {
	background: #c5e0ea;
	width: 650px;
	height: 75px;
}
            
.ckbkvideo #header {
	width: 640px;
}
#masthead {
	background: url('../images/masthead.jpg') no-repeat left top;
	width: 650px;
	height: 250px;
}
.ckbkvideo #masthead {
	width: 640px;
	height: 360px;
	border-top: 1px solid #abb3be;
	border-bottom:1px solid #abb3be;
	background: #000 url("../images/bg-araxickbk.png") no-repeat left top;
}            

#nav {
	background: url('../images/nav_bg.gif');
	height: 49px;
}

#content { 
	width: 614px; 
	margin: 32px auto; 
}

#rhc {
	float: right;
    width: 160px; 
	margin: 0px auto 0px auto;
	position: absolute; 
	top: 95px; 
	left: 740px; }

#footer { 
	height: 2.5em;
	background-color: #c5e0ea;
	}



/* -------------------------- Typographic Information  --------------------------*/

h1, h2, h3, h4 {
	color: #2b2b2b;
}

h1 span {display: none;}

h1 a {
	background: url('../images/h1_logo.png') no-repeat scroll top left;
	width: 135px;
	height: 58px;
	display: block;
	float: left; 
	margin: 9px 0 0 17px;
}

h2 { 
	font-size: 2.4em;
	font-weight: normal;
	margin-bottom: 23px;
}


h3 { 
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px; 
}

h4 { 
	font-size: 1.2em;
	margin-bottom: 1.5em;
	
}

#content p { 
	font-size: 1.2em;
	line-height: 1.5em;
	color: #2b2b2b;
	margin-bottom: 1.5em;
}

#footer p { 
	font-size: 1.2em;
	color: #2b2b2b;
	margin-left: 17px;
	position: relative;
	top: 7px;
}


/* -------------------------- Main Content Area  --------------------------*/
	

table { 
	font-size: 1.2em;
	color: #333;
	margin-bottom: 1.5em;
	}

table td { 
	width: 150px; 
	padding: 3px;

	}

.profilepic { 
	float: left;
	margin-right: 10px; 
	}
	
.awardspic { 
	float: right;
	margin-left: 10px; 
	}

.gallery { width: 450px;}
.gallery li {display: inline;}

	/* For the menu pages - centering the content */
	#menu_content {text-align: center;
	}
	
	/* width of reso form dropdowns */
	#pg_reservations select {width: 10%;} 
          
.ckbkvideo #content .intro {
	font-size: 1.7em;
	padding-bottom: 0;
	margin-bottom: 0.7em;
	color: #6c7073;
}
.btn-ckbkvideo { 
	margin: 3px 5px 0 15px;
	width: 222px;
	height: 125px;
	float: right;
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -5555px;
	background: url("../images/btn_ckbkvid-222.jpg") no-repeat left top;
}  

.ckbkvideo #content #btn-hm {
	margin: 3px 12px 0 0;
	padding: 3px 0 0 5px;
	color: #2c333d;
	text-decoration: none;
	width: 155px;
	height: 173px;
	float: left;
	display: block;
	overflow: hidden;
	outline: none;
	background: url("../images/btn_araxihm.jpg") no-repeat left top;	
}  
      
.ckbkvideo #content #maincopy {
	margin-right: 180px;
}     
.ckbkvideo #ckbk-store {
	position: absolute;
	left: 530px;
	top: 555px;
	width: 169px;
	height: 179px;
	background: url("../images/bg-ckbk.png") no-repeat left top;
}
.ckbkvideo #ckbk-store .btn-ordernow {
	position: absolute;
	left: 0;
	bottom: 0; 
	width: 108px;
	height: 32px;
	display: block;
	overflow: hidden;
	outline: none; 
	text-indent: -5555px;
	background: url("../images/btn-ordernow.png") no-repeat 0px -32px;
}       
.ckbkvideo #ckbk-store .btn-ordernow:hover {
   background-position: 0px 0px;
}

	
/*------------------------------------------------- Group Menus -------------------- */

#groupmenu_nav { 
	margin-bottom: 1.4em;

}
	
#groupmenu_nav li { 
	display: inline;
	margin: 0 10px;
	font-size: 1.5em;
	color: #333;
	font-weight: bold;
	
	
}	

	
/*------------------------------------------------- Contact Form  -------------------- */
#contactform textarea { 
	width: 400px; 
	height: 100px; 
	}
	
#contactform .text {width: 200px;} 	

#contactform {
	margin: 30px 10px 20px 0px;
	color: #333;
	font-size: 1.2em;
	}
	
.left_form { width: 13em;} 	  

	/* styling for 'message sent' msg */
h7 { 
	font-size: 1.3em; 
	margin-left: 30px; 
	font-weight: bold; 
	margin-bottom: 1.5em;
	color: #333;
}

/* width of reso form dropdowns */
#pg_reservations select {width: 10%;}


/* ------------------------------- Links -------------------------------*/

#content a:link, #content a:visited, #a:active {color: #69747d; text-decoration: underline;}
#content a:hover {color: #69747d; text-decoration: none;}
 
          

