/* CSS RESET */
body, img, div, p, p1{margin:0px; padding:0px;font-family:Arial;}
body{font-family:Arial, Sans-Serif, "Times New Roman"; font-size:12px; color:black; text-align:left; margin:0 0 0 0;}
h1, h2, h3, h4, ul{padding:0px;margin:0;}
h1{font-size:24px;color:#696969;margin:0;}
h2{font-size:16px;}
h3{font-size:19px;color:black;}
h4{font-size:19px;color:black;}
img{border:0px;}
a{color:#000; text-decoration:none; outline-style:none;}
a:hover{text-decoration:underline;cursor:pointer;}
table{margin:0px; padding:0px; border-collapse:collapse;}
td{vertical-align:top; padding:0px; border-collapse:collapse;}
.cl{clear:left; font-size:0px; line-height:0px;}
form{display:inline;}
.cr{clear:right; font-size:0px; line-height:0px;}
.cb{clear:both; font-size:0px; line-height:0px;}
.left{float:left;}
.right{float:right;}
ul li{list-style:none;}
body{background:#2b2b2b url('../images/bg.png');}
.hide{display:none;}
.block{display:block;}
.italic{
	font-style:italic;
}
p{
	color:#000000;
	padding-top:5px;
	line-height:16px;
}
p1{
	color:#745454;
	padding-top:5px;
	line-height:16px;
}

#wrapper{
	margin: 38px auto 0 auto;
	width:880px;
}
#header{
	padding:0 20px;
}
#logo{
	float:left;
	background:url('../images/logo2.jpg');
	width:270px;
	height:150px;
	display:block;
	text-indent:-9999px;
}
#credit{
	float:right;
	background:url('../images/creditcards.gif');
	width:140px;
	height:78px;
	display:block;
	text-indent:-9999px;
}
#financing{
    float:center;
	background:url('../images/financing.png');
	width:140px;
	height:78px;
	display:block;
	text-indent:-9999px;
}
#container{
	float:right;
	padding:10px;
}
.logofooter{
	float:left;
	background:url('../images/logofooter.jpg');
	width:91px;
	height:40px;
	display:block;
	text-indent:-9999px;
	margin:25px;
}

#menu{
	margin:10px 0 0 0;
	float:left;
}

#menu li{
	display:inline-block;
	margin-left:8px;
	padding:25px 10px 10px 10px;
}

#menu li:hover, #menu li.active{
	background:rgba(0,0,0, 0.2);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

#menu li a{
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-family: 'AllerRegular';
	text-transform:uppercase;
}

#main{
	margin:42px 0 10px 0;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	background:#888888;
	padding:15px 0 0 0;
}
#main .content{
	background:#fff;
	padding:15px;
}
.gallerymenu{
		padding-left:25px;
		width:820px;
		
}
.gallerymenu img{ 
		border:thin #000
}
.slider{
	margin:-15px -15px 0 -15px;
}
.slider p{
	color:#fff;
}
.slider p1{
	color:#000000;
}
.slider h3{
	color:#fff;
	font-size:30px;
	font-family: 'AllerBold';
	text-transform:uppercase;
}
.slider h4{
	color:#000000;
	font-size:30px;
	font-family: 'AllerBold';
	text-transform:uppercase;
}

.slider .red{background:#ae0e0e;}
.slider .white{background:#ffffff;}
.slider .black{background:#000000;}

.slider .items{
	width:300px;
}
.slider .item{
	padding:25px 0 0 16px;
}
.slider .opened{
	height:165px;
}
.slider .item p{
	padding-right:10px;
}
.slider .item p1{
	padding-right:10px;
}
.slider .closed{
	height:55px;
	cursor:pointer;
}
.slider .closed p{
	display:none;
}
.slider .opened p{
	display:block;
}
.slider .closed p1{
	display:none;
}
.slider .opened p1{
	display:block;
}

.services{
	margin:33px 0 27px 0;
}
.services .service{
	width:283px;
	float:left;
}
.services .body{
	width:550px;
	float:left;
}
.services .body h2{
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	color:black;
	line-height:26px;
}
.services .service h2{
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	color:black;
	line-height:26px;
}
.services p{
	margin:15px 0 20px 0;
	display:inline-block;
	padding-right:10px;
}
.services .more{
	display:inline-block;
	background:url('../images/more-left.png') top left no-repeat;
	height:33px;
	padding-left:8px;
}
.services .more:hover span{
	text-decoration:underline;
}
.services .more span{
	display:inline-block;
	background:url('../images/more-right.png') top right no-repeat;
	height:31px;
	font-size:19px;
	font-family: 'AllerBold';
	text-transform:lowercase;
	color:#fff;
	padding:4px 8px 0 0;
}
.separator{
	background:#f8f8f8;
	height:6px;
	line-height:0;
	font-size:0;
}
div.small{
	height:2px;
}

.details{
	margin-top:25px;
	width:432px;
	float:left;
}
.details h1{
	color:black;
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	margin:15px 0 ;
	line-height:26px;
}
.details .image{
	border:1px solid #000;
}
.details .blackitalic{
	font-size:13px;
	color:black;
	font-style:italic;
	padding-bottom:10px;
}
.details .gray{
	font-size:12px;
	color:#888888;
}
.social{
	margin-top:25px;
	float:left;
	width:385px;
	margin-left:33px;
}
.social h3{
	color:black;
	font-size:18px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	margin-bottom:20px;
}

.blog li{
	margin-bottom:19px;
	color:#a2a2a2;
}
.blog li .link{
	font-size:14px;
	color:black;
}
.blog li .date{
	font-size:11px;
	color:#a2a2a2;
}

.fbbox{
	width:350px;
	overflow:hidden;
}
.fbbox iframe{
	margin-left:-10px;
}

.twitter{
	background:#b8b8b8;
	padding:0 10px 0 27px;
	height:45px;
}
.bird{
	padding-top:8px;
	float:left;
}
.twitter .text{
	float:left;
	font-size:11px;
	color:#b8b8b8;
	width:644px;
	padding:15px 0 0 10px;
	text-shadow:#fff 1px 1px 0;
	overflow:hidden;
}
.twitter .text a{
	text-decoration:underline;
	color:#969696;
}
.twitter .follow{
	padding-top:13px;
}
.footer{
	height:75px;
	padding-right:25px;
}
.footer .copyright{
	padding-top:30px;
	font-size:14px;
}
.footer .intouch span{
	display:inline-block;
	padding:7px 10px 0 0;
	font-size:14px;
	float:left;
}
.footer .intouch{
	padding-top:23px;
}

.credit{
	color:#fff;
	font-size:11px;
	text-align:center;
	margin:15px 0 25px 0;
}
.credit a{
	text-decoration:underline;
	color:#fff;
}
.creditl{
	display:inline-block;
	text-indent:-9999px;
}

.financing{
    color:#fff;
	font-size:11px;
	text-align:center;
	margin:15px 0 25px 0;
}
.financing a{
	text-decoration:underline;
	color:#fff;
}
.financingl{
	display:inline-block;
	text-indent:-9999px;
}
.slideshow {
  position: relative;
  overflow: hidden;
}
.images {
  background: url(images/collage.jpg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: slideshow 10s linear infinite;
  -moz-animation:    slideshow 10s linear infinite;
}
@-webkit-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
@moz-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}