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

img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}
body { font-family:Arial, Helvetica, sans-serif; background-color:#333; font-size:18px; }
body, h1, h2, h3, h4 { margin:0; padding:0; }
img { width:100%; }

audio { width:100%; }

.UpperCase { text-transform:uppercase; }
.pad10 { padding:10px; }
.padTB10 { padding:10px 0; }
.pad20 { padding:20px; }
.padTB20 { padding:20px 0; }
.item { margin-bottom:15px; }
.txt1em { font-size:1em; }
.txt10 { font-size:10px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt20 { font-size:20px; }
.txtLeft, .textLeft { text-align:left; }
.txtRight { text-align:right; }
.txtCenter, .centerText { text-align:center; }
.letterSpacing-2 { letter-spacing: -2px; }
.hr80c { width:80%; margin:25px 10%; }
.clearB { clear:both; }
a.noDeco, a.noDeco:visited { text-decoration:none; color:#00F; }
a.noDecoBlack, a.noDecoBlack:visited { text-decoration:none; color:#555; }
a.noDeco:hover, a.noDecoBlack:hover { color:#090; }
a.noDecoBW, a.noDecoBW:visited { text-decoration:none; color:#777; }
a.noDecoBW:hover { color:#000; }
a.noDecoWHT, a.noDecoWHT:visited { text-decoration:none; color:#FFF; }
a.noDecoWHT:hover { color:#0F0; }
a.noDecoPOD, a.noDecoPOD:visited { text-decoration:none; color:#b061c1; }
a.noDecoPOD:hover { color:#000; }
.fontWeightNormal { font-weight:normal; }

.brandingColor1 { color: #09F; }
.brandingColor2 { color: #693; } 
.brandingColor3 { color: #b570c4; }

img.turn2grayIMG {
  filter: none;
  cursor: grab;
  cursor: -webkit-grab;
  -webkit-filter: grayscale(0%);
}
img.turn2grayIMG:hover, img.makeIMGgray {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.rounded_corners { 
	-moz-border-radius: 20px 20px 20px 20px; 
	-webkit-border-radius: 20px 20px 20px 20px; 
	-khtml-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.button-blue, .button-blue:visited {
    background-color: #4165cc; /* BLUE */
    color: #FFF;
}
.button-red, .button-red:visited {
    background-color: #ae321e; /* Red */
    color: #FFF;
}
.button-green, .button-green:visited {
    background-color: #0F0; /* Green */
    color: #000;
}
.button, .button:visited,
.button-red, .button-red:visited,
.button-blue, .button-blue:visited,
.button-green, .button-green:visited {
    border: none;
    padding: 15px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
}

.button:hover, .button-red:hover, .button-green:hover, .button-blue:hover, .buttonROCK:hover, .buttonROCK2:hover {
    background-color: #ccc;
    color: #555;
}

    #Head { border-bottom:#000 solid 2px; text-align:center; margin:0; padding:15px 0; background-color:#07192d; color:#FFF; }

    #Main { background-color: #fff; }

/* Mobile Layout: 480px and below. */

    #Main { min-height: 400px; }
    #Main .wrapper { padding: 25px 10px; }

/* Float Boxs web 3 pad 2 Phone 1 */
    .box211, .box221, .box311, .box321, .box221podT10, .box421, .box531, .box631 {
        width:98%;
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }

/* Start Footer */
#Footer {
	color:#FFF;
    min-height: 200px;
    padding: 15px 5%;
}

/* Start Footer */
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	background-color:#333;
	border-top:#CCC solid 2px;
	color:#AAA;
	display: block;
}
#footer a, #footer a:visited {
	color:#cc47ed;
	text-decoration:none;
}
#footer a.media, #footer a.media:visited {
	color:#AAA;
	text-decoration:none;
}
#footer a:hover, #footer a.media:hover { color:#FFF; }
#footer h4 { color:#EEE; margin:0; padding:0; font-size:18px; font-variant: small-caps; }


#footer .left, #footer .right {
	float: left;
	margin: 0;
	width: 100%;
	display: block;
}
#footer .left { margin:10px 3%; text-align:center; }
#footer .rightBOX { width:94%; margin:0 3%; text-align:center; }

/* End Footer */

@media only screen and (min-width: 481px) {

/* Float Boxs web 3 pad 2 Phone 1 */
    .box221, .box321, .box421 { width:48.5%; }
    .box321willownars { width:48.5%; }
    .box211, .box221podT10, .box311 {
        width:98.5%;
        margin:0 0 15px 0.5%;
        vertical-align: text-top;
        display:inline-block;
    }
    .box531, .box631 { width:32%; }

    /* Start Footer */

    #footer .left { margin:10px 3%; text-align:center; }
    #footer .rightBOX { width:80%; margin:0 10%; text-align:center; }

    /* End Footer */

    
}

@media only screen and (min-width: 769px) {

        #Main { min-height: 800px; }
        #Main .wrapper { padding: 25px; }

    /* Float Boxs web 3 pad 2 Phone 1 */
        .box211, .box221, .box221podT10 { width:48.5%; }
        .box311, .box321 { width:32%; }
        .box421 { width:24%; }
        .box531 { width:19%; }
        .box631 { width:15%; }

        /* Start Footer */
        #footer .left, #footer .right {
            float: left;
            margin: 20px 4%;
            width: 42%;
            display: block;
        }
        #footer .left { text-align:left; }
        #footer .rightBOX { width:60%; max-width:380px; margin-left:40%; text-align:left; }

        /* End Footer */
    
}