@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	min-width: 100%;
	background-image: url(../images/body.png);
	background-position: 0 0;
	background-repeat: repeat;
}

/*font-family: 'Myriad Pro', sans-serif;*/

.violet { color: #9d426b; }

@font-face {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	
}



a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more {
	color: #CC3300;
	text-decoration: underline;
	padding-left: 11px;
	background-image: url(../images/arr-ico.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
}
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	clear: both;
}
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, figure, figure img, figcaption, footer, header, menu, nav, section { display: block; }

.shell { width: 990px; margin: 0 auto; }
.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ;  }


#footer {
	background-image: url(../images/footer-cols.png);
	background-position: 0 0;
	background-repeat: repeat;
}
#footer h2 { font-size: 23px; color: #fff; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 400; padding-bottom: 18px;  }
.footer-cols {
	padding: 46px 24px;
	background-image: url(../images/footer-lights.png);
	background-position: center 0px;
	background-repeat: no-repeat;
}
.footer-cols .col { float: left; width: 195px; }
.footer-cols .col + .col { padding-left: 54px;  }
.footer-cols .col ul { list-style: none; list-style-position: outside; }
.footer-cols .col ul li { color: #7dc33a; font-size: 16px;  padding-bottom: 4px; background: url(../images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px;  }
.footer-cols .col ul li a { color: #7dc33a; }

.footer-bottom {
	height: 38px;
	padding-top: 24px;
	padding: 24px 20px 0;
	border-top: 1px solid #262c2c;
	background-image: url(../images/footer-bottom.png);
	background-position: 0 0;
	background-repeat: repeat;
}
.footer-bottom .footer-nav { float: left; line-height: 12px;  }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 14px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0;  }
.footer-bottom .footer-nav ul li a { color: #5f6261; }
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; text-decoration: none; }

.footer-bottom p.copy { float: right; line-height: 11px; font-size: 11px; color: #5f6261; }
.footer-bottom p.copy span { padding: 0  11px;  }
.footer-bottom p.copy a { color: #2b9208; text-decoration: none; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }



header {
	height: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#logo {
	float: left;
	display: block;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.main {
	padding: 47px 0px 0px;
	background-image: url(../images/main.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}
.main h2 {
	font-size: 22px;
	color: #CC0000;
	line-height: 22px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}
.main h3 {
	font-size: 18px;
	color: #999999;
	line-height: 22px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 300;
}


.main h4 {
	font-size: 18px;
	color: #FFFFCC;
	line-height: 22px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}


.main h5 {
	font-size: 18px;
	color: #FFFFCC;
	line-height: 22px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}



.main section {
	clear: both;
	padding: 0 20px 20px;
	background-image: url(../images/section-shadow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}



.main .cols {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	margin-left: 20px;
	margin-bottom: 20px;
}


.main .cols .col {
	width: 314px;
	float: left;
	display: block;

}

.main .cols .col:after { 
content:''; 
width: 100%; 
clear: both; 
}

.main .cols .col + .col { 
padding-left: 20px; 
}

.main .cols .col img {
float: left; 
width: 129px; 
height: 108px;  
}

.main .cols .col-cnt {
width: 183px; 
float: right; 
}


.main .us {
	clear: both;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	background-image: url(../images/bg_pattern.jpg);
	background-repeat: repeat;

}

.main .us .img {
	float: left;
	width: 129px;
	height: 129px;

}

.main .us h3 {
    margin-top: 10px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 500;
    color: #666666;
}

.main ul li {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 300;
    color: #666666;
}

.main .expert {
	clear: both;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	background-image: url(../images/bg_letter.jpg);
	background-repeat: repeat;
}

.main .expert .img {
	float: left;
	width: 129px;
	height: 129px;
	padding-bottom: 30px;

}

.main .expert h3 {
    margin-top: 10px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 500;
    color: #666666;
}


.main .serv {
	clear: both;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	background-image: url(../images/bg_yell.jpg);
	background-repeat: repeat;
}

.main .serv .img {
	float: left;
	width: 129px;
	height: 129px;

}

.main .serv h3 {
	font-size: 18px;
	color: #CC0000;
	line-height: 20px;
    margin-top: 10px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.main .serv h4 {
    margin-top: 10px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 500;
    color: #666666;
}

/* ----- Port ----- */

.main .port {
	clear: both;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	background-image: url(../images/bg_pattern_port.jpg);
	background-repeat: repeat;
}

.main .port h2 {
	font-size: 22px;
	color: #B03136;
	line-height: 20px;
	margin-top: 10px;
	padding: 0 20px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}


.main .port h3 {
	font-size: 20px;
	color: #697186;
	line-height: 22px;
	margin-top: 10px;
	padding: 0 20px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}

.main .port h4 {
	margin-top: 10px;
	padding: 0 20px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #697186;
}

.main .port h5 {
    margin-top: 5px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 500;
    color: #666666;
}

/* ----- Portfolio ----- */

.main .portfolio {
	background-color: #eee;
	background-image: url(../images/section-shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.main .portfolio .end {
	clear: both;
	background-image: url(../images/section-shadow3.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.main .portfolio .txt {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 25px;
	margin-bottom: 5px;
}

.main .portfolio h2 {
    font-size: 22px;
	color: #CC0000;
	line-height: 22px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.main .portfolio h3 {
    font-size: 20px;
	color: #999;
	line-height: 19px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

.main .portfolio h4 {
    font-size: 16px;
	color: #666;
	line-height: 19px;
	padding-bottom: 8px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 500;
}


#navigation {
	height: 52px;
	padding-top: 4px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 600;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
	background-image: url(../images/navigation.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	letter-spacing: 0.15em;
}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li {
	float: left;
	padding-right: 2px;
	line-height: 52px;
	font-size: small;
	text-transform: uppercase;
	background-image: url(../images/nav-border.png);
	background-position: right 0;
	background-repeat: no-repeat;
}
#navigation ul li a { display: block; padding: 0 32px 0 28px; color: #878787;  }
#navigation ul li a:hover,
#navigation ul li.active a  {
	text-decoration: none;
	color: #CC3300;
}
#navigation ul li.first a { padding-left: 38px; }
#navigation a.nav-btn { display: none; }


#pyd{
	float: none;
	display: block;
	margin: 0 auto;
	padding-bottom: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}


.slider-holder { position: relative; z-index: 5; }
.slider-holder span.slider-b {
	width: 990px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	background-image: url(../images/slider-bottom.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.slider-holder span.slider-shadow {
	width: 990px;
	height: 13px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	display: block;
	background-image: url(../images/slider-shadow.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.slider {
	width: 990px;
	height: 378px;
	position: relative;
	background-image: url(../images/990x376.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }

.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }

.slider ul.slides li .slide-cnt { width: 250px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; }
.slider ul.slides li .slide-cnt h2 { font-size: 36px; line-height: 44px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 500; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 22px; }
.slider ul.slides li .slide-cnt a.grey-btn {
	width: 186px;
	height: 45px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #636363;
	text-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
	background-image: url(../images/grey-btn.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.flex-control-nav { left: 480px; }



/* Style the figures */

figure {
	position: relative;
  width: 290px;
	float: left;
	padding-bottom: 20px;
	margin-right: 20px;
}

/* Style the figure captions, hiding them by default */

figcaption {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	font-size: small;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	
}

/* Display the captions on hover */

figure:hover figcaption {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}

/* Add padding and margin to the caption contents */

figcaption * {
  padding: 0 10px 0 10px;
  margin: 0;
}

figcaption *:first-child {
  padding-top: 5px;
}
figcaption *:last-child {
  padding-bottom: 5px;
}





/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */


.contact-us {
	width: 100%;
	text-align: left;

}

.contact-us h2 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	text-transform: uppercase;

}

.contact-us h3 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
	font-weight: 500;
    color: #666666;
}


.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 14px;
	font-weight: 500;
    color: #666666;
}

.contact-us p {
	line-height: 28px;
	font-size: 14px;
	color: #666666;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
}

.contact-form {
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 10px;
}

.contact-form p {
    margin-top: 15px;
}

.contact-us form {
	margin-top: 25px;
	padding: 0 20px;
	margin-bottom: 0px;
}

.contact-us form input, .contact-us form textarea {
	width: 100%;
	height: 24px;
	border: 1px solid #ddd;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 10px;
}

.contact-us form input:focus, .contact-us form textarea:focus {
    border: 1px solid #bbb;
}

.contact-us form textarea {
    height: 160px;
}

.contact-us form button {
	width: 120px;
	height: 30px;
	margin-top: 15px;
	border: 0;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background-color: #CC0000;
}



.contact-us form label {
    margin-top: 10px;
    font-size: 13px;
}


/* ----- Google maps ----- */

.map {
	margin: 20px 20px 40px 20px;
	height: 300px;
	border: 5px solid #f8f8f8;
}


/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 768px; }
	.shell { width: 748px; }

.cl {
	padding-top: 20px;
}	
	
.footer-bottom { height: 58px; }
	.footer-cols { padding-left: 40px; }
	.footer-cols .col { width: 150px; }
	.footer-cols .col + .col { padding-left: 28px; }
	.footer-cols .col ul li { font-size: 12px; }

	.footer-bottom .footer-nav {
	float: none;
	display: block;
	text-align: center;
	padding-bottom: 18px;
}
	.footer-bottom p.copy { float: none; display: block; text-align: center;  }
	
		
	
	

.main { padding: 47px 0 0 0;  }
	.main section { background: url(../images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }
	.main .cols { margin: 0 0 0 0; padding-left: 30px; padding-right: 22px;   }
	.main .cols .col { width: 188px; }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { padding-left: 66px; }
	.main .cols .col-cnt {text-align: center; }

/* ----- Portfolio ----- */

.main .portfolio {
margin-bottom: 20px;
}

.main .portfolio .txt {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 25px;
	margin-bottom: 5px;
}


figure {
	position: relative;
  	width: 41%;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 3%;
	margin-top: 0;
}		
	


	
	
	#navigation ul li a { padding: 0 22px;  }
	#navigation ul li.first a { padding-left: 26px; }
	
	.slider-holder { position: relative; }
	.slider-holder span.slider-b {
	width: 748px;
	height: 30px;
	position: absolute;
	bottom: -13px;
	left: 0px;
	z-index: 100;
	background-image: url(../images/t-slider-bottom.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	.flex-control-nav { left: 346px; }

	.slider {
	width: 748px;
	height: 292px;
	position: relative;
	background-image: url(../images/748x292.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.slider ul.slides { list-style: none; list-style-position: outside; }
	.slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }

	.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
	.slider ul.slides li .img-holder img { width: 537px  !important; height: 266px  !important; }

	.slider ul.slides li .slide-cnt { width: 185px; padding: 0px 0 0 34px; }
	.slider ul.slides li .box-cnt { width: 285px; }
	.slider ul.slides li .slide-cnt h2 { font-size: 29px; line-height: 36px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 500; }
	
	

}

	
@media only screen and ( max-width: 767px) {
	body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
	
	.cl {
	padding-top: 20px;
}	
header { position: relative; z-index: 1000; padding-left: 0; padding-right: 0;  }


#footer h2 { padding-bottom: 12px; }
	.footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
	.footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; }
	.footer-cols .col + .col { padding-left: 0px; }
	.footer-cols .col ul li { font-size: 12px; }

	.footer-bottom { height: 58px; }
	.footer-bottom { padding: 10px 9px 20px; height: 100%; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
	.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important;  }

	.footer-bottom p.copy { float: none; display: block; text-align: center;  }
	.footer-bottom p.copy strong { display: block;  padding-top: 10px; }
	.footer-bottom p.copy span { display: none; }
	

	
#logo {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	float: none;
}




.main { padding: 40px 0 0 0; }

.main section {
	padding: 0 20px 20px 20px;
	background-image: url(../images/m-section-shadow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.main .cols {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;

}


.main .cols .col { 
width: 188px; 
float: none; 
display: block; 
padding-bottom: 22px; 
margin: 0 auto; 
}

.main .cols .col img {
float: none; 
display: block; 
margin: 0 auto; 
}

.main .cols .col + .col { 
padding-left: 0px; 
}

.main .cols .col-cnt {
text-align: center; 
float: none; 
display: block;  
}


/* ----- Portfolio ----- */

.main .portfolio {
margin-bottom: 20px;
}

.main .portfolio .txt {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	margin-bottom: 5px;
}


figure {
width: 90%; 
float: none; 
display: block; 
padding-bottom: 22px; 
margin: 0 auto; 
}		




	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn {
	display: block;
	font-size: 13px;
	line-height: 36px;
	padding-top: 0px;
	height: 28px;
	padding-left: 22px;
	text-transform: uppercase;
	color: #CC3300;
	font-size: 13px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr {
	width: 13px;
	height: 9px;
	position: absolute;
	right: 14px;
	top: 12px;
	background-image: url(../images/nav-arr.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#navigation a.nav-btn span.arr.active {
	background-image: url(../images/nav-arr.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigation ul li {
	display: block;
	line-height: 36px !important;
	float: none;
	background-image: url(../images/navigation.png);
	background-position: 0 0;
	background-repeat: repeat;
}
	#navigation ul li a { padding: 0 22px; }
	#navigation ul li.first a { padding-left: 26px; display: none; }


#pyd {
	float: none;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 63%;
}

	.m-slider { background: #f3f3f3;  }
	.slider-holder { position: relative; margin: 0 auto; width: 310px; }
	.slider-holder span.slider-b {
	width: 310px;
	height: 12px;
	position: absolute;
	bottom: -3px;
	left: 0px;
	z-index: 100;
	background-image: url(../images/m-slider-bottom.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.slider-holder span.slider-shadow { background: transparent; display: none; }
	.flex-control-nav { left: 130px; }

	.slider {
	width: 310px;
	height: 181px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/310x182.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }

	.slider ul.slides li .img-holder { width: 250px  !important; height: 134px  !important; bottom: -10px !important; left: 50%; margin-left: -145px;  }
	.slider ul.slides li .img-holder img { width: 250px  !important; height: 134px !important; }

	.slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto;  padding: 0px 0 0 0px; }
	.slider ul.slides li .box-cnt { display: none; }
	.slider ul.slides li .slide-cnt h2 { font-size: 14px; text-align: center;  line-height: 18px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 500; }
	.slider ul.slides li .slide-cnt a.grey-btn { display: none;  }


}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 


#logo {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	float: none;
}


	#navigation a.nav-btn span.arr {
	-webkit-background-size: 13px 18px;
	-moz-background-size: 13px 18px;
	background-size: 13px 18px;
	background-image: url(../images/nav-arr@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#navigation a.nav-btn span.arr.active {
	-webkit-background-size: 13px 18px;
	-moz-background-size: 13px 18px;
	background-size: 13px 18px;
	background-image: url(../images/nav-arr@2x.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#pyd {
	float: none;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 63%;
}



	
}