/* Dutchess CSS */

/*  
Theme Name: Dutchess
Theme URI: 
Description: Dutchess Theme
Version: 1.00
Author: Michael Glubokyi
Author URI: http://meelk.com.ua
*/

.mmf-captcha-captcha-575 {
padding-top:5px;
margin-left:20px;
position:relative;
top:5px;
}

.mmf-form {color:white;}

.mmf-form input, .mmf-form textarea {margin-top:10px;}

.mmf-form textarea  {width:500px}

.mmf-form-control-wrap {margin-left:20px;}

/* @group CSS Reset */



	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}

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

	fieldset,img {border:0;}

	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

	ol,ul {	list-style:none;}

	caption,th {text-align:left;}

	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}

	q:before,q:after {
		content:'';
	}

	abbr,acronym { border:0;}
	

/* @end */



/* @group Head */

	

	body {font-size:0.8em; font-family:Tahoma, Arial;color:#666; margin:0px; padding:0px; 	background:#000 url('images/background.jpg') top center no-repeat;}

	

	a:link,a:visited {color:#258398;}

	

	div#wrapper {	
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;		
	}

	div#logo, div#top-menu {float:left;}

	div#logo {width:320px;}

	div#top-menu {
		padding-top:20px;
	}

	div#top-menu ul li {
		display:block;
		float:left;
		padding-left:20px;
		text-align:center;
		font-size:1.3em;		

	}

	

	div#top-menu ul li a {		
		color:white;
		text-decoration:none;
	}	

	

	div#top-menu ul li a:hover {
	    text-decoration:underline;
	}

/* @end */



/* @group Content */

	div#contents {
		min-height:400px;
		padding-top:50px;
	}

		

	h1.welcome {
		background:url('images/welcome.png') no-repeat;
		text-indent:-9999px;
		width:542px;
		height:53px;
		margin:auto;
		position:relative;
		left:-10px;
    	padding-bottom:10px;
	}



	h1.service {
		background:url('images/service.png') no-repeat;
		text-indent:-9999px;
		width:427px;
		height:30px;
		margin:auto;
		padding-bottom:10px;
	}



	h1.design {
		background:url('images/website-design.png') no-repeat;
		text-indent:-9999px;
		width:235px;
		height:50px;
		margin:auto;
		margin-bottom:10px;
		margin-top:40px;
		background-position:-44px;		
	}

    h1.logo {
		background:url('images/logo-design.png') no-repeat;
		background-position:-40px;
		text-indent:-9999px;
		width:235px;
		height:30px;
		margin:auto;
		margin-bottom:10px;
	}

	h1.ecommerce {
		background:url('images/ecommerce.png') no-repeat;
		text-indent:-9999px;
	    width:337px;
		height:28px;		
		padding-bottom:10px;
		margin-left:10px;
	}



	h1.ec-solutions {
		background:url('images/ecommerce-solutions.png') no-repeat;
		text-indent:-9999px;
		width:301px;
		height:23px;		
		padding-bottom:10px;
		margin:auto;
	}

	

	h1.portfolio {
		background:url('images/portfolio.png') no-repeat;
		text-indent:-9999px;
		width:398px;
		height:33px;		
		padding-bottom:10px;
		margin:auto;

	}

					

	div.text {
		width:700px;
		margin:auto;
		margin-bottom:50px;
	}

	div.text ul {
		padding-left:40px;
		padding-bottom:10px;
	}

	div.text ul li {
		list-style-type:disc
	}

	div.text p {
		margin-bottom:20px;
		color:#aaa;
	}

	

	div.text p strong {
		color:#258398;
		font-weight:bold;
		font-size:1.1em;
	}

/* @end */



/* @group Footer */

	 div#footer {	 
		padding-top:10px;	
	 }

	 

	 div#footer p {
		margin:0;
		padding:0;
	 }

	

	div#contacts {
		padding-left:20px;
		width:180px; 	

	}

	div#twitter {
		width:410px;
		text-align:right;
		padding-top:20px;
		padding-bottom:20px;
		
	}

	 div#twitter, div#contacts {
		float:left;
	 }

	 

	 div#tasks {
		padding-right:20px;
		float:right;
	 }

	 

	 p.addr {
		color:#555;
	 }

	 

	 div#copyright {
		padding-top:10px;
		padding-bottom:20px;
		float:left;
		width:400px;
	 }

	 

	 div#w3cvalid {
			padding-top:10px;	
			float:right;
			width:200px;
	 }



	 

	 img#twitter-img {
		position:relative;
		top:-10px;
	 }

/* @end */


/* @group Portfolio */

		ul#portfolio {display:block;}

		ul#portfolio  li {
			display:block;
			list-style-type:none;
			width:515px;
			padding-top:30px;
			padding-left:30px;
			height:298px !important;	 		
			background:url('images/frame.png') no-repeat;
			margin:auto;	 			 		
		}


		ul#portfolio  li img {
			border:1px solid #333;
			display:block; 			
    	}

		div.pf1-slideshow-title {top:-27px !important;}

		div.pf-slideshow-title,div.pf1-slideshow-title {
			position:relative;
			top:-47px;
			left:-14px;
			background:#258398;
			color:white;
			display:block;
			width:100px;
			padding:5px;
			font-weight:bold;
			float:right;
			text-align:center;
		}	 



		div.pf2-slideshow-title {
			position:relative;
			top:-27px;
			left:-25px;
			background:#258398;
			color:white;
			display:block;
			width:100px;
			padding:5px;
			font-weight:bold;
			float:right;
		} 

				

		

/* @end */



/* @group Slideshow */

		ul#slideshow {
			display:block;
			width:550px;
			padding-top:30px;
			padding-left:30px;
			height:298px !important;	 		
	    	background:url('images/frame.png') no-repeat;
			margin:auto;

		}

		ul#slideshow li {
            display:block;
            width:520px;
		}

		ul#slideshow li img {
			border:1px solid #333;
			display:block;
			position:static !important;
		}		

		div.slideshow-title {
			position:relative;
			left:-19px;
			top:-27px; 			
			background:#258398;
			color:white;
			display:block;
			width:100px;
			padding:5px;
			font-weight:bold;
			float:right;
			text-align:center;
		}

				

/* @end */


/* @group AnimatedMenu */

div.menucontainer { display:inline; float:left; }

div#top-menu ul li.current_page_item a:link,div#top-menu ul li.current_page_item a:visited{
	color:#258398 !important;
}

div#top-menu ul li.current_page_item a:hover {
	color:white!important;
}
ul.nav { list-style:none;  overflow:hidden;  }

ul.nav li.ybg { padding-left:40px;background-color:#258398; position:absolute; z-index:50; top:32px;left:165px; }

ul.nav li { float:left; }


ul.nav li.bg { position:absolute; z-index:50; left:155px; }

ul.nav li .left{}

ul.nav li a {color:#FFF; display:block; text-decoration:none; z-index:100; position:relative; }


/* @end */