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

	THOMAS COLLINS PHOTOGRAPHY - www.YourWeddingForever.com 

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



/*	RESET	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;
}

body {
	line-height:1.5;
	}

table {
	border-collapse:separate;
	border-spacing:0;
	}

caption, th, td {
	text-align:left;
	font-weight:normal;
	}

table, td, th {
	vertical-align:middle;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
	}

blockquote, q {
	quotes:"" "";
	}

a img {
	border:none;
	}


/* typography.css */

body {
	font-size:75%;
	color:#222;
	background:#fff;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
	}

h1 {
	font-size:3em;
	line-height:1;
	margin-bottom:0.5em;
	}

h2 {
	font-size:2em;
	margin-bottom:0.75em;
	}

h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
	}

h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
	height:1.25em;
	}

h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:1.5em;
	}

h6 {
	font-size:1em;
	font-weight:bold;
	}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
	}

p {
	margin:0 0 .7em;
	font-size: 1em;
	}

p img {
	float:left;
	margin:1.5em 1.5em 1.5em 0;padding:0;
	}

p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
	}

a:focus, a:hover {
	color:#000;
	}

a {
	color:#009;
	text-decoration:none;
	}

span.address {
	font-size: 1.1em;
	display:  block;
	margin: 10px 0;
}

blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
	}

strong {
	font-weight:bold;
	}

em, dfn {
	font-style:italic;
	}

dfn {
	font-weight:bold;
	}

sup, sub {
	line-height:0;
	}

abbr, acronym {
	border-bottom:1px dotted #666;
	}

address {
	margin:0 0 1.5em;
	font-style:italic;
	}

del {
	color:#666;
	}

pre, code {
	margin:1.5em 0;
	white-space:pre;
	}

pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
	}

li ul, li ol {
	margin:0 1.5em;
	}

ul, ol {
	margin:0 1.5em 1.5em 1.5em;
	}

ul {
	list-style-type:disc;
	}

ol {
	list-style-type:decimal;
	}
	
.white {
	color: #fff;
}	



/*	LAYOUT	*/

body {
	background-color: #cfe7ec; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 21px; 
}

#container {
	width: 830px; 
	height: 555px; 
	margin: 0 auto;  
	position: absolute; 
	top: 45% /*50%*/; 
	left: 50%; 
	margin-left: -415px; 
	margin-top: -261px;  
}

#wrapper { 
	/*background: url(../images/bg_middle.gif);*/
}

#page { 
	/*background-image: url(../images/bg_top.gif);*/   
}

#page_top {
	/*background-image:url(../images/bg_bottom.gif);*/ 
	background-position: left bottom; 
	padding: 5px 5px 4px;  
}

#page_bottom {
	border: 1px solid #08537e; 
}

#real_page {
	background: #cfe7ec; 
	height: 494px; 
	position: relative; 
	overflow: hidden; 
	border: 9px solid #e6f5fe; 
}


/*	TYPO and STYLE	*/

a:link, a:visited, a:hover, a:active {
	color: #49351D;
}

 
.link:hover {
	text-decoration: underline;
}

img {
	display: block;
}


em {font-style: normal; font-weight: bold;}


h1 {width: 174px; height: 174px;  position: absolute; top: 170px; left:416px; z-index: 100; }
h1 a {text-indent: -3000px; overflow: hidden; /*border: 1px solid #ccc;*/ display: block; height: 100%; width: 100%;}
h1 a:hover {text-indent: -3000px; overflow: hidden; /*border: 1px solid #ccc;*/ display: block; height: 100%; width: 100%;}
h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
h4 {font-size: 10px;}
h4.noutati {margin-bottom: 5px;}

.clearer { 
	height: 0.1em; 
	clear: both;
}


/*	NAVIGATION	*/

a:link {color:#49351D;}    /* unvisited link */
a:visited {color:#49351D;} /* visited link */
a:hover {color:#08537E; font-size:11px;}   /* mouse over link */
a:active {color:#DB841E;}  /* selected link */

#main_menu {
	width: 142px; 
	position: absolute; 
	top: 200px; 
	left: 606px; 
	padding: 1px 0 0; 
	border-top: 1px solid #08537e; 
	/*background:url(../images/dot_hor.gif); background-repeat: repeat-x;*/
}

#main_menu li {
	padding: 0 0 1px; 
	background: none/*url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom*/; 
	border-bottom: 1px solid #08537e; 
	width: 100%; 
	float: left;
}

#main_menu a:link, #main_menu a:visited, #main_menu a:active {
	display: block; height: 20px; 
	/*background-position: -137px 6px; 
	text-indent: -3000px; 
	background-repeat: no-repeat;  */
	}

#main_menu a:hover, #main_menu a#hovered:link, 
#main_menu a#hovered:visited, #main_menu a#hovered:active {
	background-position: 5px 6px;
}


/* Reservation and Tagline and Celebration */

#reservation {
	width: 300px; 
	position: absolute; 
	top: 345px; 
	left: 510px; 
	padding: 1px 0 0; 
	border: none;
	color: #49351D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	letter-spacing: 1px;
	text-align: left;
	/*background:url(../images/dot_hor.gif); background-repeat: repeat-x;*/
}

#reservation2 {
	width: 150px; 
	position: absolute; 
	top: 465px; 
	left: 615px; 
	padding: 0; 
	border: none;
	color: #49351D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: right;
	/*background:url(../images/dot_hor.gif); background-repeat: repeat-x;*/
}

#tagline {
	width: 300px; 
	height: 70px;
	position: absolute; 
	top: 5px; 
	left: 520px; 
}

#celebration {
	width: 100%; 
	display: block;
	font-size: 2.7em;
	text-align: center;
	margin-top: -40px; 
	padding-bottom: 10px;
	margin: 0 auto; 
	background:none; 
	white-space: nowrap;
}

.brown {
	color: #907A54;
	letter-spacing: 0;
}	


/*	MENU	*/

#contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
#contents {width: 3952px; height: 100%; position: relative;}
.content {width: 494px;  position: absolute; overflow: hidden; }
#home {left: 0; top: 0;}


#about {left: 494px; top: 0; background-color: #2F1312; background-image:url(../images/about_thumb.jpg); padding: 248px 0 0;}
#about h2 { background-image:url(../images/about-h2.gif); background-position: center center;}
#about .description {background-color: #5B423B; height: 200px; line-height: 130%; padding: 10px 90px 38px 10px; color: #c8b18b;font-family: arial, sans serif;}
#about h3 {background-image:url(../images/about-h3.gif); height: 18px;}


#chefs {left: 988px; top: 0; background-color: #4f2110; background-image:url(../images/chefs_thumb.jpg); padding: 248px 0 0;}
#chefs h2 { background-image:url(../images/arhitectura.gif); background-position: center center;}
#chefs .description {background-color:#7c4227; height: 200px; line-height: 130%; padding: 10px 90px 38px 10px; color: #c8b18b;font-family: arial, sans serif;}
#chefs h3 {background-image:url(../images/chefs-h3.gif);}


#menus {left: 1482px; top: 0; background-color: #2c1e16; background-image:url(../images/menus_thumb.jpg); padding: 248px 0 0;}
#menus h2 {background-image:url(../images/menus-h2.gif); background-position: center center;}
#menus .description {background-color: #4f4138; height: 200px; line-height: 130%; padding: 10px 90px 38px 10px; color: #c8b18b;font-family: arial, sans serif;}
#menus h3 { background-image:url(../images/menus-h3.gif);}


#hours {left: 2470px; top: 0; background-color: #211231; background-image:url(../images/hours_thumb.jpg); padding: 248px 0 0;}
#hours h2 { background-image:url(../images/hours-h2.gif); background-position: center center;}
#hours .description {background-color: #4A4252; height: 200px; line-height: 130%; padding: 10px 90px 38px 10px; color: #c8b18b;font-family: arial, sans serif;}
#hours h3 {background-image:url(../images/hours-h3.gif);}
#hours ul {line-height: 19px;}


#contact {left: 2964px; top: 0; background-color: #63221f; background-image:url(../images/contact_thumb.jpg); padding: 248px 0 0;}
#contact h2 { background-image:url(../images/contact-h2.gif); background-position: center center;}
#contact .description {background-color: #7E423A; height: 200px; line-height: 130%; padding: 10px 90px 38px 10px; color: #c8b18b;font-family: arial, sans serif;}
#contact h3 {background-image:url(../images/contact-h3.gif);}
#contact dt, #contact dd {display: inline; }
#contact dt { color: #fff;}
#contact dl, #contact p {line-height: 14px ; }
#contact a,#contact a:visited, #menus a,#menus a:visited {color: #fff}
#contact a:hover, #menus a:hover {color: #fff; text-decoration: underline;}




/*	FOOTER	*/

#footer {
	position: relative; 
	top: 0; 
	left: 0;  
	color: #49351D; 
	font-size: .9em;  
	padding: 8px 10px;  
}

#footer span.left {
	float: left;
	margin: 0; 
	padding: 0; 
	line-height: 16px;
	display: inline;
	overflow: hidden; 
	width: 140px; 
	height: 20px; 
}

#footer span.left a, #footer p.left a:visited {
	color: #49351D;
}

#footer span.left a:hover {
	color: #fff;
}

#footer span.right {
	float: right; 
	padding: 0; 
	margin: 0; 
	line-height: 16px;
	display: inline;
}


/* Newsletter */

.email {
	clear: both;
	margin-top: 10px;	
}

span.newsletter {
	margin-right: 6px;
}

input.text, textarea {
	background-color: #ffffff; 
	color: #555555; 
	font-size: 10px; 
	font-family: 
	Verdana, Arial, Helvetica, sans-serif;
}

.ok {
	background-color: #49351D;
	color: #ffffff;
	font-size: 10px; 
	padding: 1px 3px;
}


/* Slideshow */

#slideshow {
	height: 494px;
	width: 494px;
	margin: -1px -1px -1px -1px;
	padding: 0;
	border: 1px solid #eee;  
	float: right;
	overflow: hidden;
}

#slideshow.img {
	padding: 0;
	margin: 0;
	border: none;  
	background: none;  
	width:  494px; 
	height: 494px; 
	top:  0; 
	left: 0 
}