/* CSS RESET */
body, img, div, p{
	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;}
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-color: #003;
	background-image: url(../images/bg.png);
}
.hide{display:none;}
.block{display:block;}
.italic{
	font-style:italic;
}
::selection{
	background:#ff5500;
	color:#fff;
}
p{
	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/logo.png');
	width:270px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.logofooter{
	float:left;
	background:url('../images/logofooter.png');
	width:40px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin:25px;
}
#menu{
	margin:10px 0 0 0;
	float:right;
}
#menu li{
	display:inline-block;
	margin-left:8px;
	padding: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:#ccbfbf;
	padding:15px 0 0 0;
}
#main .content{
	background:#fff;
	padding:15px;
}

.services{
	margin:33px 0 27px 0;
}
.services .service{
	width:283px;
	float:left;
}
.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;
	padding-right: 12px;
}
.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;
}
.social{
	margin:33px 0 27px 0;
}
.social .service{
	width:283px;
	float:left;
}
.social .service h2{
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	color:black;
	line-height:26px;
}
.social p{
	margin:15px 0 20px 0;
	display:inline-block;
	padding-right:10px;
}
.social .more{
	display:inline-block;
	background:url('../images/more-left.png') top left no-repeat;
	height:33px;
	padding-left:8px;
}
.social .more:hover span{
	text-decoration:underline;
}
.social .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;
}

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

.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;
}

.slider{
	margin:-15px -15px 0 -15px;
}
.aboutslider{
	margin:-15px -15px 0 -15px;
}
.aboutslider p{
	color:#fff;
}
.aboutslider h3{
	color:#fff;
	font-size:30px;
	font-family: 'AllerBold';
	text-transform:uppercase;
}

.aboutslider .yellow{background:#ffa710;}
.aboutslider .orange{background:#ff5500;}
.aboutslider .red{background:#df2203;}

.aboutslider .items{
	width:350px;
}
.aboutslider .item{
	padding:25px 0 0 16px;
}
.aboutslider .opened{
	height:165px;
}
.aboutslider .item p{
	padding-right:10px;
}
.aboutslider .closed{
	height:55px;
	cursor:pointer;
}
.aboutslider .closed p{
	display:none;
}
.aboutslider .opened p{
	display:block;
}
.videoleft{
	float:left;
	width: 420px;
}
.videoright{
	width: 420px;
	padding-left: 400px;
}
#lightbox {
	background-image: url(../images/overlay.png);
	background-repeat: repeat;
	text-align: center;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#lightbox p{
	text-align: right;
	color: #FFF;
	margin-right: 20px;
	font-size: 12px;
}
#lightbox img{
	max-width: 940px;
	max-height: 750px;
}