/*  
Theme Name: Minko Mihaylov - Wedding photography
Theme URI: http://www.minkomihaylov.com
Description: Tема, създадена специално за Минко Михайлов - сватбен фотограф
Author: Stela Tasheva a.k.a TangraDesign
Author URI: http://www.tangradesign.com/


*/

/* Begin Typography & Colors */
body {
	margin: 0px;
	border: 0px;
	background-image: url(images/m-bckgrnd_03.jpg);
	background-position: top center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	line-height: 20px;
	}
a {color:#fed1f8;}	
h1 {
	color: #fed1f8;
	font-size: 18px;
	text-align: center;
	font-style: italic;
	font-weight:bold;
}
h2 {font-size: 16px; }
h3 {font-size: 16px; color: #fed1f8;
	font-size: 16px;
	text-align: center;
	font-style: italic; margin-bottom: 30px;}
h4 {}
h5 {}
h6 {}


strong {color:#fed1f8; font-style:italic; font-weight:bold;}	

#body{margin:auto; width: 980px;}
#wrapper {position: relative; margin:auto; width: 980px; background-image: url(images/m-container-bckgrnd_02.jpg); background-repeat:repeat-y; float:left;}
/* ---  index page  ---- */
#header {float: left; height: 100px; width: 950px; background-image:url(images/m-menu-bckgrnd_03.jpg); background-repeat:repeat-x; margin-left: 15px;}
.logo {margin:0px 0px 0px 25px; float:left; width:200px; height: 100px;}
.logo img {border: 0px; }
#menu {
	margin: 0px;
	float: left;
	height:100px;
	width: 690px;
}
.main {
	position: absolute;
	float: left;
	padding-left:20px;
	height: 60px;
	width: 690px;
}
			a.button-about  {background: url(images/m-button_about.jpg) no-repeat 0 0; width: 89px; height: 60px; display: block; text-indent: -9999px; }
			a.button-about:hover { background-position: 0 -60px; }
			a.button-wedding  {background: url(images/m-buttons_wedding.jpg) no-repeat 0 0; position: absolute; top:0px; left:99px; width: 207px; height: 60px; display: block; text-indent: -9999px; }
			a.button-wedding:hover { background-position: 0 -60px; }
			a.button-services  {background: url(images/m-buttons_services.jpg) no-repeat 0 0; position: absolute; top:0px; left:296px; width: 135px; height: 60px; display: block; text-indent: -9999px; }
			a.button-services:hover { background-position: 0 -60px; }
			a.button-slide  {background: url(images/m-buttons_slide.jpg) no-repeat 0 0; position: absolute; top:0px; left:421px; width: 109px; height: 60px; display: block; text-indent: -9999px; }
			a.button-slide:hover { background-position: 0 -60px; }
			a.button-contacts  {background: url(images/m-buttons_contacts.jpg) no-repeat 0 0; position: absolute; top:0px; left:520px; width: 125px; height: 60px; display: block; text-indent: -9999px; }
			a.button-contacts:hover { background-position: 0 -60px; }
		
	
	/*** Nav bar styles ***/
	/*Remove all spacings from the list items*/
	ul.nav, .nav ul{  margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; }
	ul.nav{ display: inline; }
	ul.nav>li{ display: table-cell; position: relative; }
	
	/*Make the sub list items invisible*/
	ul.nav li>ul{ display: none; position: absolute; margin-left: 50px; width: 500px;}
	/*When hovered, make them appear*/
	ul.nav li:hover>ul{ display : inline; }
	/*Make the hyperlinks as a block element, sort of a hover effect*/
	.nav ul li a{ display:inline; padding: 2px 10px; }
		
	/*** Menu colors (customizable) ***/
	ul.nav,
	.nav ul,
	.nav ul li a{background-color: #fff; color: #369; }
	ul.nav li:hover, .nav ul li a:hover{ background-color: #369; color: #fff; }
	ul.nav li:active, .nav ul li a:active{ background-color: #036; color: #fff; }
	ul.nav, .nav ul{ border: 1px solid #369; }
	.nav a{ text-decoration: none; }
	
	
#container {float: left; position: relative; margin:0px 20px 10px 20px; width: 925px; padding-left:15px;}
/* ---  index page  ---- */
.intro {float: left; position: relative; height: 400px; width:710px; padding-left: 100px; }
.intro img{border:none;}
.index_menu {float: left; position: relative; width: 850px; height: 100px; color: #232323; margin-top: 30px;}
.index_menu strong {color: #232323;}

/* ---  index page  ---- */
.profile_img {float: left; width:200px; height:200px; padding:25px;}
.profile_img img {height: 200px; width:200px; padding:5px; background-color:#FFF;}
.about_1 {float:left; width:600px; padding:30px 50px 30px 20px; line-height: 18px;}
.about_1 h1 {color:#FFF;}

#gallery_info {float:left; width:910px;} 
#gallery_info .title {
	float:left;
	width:710px;
	padding: 0px 100px;
}
#gallery_info .description {
	position: relative;
	top:-10px;
	float: left;
	width:750px;
	padding: 0px 100px 20px 100px;
}
/* ---  slideshow page  ---- */
#slideshow {margin: auto; position:relative; height: 400px;}
#slideshow a {text-decoration: none;}
#slideshow-topic {width: 900px;}
#slideshow-player {position: relative; float:left; margin:auto; padding-left: 200px; padding-bottom: 30px; }
/* ---  contacts page  ---- */
#contacts_container {float:left; width:950px; height:500px; background-image:url(images/m-contacts-bckgrnd_12.jpg); background-position:top; background-repeat:no-repeat;}
.contacts_title {
	float:left;
	margin:10px 0px 10px 20px;
}
.contacts_title strong {font-weight:bold; font-style:italic; font-size: 15px; color:#fed1f8;}
.contacts_form {float: left; width:580px; height:500px;}
.contacts_form table {
	margin-left: 20px;
	margin-top: 49px;
}
.contacts_form table tr {vertical-align:middle; margin:0px;}
.lines {height:34px; width: 240px; vertical-align:middle; border: 0px; background:none; line-height: 34px; }
.textfield {padding:5px; margin-left:60px; border:0px; background:none;}

.contacts_info { float: left; width:360px; height:500px; }
.contacts_info td {background-color:#141414; margin: 10px 0px; line-height: 20px;}

/* ---  footer page  ---- */
#shadow {position: relative; float:left; width:980px; height:10px;}
#footer { position: relative; float:left; margin:auto; width: 950px; height: 30px;}
#footer ul {margin-top: 0px; list-style:none; width:950px; line-height:30px;  color:#6C6C6C;}
#footer ul li {display:inline; height: 30px;}
#footer ul li.rights {margin-left:30px; margin-right: 100px; text-decoration:none;}
#footer ul li.rights a {font-weight: bold; color:#CCC; }
#footer ul li.login {margin-left: 50px;}
#footer ul li a {font-size:12px; color:#6C6C6C;text-decoration:none;}