/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title:     HYArts Stylesheet
Author:    Chris Gillis - Saltline Studio
Created:   Feb 11th, 2010
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

@charset "utf-8"; 

body{margin:0 0 5px 0; padding:0; background: #fff;}
img{border:none; vertical-align:middle}
a{outline:none; color:#0094d3}
.clr{clear:both}
div.container{width:962px; margin:0 auto; padding:0; overflow:hidden; background: #fff url(images/contentbg.gif) repeat-y 50% 0;}
div#header{width:100%; height:320px; margin:1px 0 0 0; padding:0; background:url(images/home.jpg) no-repeat right; display:block}
#header img.logo{float:left}
#header #nav{width:auto; margin:0; padding:0; float:right}

div#headerperform{width:100%; height:320px; margin:1px 0 0 0; padding:0; background:url(images/performing.jpg) no-repeat right; display:block}
#headerperform img.logo{float:left}
#headerperform #nav{width:auto; margin:0; padding:0; float:right}

div#headervisual{width:100%; height:320px; margin:1px 0 0 0; padding:0; background:url(images/visual.jpg) no-repeat right; display:block}
#headervisual img.logo{float:left}
#headervisual #nav{width:auto; margin:0; padding:0; float:right}

div#headerabout{width:100%; height:320px; margin:1px 0 0 0; padding:0; background:url(images/about.jpg) no-repeat right; display:block}
#headerabout img.logo{float:left}
#headerabout #nav{width:auto; margin:0; padding:0; float:right}



div#content{width:100%; margin:0; padding:0; overflow:hidden}
#content p{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#000; text-align:left}
#cLeft{width:232px; margin:0; padding:0; float:left}
#lines {height:40px;border-top: solid 10px #fff;margin:0; padding:20px 0 5px 0; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; text-align:left; display:block}
#cLeft .box1{width:202px; margin:0; padding:1px 15px; background:#f0f5bc; border-top: solid 10px #fff; border-bottom: solid 10px #fff}
#cLeft .box1 p{line-height:19px; font-weight:normal}
#cLeft .box2{width:208px; height: 850px; margin:15px 0 0 0; padding:0 12px; background:#fefce1; overflow:hidden}
#cLeft .box2 h1{margin:0; padding:20px 0 5px 0; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; text-align:left; display:block}
#cLeft .box2 p{font-size:10px; line-height:14px}
#cLeft .box2 img.picture{margin-right:8px; float:left}
#cMiddle{width:470px; margin:0 0 0 18px; padding:0; float:left}
#cMiddle h1{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:#000; text-align:left; line-height:22px}
#cMiddle h2{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; color:#b2bb1c; text-align:left; line-height:18px}
#cMiddle p{font-size:12.25px; line-height:18px}
#cMiddle p.first{margin-top:0; padding-top:0}
#cMiddle img {padding: 5px;}
#cMiddle img.picture{margin-right:20px; float:left}
#cMiddle img.photomiddle {padding: 5px;}
#cMiddle .titlebox{width:100%; margin:25px 0 0 0; padding:0; overflow:hidden; display:block}
#cMiddle .titlebox .left{width:270px; float:left}
#cMiddle .titlebox .left h2{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#747a18; text-align:left; display:block}
#cMiddle .titlebox .left h3{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12.25px; font-weight:bold; color:#747a18; text-align:left; display:block}
#cMiddle .titlebox .left p{margin:0; padding:0}
#cMiddle .titlebox .right{width:200px; margin-top:5px; float:left}
#cMiddle .titlebox .mod1{margin-top:0}
#cMiddle .titlebox .right p{margin:0; padding:0}
#cRight{width:232px; margin:0; padding:0; float:right}
#cRight .box3{width:208px; margin:0; padding:0 12px 25px 12px; background:#fefde9; overflow:hidden}
#cRight .box3 h1{margin:0; padding:20px 0 5px 0; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; text-align:left; display:block}
#cRight .box3 p{font-size:10px; line-height:14px}
#cRight .box3 img.picture{margin-right:8px; float:left}
#cRight .box4{width:208px; height: 390px; margin:20px 0 0 0; padding:0 12px 15px 12px; background:#fefde9; overflow:hidden}
#cRight .box4 h1{margin-bottom:-10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:left; display:block}
#cRight .box4 p{width:90%; padding-top:20px; font-size:10px; line-height:14px; display:block; clear:both}
#cRight .box4 img.lit{margin-top:-20px; margin-left:8px; float:right}
#cRight .stayinformed{width:208px; margin:20px 0 0 0; padding:0 12px 15px 12px; background:#f0f5bc; overflow:hidden;border-top: solid 10px #fff; border-bottom: solid 10px #fff }
#cRight .stayinformed h1{margin-bottom:-10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:left; display:block}
#cRight .stayinformed p{width:90%; margin:0; padding:0; padding-top:20px; font-size:10px; line-height:14px; display:block; clear:both}
#cRight .stayinformed input.text{width:153px; height:20px; margin:5px 0}
#cRight .stayinformed input.select{margin:2px 5px 0 10px; padding:0; float:left}
#cRight .stayinformed label{font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#010101; text-align:left; float:left}
#cRight .stayinformed img.lit{margin-top:-20px; margin-left:8px; float:right}
div#footer{width:922px; height:240px; margin:0; padding:50px 20px 0 20px; background:url(images/footer_bg.gif) no-repeat top}
#footer p{width:auto; margin:100px 0 0 0; padding:0 0 0 12px; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#010101; text-align:left; border-left:1px solid #72c4e7}
#footer p.copyright{padding:0; margin:0; font-size:11px; color:#808080; border-left:none}