/*
Theme Name: cincinnatimagicians
Theme URI: http://mysite.com
Version: 1.0
*/

/* Global */

body{
	height:100%;
	background:#000 url("../images/mainBG.jpg") center top no-repeat;
	font-family: 'Exo 2', sans-serif;	
}

h1{
	font-size:30px;
	font-weight: 300;
	color:#EE352B;
	width:70%;
	border-left:5px solid #EE352B;
	padding:3px 10px;
	margin:0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 44%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(44%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 44%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 44%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 44%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 44%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

h2{
	color:#FFF;
	font-size:23px;
	border-bottom:2px solid #EE352B;
	padding:0 0 3px 0;
}

h3{
	color:#E8AA00;
	font-size: 20px;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
}

a:hover{
	text-decoration: none;
}

#quote{
	font-size:20px;
	font-weight:600;
	color:#FFF;
	line-height:.8em;
}

/* End of Global Styles */

.header{
	width:100%;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
}

#mobileTop{
	display: none;
}

#mobileLogo{
	display: none;
}

#logo{
	height:150px;
	width:600px;
	float:left;
	background:url("../images/CMlogoBunny.png") center bottom no-repeat;
}

#slogan{
	width:30%;
	float:right;
	border:1px solid #000000;
	border-radius:5px;
	background:#FFF;
	padding:5px;
	margin:10px 0 0 0;
	box-shadow:5px 10px 10px #111;
}

.borderSlogan{
	width:100%;
	height:100%;
	background:url("../images/cardTexture.png") repeat;
	border:1px solid #CE9A00;
	border-radius: 3px;
}

#slogan p{
	font-size:30px;
	color:#FFF;
	text-align: center;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}

#sloganLower{
	font-size:23px;
	display: block;
	line-height:.2em;
	font-weight: 300;
}

#phone{
	font-size:30px;
	font-weight: 800;
	color:#E8AA00;
}

/* Navigation */

nav{
	clear:both;
	width:670px;
	height:30px;
	background:#FFF;
	border-radius: 3px;
	box-shadow:5px 5px 5px #000;
}

nav ul{
	width:570px;
	height:30px;
	margin:0 auto;
	padding:3px 0 0 20px;
	background:#000;
}

nav ul li{
	display: inline;
	font-size:18px;
        text-transform:uppercase;
}

nav ul li a{
	display: block;
	float:left;
	background:rgba(0,0,0,.6);
	margin:0 5px 0 0;
	height: 100%;
	padding:0 5px;
	border-bottom:2px solid #000;
	color:#FFF;
	text-decoration: none;
}

nav ul li a:hover{
	color:#F00;
	text-decoration: none;
	border-bottom:2px solid #FFF;
}

/* Content of Pages */

.content{
	width:100%;
	padding:10px 0;
}

.rslides{
	box-shadow:5px 5px 5px #000;
	border-left:5px solid #EE352B;
}

.textBox{
	width:100%;
	padding:15px 10px 5px 10px;
	margin:0;
	background:rgba(255, 255, 255, .2);
	border-left:5px solid #EE352B;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.textBox p{
	color:#FFF;
	padding:5px 0 0 0;
}

.textBox p:first-letter{
	font-size:40px;
	line-height: .3em;
}

.textBox ul{
	width:100%;
}

.textBox dl ul li{
	color:#E8AA00;
	display: block;
	font-weight:700;
	font-size:15px;
}



/* Clients */

.solidBox{
	display: block;
	width:100%;
	background:#FFF;
	padding:10px 20px;
	border-radius:3px;
}

#newport{
	width:32%;
}

#greatamerican{
	width:32%;
}

#superbowl{
	width:32%;
}

#caesarcreek{
	width:32%;
}

#treasure{
	width:32%;
}

#ikea{
	width:32%;
}

/* Form */

form{
	float:right;
	width:95%;
	padding:20px 10px;
	background:#FFF;
	border-radius:3px;
	box-shadow:5px 5px 5px #000;
}

.formContainer{
	width:100%;
	background-color:#FFF;
	background-image:url("../images/cornerMarker.png"), url("../images/cornerMarker3.png"), url("../images/cornerMarker2.png"), url("../images/cornerMarker4.png");
	background-position:right top, right bottom, left bottom, left top;
	background-repeat:no-repeat;
	border-radius:3px;
	padding:10px;
	
}

form input{
	width:100%;
	margin:5px 0;
}

form p{
	text-align: center;
}

form h3{
	text-align: center;
	font-size:35px;
	font-weight: 600;
	color:#000;
	border:none;
}

form #privacy{
	font-size:10px;
	text-align: center;
	color:#000;
	width:100%;
	line-height: 1em;
	padding:10px 0;
}

/* Footer */

.footer{
	width:100%;
	position:relative;
	bottom:0;
	margin:0;
	padding:10px 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 45%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(45%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 45%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 45%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 45%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 45%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#leftFooter{
	width: 150px;
	height:auto;
	margin:10px 0 0 0;
}

#social{
	width:100%;
}

#facebook{
	float:left;
	width:40px;
	height:40px;
	background:url("../images/facebook.png") no-repeat;
}

#facebook:hover{
	background:url("../images/facebookHover.png") no-repeat;
}

#twitter{
	float:left;
	width:40px;
	height:40px;
	margin:0 5px;
	background:url("../images/twitter.png") no-repeat;
}

#twitter:hover{
	background:url("../images/twitterHover.png") no-repeat;
}

#linkedIn{
	float:left;
	width:40px;
	height:40px;
	background:url("../images/linkedIn.png") no-repeat;
}

#linkedIn:hover{
	background:url("../images/linkedInHover.png") no-repeat;
}

#rightFooter{
	float:right;
	width:250px;
	margin:10px 0 0 0;
}

#rightFooter p{
	color:#FFF;
	font-size:12px;
	text-align: right;
}

#mobileFooter{
	display: none;
}