/* Start of CMSMS style sheet 'Default' */
@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------/
** CLIENT DEFAULT
**
/*-------------------------------------------------------*/


/*--------------------------------------------------------/
** RESET
**
/*-------------------------------------------------------*/
html { font-size:100%; margin:0; padding:0; height:100%; }
body { color:#555; font-size:62.5%; height:100%; margin:0; padding:0; }
div { margin:0; padding:0; }
img { border:0; margin:0; padding:0; }
/*--------------------------------------------------------/
** TEXT
**
/*-------------------------------------------------------*/
h1 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	line-height:35px;
	margin:0;
	padding:5px 0;
}
h2 {
	color:#c6010a;
	font-size:24px;
	font-weight:normal;
	line-height:34px;
	margin:5px 0 10px 0;
	padding:5px 0;
}
h3 {
	color:#c6010a;
	font-size:18px;
	font-weight:normal;
	line-height:28px;
	margin:5px 0 10px 0;
	padding:5px 0;
}
p { margin:5px 0; padding:5px 0; }
a, a:visited {
	color:#c6010a;
	text-decoration:none;
}
a:hover {
	color:#c6010a;
	text-decoration:underline;
}
.large { font-size:18px; }
.small { font-size:10px; }
.quote { background:url(/templates/default/images/quote.gif) 0 0 no-repeat; clear:both; color:#777; font-size:16px; font-style:italic; min-height:45px; padding:5px 0 0 80px; }
.testimonial-author { clear:both; float:right; font-style:italic; margin:10px 0 20px 0; }
/*--------------------------------------------------------/
** TABLES
**
/*-------------------------------------------------------*/
table {	border-collapse:collapse; }

/*--------------------------------------------------------/
** FORMS
**
/*-------------------------------------------------------*/
form { clear:both; font-size:12px; margin:0 0 10px 0; padding:0; }
form div   { margin:0 0 10px 0; }
fieldset { margin:0 0 20px 0; padding:10px 0 0 0; }
fieldset  { padding:0 10px; }
fieldset   { margin:0; padding:0; }
fieldset    { margin:0 0 5px 0; }
label { display:inline-block; margin:0 10px 0 0; padding:0 0 5px 0; }
textarea { background:#f5f5f5; border:1px solid #b5bcc1; clear:both; color:#666; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px; }
select,
menu { background:#f5f5f5; border:1px solid #b5bcc1; clear:both; color:#666; display:block; padding:5px; }
input[type="text"],
input[type="password"] { background:#f5f5f5; border:1px solid #b5bcc1; clear:both; color:#666; display:block; padding:5px; }
input.input-text,
input.input-password { background:#f5f5f5; border:1px solid #b5bcc1; clear:both; color:#666; display:block; padding:5px; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus { background:#fff !important; border:1px solid #c6010a !important; }
input.highlight,
textarea.highlight,
select.highlight { background:#fff !important; border:1px solid #c6010a !important; }
input[type="checkbox"],
input[type="radio"] { background:none; border:none; display:inline-block; margin:0 0 2px 0; padding:0; vertical-align:middle; }
.submit { clear:both; margin:15px 0 0 0; }
input[type="button"],
input[type="submit"] { background:#111; border:1px solid #111; color:#fff; font-size:13px !important; padding:5px; }
input.input-button,
input.input-submit { background:#111; border:1px solid #111; color:#fff; font-size:13px !important; padding:5px; }
input[type="button"]:hover,
input[type="submit"]:hover { background:#c6010a; border:1px solid #c6010a; }
input.input-hover { background:#c6010a; border:1px solid #c6010a; }
.formbuilderform .message { padding:0 0 10px 0; }
.error-message { color:#cc0000; margin:0 0 40px 0; }
.error-message ul { margin:0; padding:0 0 0 15px; }
.error-highlight { color:#cc0000; font-size:10px; }

/*--------------------------------------------------------/
** GENERAL
** 
/*-------------------------------------------------------*/
hr { background:none; border:none; border-bottom:1px dotted #555; clear:both; color:#ccc; height:0; margin:0 0 15px 0; padding:15px 0 0 0; }
img {}
.cl { clear:both; width:100%; }
ul { margin:5px 0; padding:5px 0 5px 20px; }
/*--------------------------------------------------------/
** SITE
**
/*-------------------------------------------------------*/
body {
	background:url(/templates/default/images/body-bg.jpg) 0 0 repeat-x #ececec;
	color:#555;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.page-bg {
	background:url(/templates/default/images/page-bg.gif) center 0 repeat-y;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:-2;
}
.bg {
	background:#c10109;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
.outer-wrapper {
	clear:both;
    height:auto !important;
	height:100%;
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:100%;
}
.inner-wrapper {
    clear:both;
	margin:0 auto;
	padding:0 0 120px 0;
	position:relative;
	width:100%;
}
/*--------------------------------------------------------/
** HEADER
**
/*-------------------------------------------------------*/
.header {
	height:335px;
	position:relative;
	width:100%;
}
.top-bar {
	left:0;
	top:0;
	width:100%;
}
/*-------*/
.logo {
	left:50px;
	top:150px;
	width:100%;
}
.logo a,
.logo a:visited,
.logo a:hover {
	background:url(/templates/default/images/logo.png) 0 0 no-repeat;
	display:block;
	height:134px;
	text-indent:-99999px;
	width:181px;
	position:absolute;
	right:50px;
}
/*-------*/
.fmb {
	left:231px;
	top:150px;
	width:100%;
}
.fmb a,
.fmb a:visited,
.fmb a:hover {
	background:url(/templates/default/images/fmb-logo.png) 0 0 no-repeat;
	display:block;
	height:134px;
	text-indent:-99999px;
	width:90px;
	position:absolute;
	right:240px;
}
/*-------*/
.contact-details {
	left:0;
	line-height:60px;
	top:0;
}
.contact-details a img {
	vertical-align:middle;
	margin:-5px 0 0;
}
.contact-details a,
.contact-details a:visited {
	color:#555;
}
.contact-details a:hover {
	color:#555;
}
.feature {
	height:170px;
	overflow:hidden;
	position:absolute;
	top:245px;
	width:100%;
}
.page-title,
.page-intro {
	clear:both;
	width:475px;
}
.page-intro, .page-intro a {
	color:#fff;
	font-size:16px;
}
/*--------------------------------------------------------/
** MAIN MENU
** 
/*-------------------------------------------------------*/
.nav {
	height:22px;
	left:0;
	position:absolute;
	top:100px;
	width:100%;
	z-index:100;
}
/* First Tier */
.nav ul {
	clear:both;
	height:22px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:100;
}
.nav ul li {
	clear:right;
	height:22px;
	margin:0;
	padding:0;
	position:relative;
}
.nav ul li a,
.nav ul li a:visited {
	color:#fff;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	height:22px;
	line-height:22px;
	padding:0 15px;
	text-decoration:none;
}
.nav ul li a:hover,
.nav ul li a.currentpage,
.nav ul li a.activeparent,
.nav ul li:hover > a {
	text-decoration:underline;
} 
.nav ul li.last a,
.nav ul li.last a:visited,
.nav ul li.last a:hover {
	border-right:none;
}
/*--------------------------------------------------------/
** MAIN MENU | SECOND TIER

/*-------------------------------------------------------*/
.nav ul li ul { /* Hides second tier */
	display:none;
}
.nav ul li:hover ul,
.nav ul li.main-menu-hover-tier-one ul { /* Displays second tier when hovering first tier li */
	display:block;
}
.nav ul li ul {
	background:#fff;
	height:auto;
	left:-1px;
	margin:0;
	padding:0;
	position:absolute;
	top:22px;
}
.nav ul li ul li {
	clear:both;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
.nav ul li ul li a,
.nav ul li ul li a:visited {
	background:#f5f5f5;
	border-right:none;
	border-left:none;
	color:#666;
	display:block;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	height:auto;
	line-height:normal;
	min-width:10px; /*ie7*/
	padding:8px 20px;
	white-space:nowrap;
}
.nav ul li ul li a:hover,
.nav ul li ul li a.currentpage {
	background:#555;
	border-right:none;
	border-left:none;
	color:#fff;
	text-decoration:none;
} 
.nav ul li ul li:hover > a {/*seperated out for ie6*/
	background:#555;
	border-right:none;
	border-left:none;
	color:#fff;
	text-decoration:none;
} 
/*--------------------------------------------------------/
** MAIN MENU | THIRD TIER

/*-------------------------------------------------------*/
.nav ul li ul li ul { /* Hides third tier */
	display:none;
}
.nav ul li:hover ul li ul,
.nav ul li.main-menu-hover-tier-one ul li ul { /* Hides third tier when hovering first tier li */
	display:none;
}
.nav ul li ul li:hover ul,
.nav ul li ul li.main-menu-hover-tier-two ul { /* Displays third tier when hovering second tier li */
	display:block;
}
.nav ul li ul li ul {
	left:100%;
	top:0;
}
.nav ul li ul li ul li {
}
.nav ul li ul li ul li a,
.nav ul li ul li ul li a:visited {
}
.nav ul li ul li ul li a:hover,
.nav ul li ul li ul li a.currentpage {
} 
.nav ul li ul li ul li:hover > a {/*seperated out for ie6*/
}
/*--------------------------------------------------------/
** CONTENT
**
/*-------------------------------------------------------*/
.content {
	clear:both;
	width:100%;
}
.services .content {
	margin-bottom:120px;
}

/* Boxes */
.boxes {
	clear:both;
	color:#fff;
	margin:-47px 0 20px 0;
	padding:0;
	position:relative;
	width:100%;
}
.boxes p a, .boxes p a:hover{
	color:#fff;
	text-decoration:underline;
}
.boxes .left-box,
.boxes .middle-box,
.boxes .right-box {
	padding:15px 0;
	position:relative;
	width:100%;
}
.boxes .middle-box {
	padding:0;
}
.boxes .icon {
	display:none;
}	
.boxes .title {
	color:black;
	font-size:20px;
	font-weight:normal;
	height:55px;
	line-height:55px;
	right:0;
	text-align:center;
	top:0;
	width:100%;
}
.boxes .text {
	color:black;
	bottom:25px;
	height:70px;
	right:0;
	text-align:center;
	width:100%;
}
.boxes .middle-box .text {
	height:40px;
}


/* -------- */
.work .image{
	height:200px;
	overflow:hidden;
}
.boxes .image img, .boxes a .image img{
	width:100%;
}

.work .middle-box{
	height:230px;
	padding:0;
}

/* hover */
.work .left-box .title, .work .right-box .title{
	margin-bottom:15px;
}
.work .boxes .title{
	top:auto;
	bottom:0;
	height:40px;
	line-height:40px;
	background-color:#c10109;
	color:white;
	transition: all 0.3s ease;
}
.work a:hover .title{
	border-bottom:5px solid #b00005;
	background-color:#d34d52;
	text-decoration:none !important;
	transform: translateY(-5px);
}




/* -------- */
.services .boxes{
	background:none;
	margin:0;
	height:200px;
}
.services .left-box, .services .right-box{
	height:200px;
	overflow:hidden;
}
.services .boxes .title{
	width:100%;
	top:auto;
	bottom:0;
	padding:0;
	height:40px;
	line-height:40px;
	background-color:#c10109;
	color:white;
	transition: all 0.3s ease;
}
.services a:hover .title{
	border-bottom:5px solid #b00005;
	background-color:#d34d52;
	text-decoration:none !important;
}

/* ------------------ */
/* Gallery stuff in thickbox.css in gallery module */








/* ------------------ */
/* Main Content */
.main-content {
	width:100%;
}
.wide {
	width:100%;
}
/* Sidebar */
.sidebar {
	margin:0 20px 0 0;
	width:100%
}
/*--------------------------------------------------------/
** footer
**
/*-------------------------------------------------------*/
.footer {
	clear:both;
	color:#fff;
	font-size:11px;
	height:54px;
	margin:-120px 0 0 0;
	padding:33px 0;
	position:relative;
	width:100%;
	z-index:100;
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(top,  #111111 0%, #242424 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#242424)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #111111 0%,#242424 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #111111 0%,#242424 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #111111 0%,#242424 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #111111 0%,#242424 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
}
.footer-info {
	clear:both;
	color:#8e8e8e;
	height:54px;
	line-height:18px;
	margin:0 auto;
	position:relative;
	width:100%;
}
.footer a,
.footer a:visited {
	color:#8e8e8e;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer .google {
	position:absolute;
	right:0;
	top:0;
}

/*--------------------------------------------------------/
** SEARCH
**
/*-------------------------------------------------------*/
.search {
	background:#232323;
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:241px
}
.search-wrapper {
	height:26px;
	position:absolute;
	top:47px;
	width:220px;
}
.search-wrapper label {
	display:none;
}
.search-wrapper input.search-input {
	background:#fff;
	border:none;
	color:#777;
	height:26px;
	left:0;
	line-height:26px;
	margin:0;
	padding:0 0 0 15px;
	position:absolute;
	top:0;
	width:205px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.search-wrapper input.search-button {
	color:#fff;
	cursor:pointer;
	height:13px;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:7px;
	width:11px;
	z-index:200;
}
.search-wrapper input.search-button:hover,
.search-wrapper input.input-hover {
}







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

@media screen and (min-width: 768px) {
/* Full Size */

/* background images */
.bg {
	background:url(/templates/default/images/bg.jpg) center 0 no-repeat;
}


/* wrappers */
.outer-wrapper {
	max-width:980px;
}
.inner-wrapper {
	max-width:940px;
}


/* header */
.header {
	width:940px;
	height:535px;
}
.top-bar {
	height:60px;
	position:absolute;
	width:940px;
}




/* -------- */
/* logo */
.logo {
	height:134px;
	position:absolute;
	width:181px;
}
.logo a, .logo a:visited, .logo a:hover{
	position:relative;
	right:0px;
}
.fmb {
	height:134px;
	position:absolute;
	width:90px;
}
.fmb a, .fmb a:visited, .fmb a:hover{
	position:relative;
	left:50px;
}
/* -------- */
.contact-details {
	height:60px;
	position:absolute;
}
.search-wrapper {
	right:20px;
	top:17px;
}




/* nav */
.nav {
	top:80px;
	width:720px;
}
.nav ul li {
	clear:right;
	float:left;
}
.nav ul li a,
.nav ul li a:visited {
	border-right:1px solid #fff;
}

/* feature */
.feature {
	left:50px;
	top:315px;
	width:475px;
}




/* content */
.boxes, .home .boxes{
	width:900px;
	height:275px;
}
.boxes{
	background:url(/templates/default/images/boxes-bg.png) 0 0 no-repeat;
	padding:7px 17px 6px;
}
.home .boxes{
	background:url(/templates/default/images/boxes-bg-home-2.png) 0 0 no-repeat;
	padding:7px 17px 48px;
}

.work .boxes{
	margin-bottom:-30px;
}

/* Work Page galleries */
.work div.gallery{
	display:inline-block;
	width:30%;
	vertical-align:top;
	border-left:2px solid grey;
}
.work div.gallery:first-child{
	border-left:0;
}
.work div.gallery .img{
	margin:0 10px 10px 0;
}


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

.home .left-box,
.home .middle-box,
.home .right-box{
	float:left;
	width:300px;
	height:200px;
}

.work .left-box,
.work .middle-box,
.work .right-box{
	float:left;
	width:300px;
}
.work .left-box,
.work .right-box{
	height:200px;
}
.work .middle-box .image, .work .middle-box .image img{
	height:100%;
}



.services .boxes{
	position:relative;
}
.services .left-box,
.services .right-box{
	display:inline-block;
	width:47.5%;
	vertical-align:top;
}
.services .right-box{
	position:absolute;
}


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

.boxes .icon {
	display:block;
	height:50px;
	left:20px;
	position:absolute;
	top:27px;
	width:50px;
}
.boxes .title,
.boxes .text{
	position:absolute;
	color:white;
	width:260px;
}
.boxes .title{
	padding:25px 20px 0;
}
.boxes .text{
	padding:20px;
}
.work .boxes .title{
	padding:0 20px;
}





/* Main */
.content {
	width:940px;
}
.main-content {
	float:left;
	padding:20px;
	width:600px;
}
.wide {
	width:900px !important;
}
/* Sidebar */
.sidebar {
	float:left;
	padding:20px 0 20px 0;
	width:280px;
}




/* Footer */
.footer-info {
	width:900px;
}



}
/* End of 'Default' */