/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progressf, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#5a5f61;
	min-width:940px;
	background:url(../images/bg_pattern.gif) center 0 no-repeat #778085;
	min-height:100%;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:920px;
	font-size:14px;
	line-height:20px;
	min-height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;


	padding-bottom: 0
.px;
	padding-left: 0px;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:14px;}
.p3 {margin-bottom:16px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#485053;}
.block {display:block;}
.decor {text-decoration:none;}
.decor:hover {text-decoration:underline;}
.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;} 
.transform { text-transform:uppercase;}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:37px;}
.margin-bot1 {margin-bottom:38px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent-bot1 {margin-bottom:27px;}
.img-indent-bot2 {margin-bottom:29px;}
.img-indent-bot3 {margin-bottom:26px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.mb6 { margin-bottom:6px;}
.mt6 { margin-top:6px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.menu2 li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

h1 {
	padding:0px 0 0 0;
	margin-top:16px;
	position:relative;
	float:left;
}
h1 .slogan {
	display:inline-block;
	text-transform:uppercase;
	color:#c9cfd1;
	font-size:10px;
	line-height:13px;
	position:absolute;
	left:212px;
	top:73px;
}
h1 a {
	display:block;
	width:940px;
	height:117px;
	text-indent:-5000px;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-decoration:none;
}
.right-content {
	float:right;
	font-size:11px;
	line-height:12px;
	color:#c9cfd1;
	padding-top:60px;
}
.right-content span {
	display:block;	
}
.right-content span.spec {
	font-size:14px;
	line-height:18px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color:#e4e7e8;
}
.logo-indent {
	margin-bottom:1px;	
}
/****************************************************************************************slider***********************************************************************/
.items {
	display:none;	
}
.slider {
	width:940px;
	height:480px;
	position:relative;
}

/**********************************************************************************end**********************************************************************************/
/****************************menu*********************************************/
.menu {
	padding:0px 0px 0 0;
	float:left;
	width:100%;
}
.menu > li {
	float:left; 
	position:relative;
	padding:0 1px 0 0px;
	background:url(../images/separator.png) right 1px no-repeat;
	width:187px;
}
.menu > li.last {
	width:188px;
	background:none;
	padding:0;
}
.menu > li > a {
	display:block;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:14px 0px 13px 0px;
	color:#669900;
	text-align:center;
	text-transform:none;
	background:url(../images/menu-a-bg.png) 0 -1000px repeat-x;
}
.menu li.sfHover > a, .menu > li > a:hover, .menu > li > a.current {
	color:#fff;
	background-position:0 0;
}
.menu ul {
	position:		absolute;
	padding:		14px 0px 15px 0px;
	top:			-999em;
	width:			187px;
	background:		#ffee5a;
}

.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {padding:1px 0; background:none;}
.menu li li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:		8px 0px 8px 0px;
	font-size:		12px;
	line-height:	14px;
	text-transform:	none;
	color:#669900;
	text-align:center;
	background:url(../images/sub-menu-a.jpg) 0 -1000px repeat-x;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#FFFFFF; background-position:0 0;}


.menu li:hover ul, .menu li.sfHover ul {
	left:			-1px;
	top:			42px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			159px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
#page1 .sf-menu ul {
	position:absolute;
	top:100em;
}
#page1 .menu li:hover ul, #page1 .menu li.sfHover ul {
	left:0;
	top:auto;
	bottom:45px; /* match top ul list item height */
	z-index:99;
}
#page1 .sf-menu ul ul {
	position:absolute;
	top:100em;
}
#page1 .menu li:hover ul ul, #page1 .menu li.sfHover ul ul {
	left:118px;
	top:auto;
	bottom:0px; /* match top ul list item height */
	z-index:99;
}
/*************************end menu********************************************/
/****************************menu2*********************************************/
.menu2 {
	padding:0px 0px 0 0;
	float:right;
	width:100%;
}
.menu2 > li {
	float:right; 
	position:relative;
	padding:0 1px 0 0px;
	background:url(../images/side_menu_line.gif) 1px no-repeat;
	width:156px;
}
.menu2 > li.last {
	width:155px;
	background:none;
	padding:0;
}
.menu2 > li > a {
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:10px 0px 9px 0px;
	color:#669900;
	text-align:left;
	text-transform:none;
	background:url(../images/menu-a-bg.png) 0 -1000px repeat-x;
}
.menu2 li.sfHover > a, .menu2 > li > a:hover, .menu2 > li > a.current {
	color:#fff;
	background-position:0 0;
}
.menu2 ul {
	position:		absolute;
	padding:		14px 0px 15px 0px;
	top:			-999em;
	width:			158px;
	background:		#ffee5a;
}

.menu2 ul li {width:	100%;}
.menu2 li:hover {visibility:	inherit; }
.menu2 li li {padding:1px 0; background:none;}
.menu2 li li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:		8px 0px 8px 0px;
	font-size:		12px;
	line-height:	14px;
	text-transform:	none;
	color:#615619;
	text-align:center;
	background:url(../images/sub-menu-a.jpg) 0 -1000px repeat-x;
}
.menu2 li li a:hover, .menu2 li li.sfHover > a {color:#FFFFFF; background-position:0 0;}


.menu2 li:hover ul, .menu2 li.sfHover ul {
	left:			-1px;
	top:			42px;
	z-index:		999;
}
ul.menu2 li:hover li ul, ul.menu2 li.sfHover li ul {
	top:			-999em;
}
ul.menu2 li li:hover ul, ul.menu2 li li.sfHover ul {
	left:			159px;
	top:			0px;
	z-index:		9999;
}
ul.menu2 li li:hover li ul, ul.menu2 li li.sfHover li ul {
	top:			-999em;
}

/*************************end menu2********************************************/
/*********************************content*************************************/
#content {
	width:100%;
	padding:0;
	position:relative;
	z-index:1;
}

.container-1 {
	padding:0px 0px 0px 0px;
	background:url(../images/bg_pattern5.gif) center 0 repeat #778085;
}

h3 {
	font-size:48px; 
	line-height:56px; 
	margin:0 0 31px 0; 
	color:#545859;
	font-family: 'Lobster', cursive;
	letter-spacing:-1px;
}
h6 {
	color:#485053;
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
}
strong.heading {
	color:#485053;
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
	display:block;
}
.border-bot {
	width:100%; 
	padding-bottom:20px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:100%; 
	min-height:295px; 
	background:url(../images/bg-box.png) 0 0 repeat;
}

.button {
	display:inline-block; 
	padding:8px 13px 7px 13px;
	color:#838c8e;
	text-transform:uppercase;
	font-size:10px;
	line-height:13px;
	background:url(../images/button-bg.gif) 0 0 repeat-x #e5e7e7;
	border:1px solid;
	border-color:#ffffff #f8f8f8 #f2f3f3 #fafafa;
	box-shadow: 0px 2px 2px #c2c3c3;
	-moz-box-shadow: 0px 2px 2px #c2c3c3;
	-webkit-box-shadow: 0px 2px 2px #c2c3c3;
	margin:0 0 3px 1px;
}
	
	.button:hover {background:#FFF; color:#000;}

.list-1 li {
	line-height:16px; 
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 20px 10px 0px; 
	background:url(../images/line-2.gif) left bottom repeat-x;
}
	.list-1 li.last { background:none;}
	.list-1 li a {
		display:block;
		color:#485053;
		padding-left:12px;
		background:url(../images/marker-1.gif) left 5px no-repeat;
	}
		.list-1 li a:hover {
			color:#ccc;
		}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
		.list-2 li a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

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

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 
/*********************************************************************************************index-1.html********************************************************************/
#page2 .row-1 .col-1 {
	width:400px;
	margin-right:80px;
}
#page2 .row-1 .col-2 {
	width:380px;	
}
#page2 .row-1 {
	padding-bottom:44px;
	margin-bottom:28px;
	background:url(../images/line-1.gif) left bottom repeat-x;	
}
#page2 .row-2 .col-1 {
	width:245px;
	margin-right:75px;
}
#page2 .row-2 .col-2 {
	width:217px;
}
.img-container {
	float:left;
	padding:5px;
	background:#cad0d1;
}
/*****************************************************************************************end index-2.html********************************************************************/
/*********************************************************************************************index-2.html********************************************************************/
#page3 .container-1 {
	padding-bottom:50px;	
}
#page3 .row-1 .col-1 {
	width:210px;
	margin-right:12px;
}
#page3 .row-1 .col-2 {
	width:193px;	
}
#page3 .row-1 {
	padding-bottom:39px;
	margin-bottom:36px;
	background:url(../images/line-1.gif) left bottom repeat-x;	
}
#page3 .row-2 .col-1 {
	width:400px;
	margin-right:40px;
}
#page3 .row-2 .col-2 {
	width:400px;
}
.price ul li {
	font-size:20px;
	line-height:24px;
	color:#485053;
	font-family: 'Lobster', cursive;
	padding:0 0 7px 28px;
}
.price ul li span {
	font-size:16px;
	line-height:20px;
	display:inline-block;
	margin-top:4px;
}
.price ul li.first {background:url(../images/p-marker1.gif) 0 1px no-repeat; }
.price ul li.last {background:url(../images/p-marker2.gif) 0 1px no-repeat; }
.small-col {
	float:left;
	width:177px;
}
.small-col-1 {
	float:left;
	width:206px;
}
.small-col-ind { margin-right:33px;}
/*****************************************************************************************end index-2.html********************************************************************/
/*********************************************************************************************index-3.html********************************************************************/
#page4 .container-1 {
	padding-bottom:61px;
	padding-right:35px;
}
#page4 .row-1 .col-1 {
	width:275px;
	margin-right:20px;
}
#page4 .row-1 .col-2 {
	width:275px;	
}


/*****************************************************************************************end index-3.html********************************************************************/
/*********************************************************************************************index-4.html********************************************************************/
#page5 .container-1 {
	padding-bottom:57px;
	padding-right:33px;
}
.slider-1 {
	width:857px;
	height:523px;
	position:relative;
}
.img-pags {
	margin-left:39px;	
}
.img-pags li a {
	position:relative;
	margin:0px 4px 0 4px;
	display:block;
}
.but {
	display:block;
	text-indent:-5000px;
	width:29px;
	height:29px;
	position:absolute;
}
.pag { position:relative; width:867px; overflow:hidden; height:170px;}
.button1 {
	background:url(../images/prev.png) 0 0 no-repeat;
	left:0;
	top:70px;
}
.button2 {
	background:url(../images/next.png) 0 0 no-repeat;
	right:0;
	top:70px;
}
.but:hover { background-position:0 bottom;}
.banner {
	width:857px;
	height:78px;
	position:absolute;
	background:url(../images/banner-bg.png);
	left:0px;
	top:445px;
}
.banner-padd {
	padding:13px 0 0 25px;	
	color:#ece6e5;
	line-height:24px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.pag li.active .img-container, .pag li:hover .img-container {
	background:#202020;	
}
/*****************************************************************************************end index-4.html********************************************************************/
/*********************************************************************************************index-5.html********************************************************************/
#page6 .container-1 {
	padding-bottom:62px;
	padding-right:33px;
}
#page6 .col-1 {
	width:420px;
	margin-right:20px;
}
#page6 .col-2 {
	width:427px;	
}
#page6 h6 { line-height:20px;}
dl span {float:left; width:100px;}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:46px;
			}
			#contact-form label.message { height:246px;}
			#contact-form input {
				width:265px;
				padding:7px 10px 9px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:18px;
				color:#5a5f61; 
				background:#FFF;
				border:1px solid #d9dcdd;
				outline:none;
				height:18px;
			}
			 #contact-form .area .error { float:none;}
			#contact-form textarea {
				height:230px;
				max-height:230px;
				margin:0;
				width:405px;
				max-width:405px;
				padding:7px 10px 7px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:18px;
				color:#5a5f61; 
				background:#FFF;
				border:1px solid #d9dcdd;
				overflow:auto;
				outline:none;
			}
			 #contact-form a {cursor:pointer;}
			 #contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
					text-transform:capitalize;
				}
		.buttons-2 { padding:20px 1px 0 0; text-align:right; }
		.buttons-2 .button{ margin-left:10px; width:76px; padding-left:0; padding-right:0; text-align:center;}
/*****************************************************************************************end index-5.html********************************************************************/

#page7 .container-1 {
	padding-bottom:54px;
	padding-right:175px;
}

/****************************footer************************/
footer {
	width:100%; 
	padding:60px 0 30px;
	background:url(../images/footer-bg.png) center top no-repeat;
}
#page1 footer { min-height:100px;}
.footer-link {
	font-size:11px;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:4px;
	display:block;
	text-align:left;
}
.footer-link a {
	color:#000000;
}
.list-services {
	margin-left:-12px;
	padding:0px 0px 0 12px;
	float:left;
	background:url(../images/list-service.png) no-repeat;
	height:59px;
}

	.list-services li {
		float:left; 
		padding:0px 10px 0 0px;
		line-height:20px;
		text-transform:uppercase;
	}
	.list-services li span {display:block; padding:9px 10px 0 0; color:#9b9b9b;}

	.list-services li a {
		display:block;
		width:40px;
		height:40px;
	}
	.list-services li a.first {
		background:url(../images/facebook.png) no-repeat;
		
	}
	.list-services li a.second {
		background:url(../images/twitter.png) left top no-repeat;
	}
	.list-services li a.third {
		background:url(../images/google.png) left top no-repeat;
	}
	.list-services li a.four {
		background:url(../images/dribbble.png) left top no-repeat;
	}
.list-services li a:hover { background-position:left bottom;}
	#easyTooltip{
	padding:5px 10px;
	border:1px solid #fff;
	background:#0099de;
	color:#ffffff;
	font-size:11px;
	text-transform:none;
	position:relative;
	z-index:99;
	font-weight:bold;
}
