@charset "utf-8";

/* CSS Document */



/* Float Elements 

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

.fl-lt {float:left;}

.fl-rt {float:right;}



/* Clear Floated Elements

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

.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:before,

.clearfix:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:after {

  clear: both;

}



.clrflt {

	clear:both;

	line-height:1px;

	font-size:1px;

	overflow: hidden;

}



/* Primary Styles

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

html { 

  background: url(../img/background_main.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



body {

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666666;

	}

	

/* wrapper Styles

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

#wrapper

{

	width:980px;

	margin:0px auto;

}



/* wrapper Styles

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

.header_container{

	background:#ffffff;

	border:1px solid #dee0df;

	padding:21px 20px 24px;

	height:31px;

	margin:0 0 20px 0;

	}

	

.logo{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	

	font-size:35px;

	color:#993333;

	font-weight:bold;

	}

	

.logo a{

	color:#333333;

	text-decoration:none;

	}		

	



.nav{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	

	font-size:15px;

	color:#333333;

	padding:16px 0 0;

	}

	

#primary_nav_wrap

{

	margin-top:0px

	

}



#primary_nav_wrap ul

{

	list-style:none;

	position:relative;

	float:right;

	margin:0;

	padding:0;

}



#primary_nav_wrap ul a

{

	display:block;

	color:#333;

	text-decoration:none;

	font-weight:700;

	font-size:14px;

	line-height:32px;

	padding:0 15px;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



#primary_nav_wrap ul li

{

	position:relative;

	float:left;

	margin:0;

	padding:0

}



#primary_nav_wrap ul li.current-menu-item

{

	background:#d799be;

    



}



#primary_nav_wrap ul li:hover

{

	background:#c2c2c2;

    z-index:999;

    position:relative;

}



#primary_nav_wrap ul ul

{

	display:none;

	position:absolute;

	top:100%;

	left:0;

	background:#fff;

	padding:0

}



#primary_nav_wrap ul ul li

{

	float:none;

	width:200px

}



#primary_nav_wrap ul ul a

{

	line-height:120%;

	padding:10px 15px

}



#primary_nav_wrap ul ul ul

{

	top:0;

	left:100%

}



#primary_nav_wrap ul li:hover > ul

{

	display:block

}

/* slideshow frame */





		#show {

			width: 978px;

			height:320px;

			margin:0 0 20px;

			

		}



		#show .slide {

			

			position: absolute;

			width: 978px;

			height: 320px;

			text-align: center;

		}



/* single image - copy from here */



	.img1 {

		animation: img1 20s infinite;

		-o-animation: img1 20s infinite;

		-moz-animation: img1 20s infinite;

		-webkit-animation: img1 20s infinite;

	}



@-webkit-keyframes img1 {



0% {opacity: 0;}

10% {opacity: 1;}

20% {opacity: 1;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@keyframes img1 {

0% {opacity: 0;}

10% {opacity: 1;}

20% {opacity: 1;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-moz-keyframes img1 {

0% {opacity: 0;}

10% {opacity: 1;}

20% {opacity: 1;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



/* 

to that moment 

then change the number on img{}

also you have to make it right with % (remember!)

*/



	.img2 {

		animation: img2 20s infinite;

		-o-animation: img2 20s infinite;

		-moz-animation: img2 20s infinite;

		-webkit-animation: img2 20s infinite;

	}



	.img3 {

		animation: img3 20s infinite;

		-o-animation: img3 20s infinite;

		-moz-animation: img3 20s infinite;

		-webkit-animation: img3 20s infinite;

	}



	.img4 {

		animation: img4 20s infinite;

		-o-animation: img4 20s infinite;

		-moz-animation: img4 20s infinite;

		-webkit-animation: img4 20s infinite;

	}



	.img5 {

		animation: img5 20s infinite;

		-o-animation: img5 20s infinite;

		-moz-animation: img5 20s infinite;

		-webkit-animation: img5 20s infinite;

	}



/* keyframing */



@-webkit-keyframes img2 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 1;}

40% {opacity: 1;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@keyframes img2 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 1;}

40% {opacity: 1;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-moz-keyframes img2 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 1;}

40% {opacity: 1;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-webkit-keyframes img3 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 1;}

60% {opacity: 1;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@keyframes img3 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 1;}

60% {opacity: 1;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-moz-keyframes img3 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 1;}

60% {opacity: 1;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-webkit-keyframes img4 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 1;}

80% {opacity: 1;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@keyframes img4 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 1;}

80% {opacity: 1;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-moz-keyframes img4 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 1;}

80% {opacity: 1;}

90% {opacity: 0;}

100% {opacity: 0;}

}



@-webkit-keyframes img5 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 1;}

100% {opacity: 1;}

}



@keyframes img5 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 1;}

100% {opacity: 1;}

}



@-moz-keyframes img5 {

0% {opacity: 0;}

10% {opacity: 0;}

20% {opacity: 0;}

30% {opacity: 0;}

40% {opacity: 0;}

50% {opacity: 0;}

60% {opacity: 0;}

70% {opacity: 0;}

80% {opacity: 0;}

90% {opacity: 1;}

100% {opacity: 1;}

}





.banner_container{

	height:320px;

	margin:0 0 20px;

	}

.banner_container img {

	border: 1px solid #dee0df;



	}



.banner_container1{

	height:30px;

	margin:0 0 90px;

	}

.banner_container1 img {

	border: 1px solid #dee0df;



	}



.clients_container{

	width:930px;

	margin:0 0 20px;

	}

.clients_container img {

	border: 1px solid #dee0df;



	}





.container{

	background:#ffffff;

	border:1px solid #dee0df;

	padding:24px 20px 27px;

	margin:0 0 20px;

	font-size:12px;

	color:#666666;

}



.container h2{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	padding:0px 0px 15px;

	margin:0px;

	font-size:24px;

	color:#ae4a84;

	font-weight:normal;

	}

	

.container p{

	padding:0px 0px 30px;

	margin:0px;

	font-size:14px;

	line-height:20px;

	}



.container ul{

	padding:0px;

	margin:0px;

	list-style:none;

	}

	

.article_area ul{

	padding:0px;

	margin:0px;

	list-style:none;

	}

	

.article_area ul li{

	width:210px;

	display:block;

	float:left;

	margin-right:31px;

	font-size:12px;

	color:#666666;

	}

	

.article_area ul li.last{

	margin-right:0px;

	}

	

.article_area ul li img{

	margin:10px 0 10px 0;

	border: 1px solid #f0f2f2;

	}

	

.article_area ul li h3{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	padding:0 0 0 2px;

	margin:0px;

	font-size:18px;

	font-weight:normal;

	color:#ae4a84;

	}

	

.article_area ul li span{

	display:block;

	line-height:20px;

	padding-left: 3px;

	}

	

.article_area ul li span a{

	color:#ae4a84;

	text-decoration:underline;

	}

	

.article_area ul li span a:hover{

	text-decoration:none;

	}	

.footer_container{

	background:#ffffff;

}



.footertop{

	border:1px solid #dee0df;

	padding:20px;

	height:1%;

	}



.footer_nav{

	font-size:12px;

	color:#666666;

	}

	

.footer_nav ul{

	padding:0px;

	margin:0px;

	list-style:none;

	}

	

.footer_nav ul li{

	background:url(../img/footer-sep.jpg) no-repeat left center;

	display:block;

	float:left;

	padding:0 12px;

	line-height:18px;

	}

	

.footer_nav ul li.first{

	padding-left:0px;

	background:none;

	}	

	

.footer_nav ul li a{

	display:block;

	float:left;

	color:#666666;

	text-decoration:none;

	}

	

.footer_nav ul li a:hover{

	text-decoration:underline;

	}

	

.social{

	

	}

	

.social span{

	min-width:80px;

	display:block;

	float:left;

	font-size:12px;

	color:#666666;

	line-height:16px;

	}

	

.social ul{

	padding:0px;

	margin:0px;

	list-style:none;

	float:left;

	}

	

.social ul li{

	width:87px;

	display:block;

	float:left;

	font-size:12px;

	color:#666666;

	line-height:16px;

	}

	

.social ul li.last{

	width:auto;

	}	

	

.social ul li.twitter a{

	background:url(../img/twitter.jpg) no-repeat left center;

	}

	

.social ul li.facebook a{

	background:url(../img/facebook.jpg) no-repeat left center;

	}		

	

.social ul li a{

	padding-left:22px;

	display:inline-block;

	color:#666666;

	text-decoration:none;

	}

	

.social ul li a:hover{

	 text-decoration:underline;

	}									



.footerbottom{

	border:1px solid #dee0df;

	padding:20px 20px 20px 20px;

	border-top: 0px;

	}	

	

.copyright{

	font-size:12px;

	color:#999999;

}



.copyright a{

	color:#999999;

	text-decoration:underline;

	}

	

.copyright a:hover{

	text-decoration:none;

	}						





/* -- FORMS 

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

form{margin-top: 2em;}

form li{margin-bottom: 1.5em;}

label{display: block; margin-bottom:1em; font-weight: 700;}

input, select, textarea {

	border: 1px solid #DDD;

	color: #777;

	font-size: 1em;

	padding: 1em;

	width:60%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	*behavior: url(/js/boxsizing.htc); }

textarea{padding: 1em; min-height:15em; height: auto; width: 100%; }

input, textarea {

 -moz-transition: border .25s;

 -webkit-transition: border .25s;

 -o-transition: border .25s;

 transition: border .25s;}

input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #999;}

input[type="text"],textarea{cursor: text;}

input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}

input[type="file"]{ border: none;}

input[type="date"]{ width: auto;}

select {height: auto;}

/* Placeholders */

::-webkit-input-placeholder { color: #BBB;}

:-moz-placeholder {color: #BBB;}

:-ms-input-placeholder {color: #BBB;}

/* validate.js */

label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }







/* -- BUTTONS 

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

.button, input[type="submit"], button, .toggle-title {

	color: #666;

	font-size: 1.1em;

	font-weight: normal;

	padding: 0.6em 1.2em;

	text-shadow: 0 1px 0 #fff;

	border: solid 1px #ddd;

	text-decoration: none;

	cursor: pointer;

	

	background: #efefef; /* Old browsers */

	background: -moz-linear-gradient(top,  #f6f6f6 0%, #efefef 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #f6f6f6 0%,#efefef 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

		

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-o-border-radius: 2px;

	-ms-border-radius: 2px;

	-khtml-border-radius: 2px;

	border-radius: 2px;

	

	-webkit-transition: 0.1s linear all;

	-moz-transition: 0.1s linear all;

	-ms-transition: 0.1s linear all;

	-o-transition: 0.1s linear all;

	transition: 0.1s linear all; }

.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {

	color: #333;

	text-decoration: none;

	border-color: #BBB;

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

	background: 0 100%;}

.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {

	color: #333;

	border-color: #BBB;}

.button:active, input[type="submit"]:active, button:active, .toggle-title:active {

	color: #000;

	background: #F5F5F5;

	border-color: #444;

	position: relative; top:1px;}