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

body {
	background:#000;
	color:#fff;
}
.clear {
	clear:both;
}

img.logo {
	display:block;
	margin:auto;
	z-index:1;
}

nav {
	margin-top:0px;
	background:#7f0303;
	border-radius:3px;
	text-align:center;
	display:none;
	
}
nav li {
	font-size:12pt;
	border-bottom:thin solid #000;
	padding:8px;
	z-index:10;
}

nav li a {
	color:#FFF;
	text-decoration:none;
	text-align:center;
	
	
	
}

nav li a:visited {
	color:#fff;
}
nav li a:hover {
	color:#000;
}


/*sidenav */
#sidenavbar ul {
	padding:0;
	margin:0;
	font-size:13px;
	line-height:150%;
}
#sidenavbar .ui-accordion-content {
	padding:10px;
}
#sidenavbar .ui-accordion-header {
	padding-left:1.5em;
	font-size:13px;
	
}
#sidenavbar li {
	text-decoration:none;
	list-style:none;
}
#sidenavbar li a {
	text-decoration:none;
}
#sidenavbar li a:hover {
	color:#7F0303;
}
.sidenavbot {
	background:#7f0303;
	border-radius: 3px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin:10px;
	margin-bottom:0;
	color:#fff;
}
.sidenavbot h2 {
	padding-left:10px;
	margin:0;

}
.sidenavbot+div {
	color:#000;
	background:#FFF;
	margin-top:0;
	margin-left:10px;
	margin-right:10px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	font-size:11pt;
	padding:5px;
}

.moreinfonav {
	display:none;
}
.moreinfonav ul {
	margin:0;
	padding:10px;
	list-style:none;
	line-height:150%;
	
}
.moreinfonav p {
	margin:0;
	padding:10px;
	line-height:150%;
}
.moreinfonav ul li a {
	list-style:none;
	text-decoration:none;
	color:#000;
}
.moreinfonav ul li a:hover {
	color:#7f0303;
}
.testimonialside {
	margin:10px;
	background:#fff;
	border-radius:3px;
	color:#000;
}
.testimonialside h2 {
	
}
	
/*sidenav end*/
#mainContent {
	margin-top:10px;
	color:#000;
	position:relative;
	line-height: 160%;
}
#mainContent.homepage a {
	color:#ff0000;
	
}
#mainContent h1{
	margin:15px;
	font-size:22pt;
	line-height:normal;
	
}
#formwrap a {
	color:#f00;
}
#mainContent h2{
	margin:15px;
	
}
#mainContent p {
	margin:15px;
}
#mainContent p a {
	color:#000;
}

#mainContent p strong a {
	
	text-decoration:none;
}
#mainContent p a:hover {
	color:#7f0303;
}
.frontimage {
	float:left;
	width:100%;
}
.imgfloat {
	display:none;
}
#contact {
	display:block;
	clear:both;
	width:100%;
	/*background:url(../images/card-fan.jpg) no-repeat;
	background-size:208px auto;
	background-position:right;*/
}
#contact img {
	display:none;
}
#contact ul {
	list-style:none;
	font-size:12pt;
	text-align:center;
	margin:0;
	padding:0;
	
}
#contact li {
	padding:4px;
	
}
#contact ul a {
	text-decoration:none;
	color:#fff;
	font-size:14pt;
	font-weight:bold;
	/*text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;*/
	
}
#contact ul a:hover {
	
	color:#7f0303;
	
}
#mainContent {
	background:#FFF;
	border-radius:3px;
}
#footer {
	display:none;
}
.footercol {
	float:left;
	font-size:9px;
	width:25%;
}
.footercol ul {
	list-style:none;
}
.footercol a {
	text-decoration:none;
	color:#FFF;
}
.footercol a:hover {
	color:#cccccc;
}
.footercol li:first-child {
	font-size:12px;
}
input.error {
	background:#FFFFAA;
}
div.error2 {
	display:inline;
	color:#FFFFAA;
}

#formwrap {
	width:600px;
	margin:auto;
}

#quoterequest input {
	border: 1px solid #000;
	border-radius:3px;
	transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}
#quoterequest input:focus {
	outline:none;
	box-shadow: 0px 0px 2px #61C5FA;
	border-color:#61c5FA;
}
#quoterequest select {
	border: 1px solid #000;
	border-radius:3px;
	transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}
#quoterequest select:focus {
	outline:none;
	box-shadow: 0px 0px 2px #61C5FA;
	border-color:#61c5FA;
}
#quoterequest textarea {
	border: 1px solid #000;
	border-radius:3px;
	transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}
#quoterequest textarea:focus {
	outline:none;
	box-shadow: 0px 0px 2px #61C5FA;
	border-color:#61c5FA;
}
input[type=submit] {
  background: #7f0303;
  color: #FFF;
  font: inherit;
  padding: 7px 20px;
  width: auto;
  box-shadow: 0px 0px 5px #FFF;
  border-color:#fff;
}
input[type=submit]:hover {
 box-shadow: 0px 0px 25px #fff;
}


@media only screen and (min-width: 481px) {
	
img.logo {
	position:absolute;
	max-width:322px;
	width:36%;
	min-width:280px;
}
nav {
	margin-top:0;
	display:block;
}
nav ul {
	margin:auto;
	max-width:445px;	
}

nav li  {
	display:block;
	float:right;
	font-size:11pt;
	padding:5px;
	max-width:170px;
	border-bottom:none;
}
.frontimage {
	width:46%;
}
#header {
	background-image:url(../images/toronto-magician-header.jpg);
	
}
#contact {
	display:block;
	height:160px;
	float:right;
	width:45%;
	padding-left:5px;
}
#contact ul {
	text-align:right;
}
#sidenavbar {
	margin:10px;
}

#footer {
	display:block;
}
.moreinfonav {
	display:block;
}



}
@media only screen and (min-width: 573px) {
#contact img {
	display:block;
	clear:both;
	float:right;
	margin-top:15px;
}
	nav ul {
		max-width:529px;
		
}
nav li {
		font-size:13.5pt;
	}
}

@media only screen and (min-width: 769px) {
nav {
		padding-left:20%;
		/*margin-top:150px;*/
		
}
nav ul {
	max-width:none;
}
#navce {
	width:25.5%;
}
#navts {
	width:19.5%;
}
#navw {
	width:14.6%;
}
#navpp {
	width:21.22%;
}
#navk {
	width:6.5%;
}
.col70 {
	float:left;
	width:70%;
}
.imgfloat {
	display:block;
	position:absolute; 
	bottom:0; 
	right:0; 
	width:32%; 
	max-width:224px; 
}
.scroll {
	display:none;
}