@charset "utf-8";
/* CSS Document */

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: arial;
	color: #666;
}

body
{
	background: url(images/background-top.jpg);
	background-repeat:repeat-x;
	background-position: top;
}

p, a, ul, li
{
    font-family: arial;
}

a
{
	color: #961622;
}

img
{
	border: none;
}

a:hover
{
		color: #DDA411;
}

h3
{
    font-size: 34px;
line-height: 30px;
color: #961622;
text-transform: uppercase;
letter-spacing: .001em;
}

h4
{
    font-size: 24px;
line-height: 18px;
color: #DDA411;
letter-spacing: .2em;
margin-top: -20px;
}

.small-info
{
    font-size: 12px;
}

.wrapper
{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#header
{
	width: 100%;
	height: 100px;
	clear: both;
	margin: 0 0 30px 0;
	padding: 10px 0 10px 0;
	text-align: center;
	border-bottom: 1px solid #cfcfcf;
}

#footer
{
	width: 100%;
	height: auto;
	padding: 18px 0 8px 0;
	margin: 20px 0 0 0;
	background: #f5f5f5;
	text-align: center;
	clear: both;
}
#socialMedia
{
    width: 100%;
    clear: both;
    text-align: center;
}

#socialMedia img {
    border: none;
    margin-left: 15px;
}

#footer p
{
    font-size: 11px;
color: #8f8f8f;
}

.content-box
{
	
	width: 900px; 
	height: auto;
	margin: 0 auto; 
	clear: both;
}

.logo-box
{
	
	width: auto;
	height: 200px;
	float: left; 
	margin: 10px 20px;
}
.logo-box img
{
	width: 250px;
	height: auto;
}

.text-box
{
	width: 550px; 
	float: left; 
	
}
.link-box
{
	width: 100%;
	clear: both;
	text-align: center;
        border-top: 1px solid #cfcfcf;

}


.link-box h3, .link-box h3 a
{
    font-size: 28px;
    color: #C01D23;
    text-decoration: none;
}

.link-box h3 a:hover
{
    color: #004E54;
    text-decoration: underline overline;
}

.media-kit
{
    width: 100%;
    margin: 10px 0 10px 0;
    text-align:center;
    clear:both;
	
}

.contactTeam
{
    width: 700px;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}

ul.contact-list-float 
{
	width: 750px;
	
	padding: 0;
	margin: 0 auto;
	list-style:none;
	text-indent: 0;
}


ul.contact-list-float li
{
	width: 320px; 
	height: 120px;   
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin-right: 25px;
	margin-bottom: 15px;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	list-style: none;
}


ul.contact-list-float li:hover
{

	background: #FEE78D;
	border: 1px solid #cfcfcf;

}

ul.contact-list-float li img
{
    float: left;
margin-right: 15px;
border: 4px solid #FEE78D;
}


/*--- Slides ---*/



.rrSlides
{
    width: 1000px;
height: 400px;
margin: 0 auto;
margin-left: 0px;
overflow: visible;
list-style: none;
text-indent: none;
padding: 0;
}

.slidePhoto
{
width: 128px;
height: 382px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border: 1px solid #cfcfcf;
padding: 0;
text-indent: none;

}


.slidePhoto:hover
{

border: 8px solid #fff;
	margin: -8px 0 0 -8px;

	box-shadow: 2px 5px 5px #cfcfcf;
	background-position: 0 0 !important;


}
/*.slidePhoto
{
width: 10%;
height: 270px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border: 8px solid #cfcfcf;
padding-top: 30px;
padding-left: 0;
text-indent: none;

}
*/

.slidePhoto img.logo, .slidePhoto p
{
    visibility: hidden;
}

.slidePhoto:hover img.logo, .slidePhoto:hover p
{
    visibility: visible;
	cursor: pointer;

}


.slidePhoto:hover img.logo
{
   float: left;
   margin: -270px 0 0 20px;
}

.slidePhoto:hover p
{
    float: left;
margin: -30px 0 0 12px;
color: #ffffff;
font-size: 12px;
}

.slidePhoto:hover p a
{
margin: 0;
color: #ffffff;
font-size: 12px;
display: inline;
}



ul li.slidePhoto a

{
    width: 100%;
height: 100%;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #ffffff !important;
line-height: 24px;
text-shadow: 2px 2px #2c2c2c;
text-decoration: none;
display: block;

}

/*
ul li.slidePhoto:hover a.main

{
width: 370px;
height: 60px;
margin: 200px 0 0 0;
padding: 10px 0 0 10px;
font-size: 24px !important;
text-shadow: 2px 2px 7px #DDA411;
display: block;
background-color:rgba(0, 0, 0, 0.5);
}
*/


/*.slidePhoto:nth-child(1):hover
{
    background-image: url('images/mthoodrr-slide.jpg');
background-position: -150px 0;
margin-left: -70px !important;
margin-right: -150px;


}
*/

.slidePhoto:nth-child(1)
{
    background-image: url('images/buttons/web-art-buttons-2014_01.jpg');


}


.slidePhoto:nth-child(2)
{
   background-image: url('images/buttons/web-art-buttons-2014_02.jpg');
}
.slidePhoto:nth-child(3)
{
    background-image: url('images/buttons/web-art-buttons-2014_03.jpg');

}
.slidePhoto:nth-child(4)
{
background-image: url('images/buttons/web-art-buttons-2014_04.jpg');

}

.slidePhoto:nth-child(5)
{
background-image: url('images/buttons/web-art-buttons-2014_05.jpg');

}
.slidePhoto:nth-child(6)
{
background-image: url('images/buttons/web-art-buttons-2014_06.jpg');

}

.slidePhoto:nth-child(7)
{
background-image: url('images/buttons/web-art-buttons-2014_07.jpg');

}

.slidePhoto:nth-child(8)
{
    background: #8E7BA1;
}

p.spec-quote
{
    font-size: 20px !important;
line-height: 28px !important;
font-style:italic !important;
color: #8c8c8c !important;
font-weight: 100;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 10px 0 10px 0;
margin: 50px 20px 0 25px !important;
}

a.newsletterButton {
	display: block;
  	width: 200px;
  	border-radius: 12px;
  	font-size: 12px;
  	padding: 4px;
  	text-decoration: none;
  	background: #A87C0D;
  	color: #fff;
  	box-shadow: 0 1px 2px #cfcfcf;
}

a.newsletterButton:hover {
	box-shadow: 0 5px 5px #cfcfcf;
  	background: #C01D22;
}