/*  
Theme Name: Šokolado fontanai
Theme URI: http://www.sokoladofontanai.lt/
Description: 
Version: 1.0
Author: Romualdas Užkurys
Author URI: http://www.infoneta.lt/

	This theme was designed and built by Romualdas Užkurys,
	whose website you will find at http://www.wdmode.com/

*/

html, body {
	height: 100%;
	background: #1f1a14;
	/*line-height: 130%;*/
}











#top {
	width: 100%;
	height: 250px;
	background: url(images/header_bg_repeat.jpg) repeat-x;
}

#header {
	margin: 0 auto;
	width: 960px;
	height: 250px;
	background: url(images/header.jpg) no-repeat;
}

#topNav {
	display: inline;
	margin: 35px 0 0 180px;
}

#topNav ul li a {
	display: block;
	text-indent: -9999px;
}

#topNav-home {
	width: 113px;
	height: 36px;
	background: url(images/topnav_home_normal.png) no-repeat;
	margin-top: 5px;
}

#topNav-home:hover, #topNav-home.active, #topNav-home.active:hover {
	background: url(images/topnav_home_active.png) no-repeat;
}

#topNav-order {
	width: 154px;
	height: 36px;
	background: url(images/topnav_order_normal.png) no-repeat;
	margin-top: 10px;
}

#topNav-order:hover, #topNav-order.active, #topNav-order.active:hover {
	background: url(images/topnav_order_active.png) no-repeat;
}

#topNav-contact {
	width: 141px;
	height: 33px;
	background: url(images/topnav_contact_normal.png) no-repeat;
	margin-top: 10px;
}

#topNav-contact:hover, #topNav-contact.active, #topNav-contact.active:hover {
	background: url(images/topnav_contact_active.png) no-repeat;
}





















#middle {
	width: 100%;
	background: #c9bd9e url(images/body_bg_repeat.jpg) repeat-x top;
}

#contentWrapper {
	margin: 0 auto;
	width: 960px;
	min-height: 750px;
	height: auto;
	background: url(images/body.jpg) no-repeat top;
	position: relative;
}

* html #contentWrapper {
	height: 750px;
}

















#mainMenu {
	display: inline;
}

#mainMenu ul li a {
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
}

#nav-chocolate {
	width: 533px;
	height: 100px;
	background: url(images/nav_sokoladofontanai_normal.png) no-repeat;
	margin-left: 20px;
}

#nav-chocolate:hover {
	background: url(images/nav_sokoladofontanai_active.png) no-repeat;
}

#nav-drinks {
	width: 479px;
	height: 90px;
	background: url(images/nav_gerimufontanai_normal.png) no-repeat;
	margin-left: 90px;
}

#nav-drinks:hover {
	background: url(images/nav_gerimufontanai_active.png) no-repeat;
}

#nav-cheese {
	width: 413px;
	height: 79px;
	background: url(images/nav_suriofontanai_normal.png) no-repeat;
	margin-left: 40px;
}

#nav-cheese:hover {
	background: url(images/nav_suriofontanai_active.png) no-repeat;
}

#nav-coffee {
	width: 605px;
	height: 108px;
	background: url(images/nav_kavosaparatunuoma_normal.png) no-repeat;
}

#nav-coffee:hover {
	background: url(images/nav_kavosaparatunuoma_active.png) no-repeat;
}

#nav-popcorn {
	width: 538px;
	height: 79px;
	background: url(images/nav_kukuruzuspragesiai_normal.png) no-repeat;
	margin-left: 55px;
}

#nav-popcorn:hover {
	background: url(images/nav_kukuruzuspragesiai_active.png) no-repeat;
}

#nav-extra {
	width: 558px;
	height: 79px;
	background: url(images/nav_fontanasextraplius_normal.png) no-repeat;
}

#nav-extra:hover {
	background: url(images/nav_fontanasextraplius_active.png) no-repeat;
}











#contentOuter {
	display: inline;
	width: 528px;
	margin: 41px 97px 100px 0;
}

#contentTop {
	width: 528px;
	height: 67px;
	background: url(images/content_top.png) no-repeat;
}

#navButton1 { }

a.navButton1 {
	display: block;
	width: 68px;
	height: 67px;
	background: url(images/button_left_normal.png) no-repeat;
}

a.navButton1:hover {
	background: url(images/button_left_active.png) no-repeat;
}

#navButton2 {
	display: inline; /* I hate IE6 */
	margin-right: 3px;
}

a.navButton2 {
	display: block;
	width: 68px;
	height: 67px;
	background: url(images/button_right_normal.png) no-repeat;
}

a.navButton2:hover {
	background: url(images/button_right_active.png) no-repeat;
}

#page-title {
	display: inline;
	margin: 5px 0 0 10px;
}

#contentCorner1 {
	width: 528px;
	background: url(images/content_bg_repeat.png) repeat-y;
}

#content {
	padding: 1px 25px 1px 25px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	/*color: #1f1a14;*/
	color: #4a3e30;
	font-size: 93%;
	/*font-size: 1.0em;*/
	min-height: 127px;
	height: auto;
	background: url(images/content_c1.png) no-repeat top;
	line-height: 1.6em;
}

* html #content {
	height: 127px;
}

#contentCorner2 {
	width: 528px;
	background: url(images/content_c2.png) no-repeat bottom;
}

#contentBottom {
	width: 528px;
	height: 30px;
	background: url(images/content_bottom.png) no-repeat;
}



a.contactLabel {
	display: block;
	width: 191px;
	height: 76px;
	background: url(images/label_contact_normal.png) no-repeat;
	position: absolute;
	bottom: 0;
	margin-left: 400px;
}

a.contactLabel:hover {
	background: url(images/label_contact_active.png) no-repeat;
}

a.orderLabel {
	display: block;
	width: 205px;
	height: 91px;
	background: url(images/label_order_normal.png) no-repeat;
	position: absolute;
	bottom: 0;
	margin-left: 600px;
}

a.orderLabel:hover {
	background: url(images/label_order_active.png) no-repeat;
}
















#bottom {
	width: 100%;
	height: 45px;
	background: url(images/footer_bg_repeat.jpg) repeat-x;
}

#footer {
	margin: 0 auto;
	width: 960px;
	height: 45px;
	background: url(images/footer.jpg) no-repeat;
}



















.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}









/* Style elements */
#content p {
	margin: 0.7em 0 0.8em 0;
}

a {
	outline: none;
}

#content a {
	color: #957114;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	color: #cfb268;
}

b, strong {
	font-weight: bold;
	color: #1f1a14;
}

i {
	font-style: italic;
}

h1, h2, h3 {
	color: #433511;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

h2 {
	font-size: 131%;
	line-height: 1.5em;
	font-style: italic;
	font-weight: normal;
}

.cap {
	font-size: 4em;
	color: #74685a;
	float: left;
	line-height: 0.8em;
	padding: 0 5px 0 0;
}

#accordion h3 {
	font-size: 108%;
	line-height: 1.5em;
	background: #e0dac2;
	margin: 2px 0 4px 0;
	padding: 2px 3px 2px 5px;
	outline: none;
	font-style: italic;
}

#accordion h3.ui-state-active a {
	color: #74685a;
}

#footer p {
	color: #7a6943;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 61%;
	text-align: center;
	line-height: 45px;
}

#footer a {
	color: #c8b385;
	text-decoration: none;
}

#footer a:hover {
	color: #7a6943;
}
/* End Style elements */

/**/
.photo {
	float: left;
	margin: 20px 5px 10px 10px;
	position: relative;
	width: 221px;
	height: 180px;
	background: transparent url(images/picture_bg.png) no-repeat;
}

.photo img {
		margin: 15px 0 0 8px;
}

/* Tooltip */
.tTip { }

.tip {
	width: 174px;
	padding-top: 15px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #a99b77;
	font-weight: bold;
	text-align: center;
}
	
.tipMid {
		background: transparent url(images/tipMid.png) repeat-y;
		padding: 0 15px 10px 15px;
}

.tipBtm {
	background: transparent url(images/tipBtm.png) no-repeat bottom;
	height: 30px;
}
/* End Tooltip */