/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global ======================================================== */
body{ background-color:#010100; background-image:url(../img/background.jpg); background-repeat-y:no-repeat; background-position:top center; margin-top:0px; overflow-x:hidden;}
h1{font-size:4.4em; font-weight:normal;}
h2{font-size:2.8em; font-weight:bold;}
h3{font-size:1.6em; font-weight:bold;}
h4{font-size:1.2em; font-weight:bold;}
h1{font:88px 'TrebuchetMS', Arial, sans-serif;}
h1 span{font: 88px 'TrebuchetMS', Arial, sans-serif; letter-spacing:-4px; }
.text{font:15px 'Trebuchet', Arial, san-serif; line-height:1.4em; color:#CCC;}
.text a{font:15px 'Trebuchet', Arial, san-serif; color:#909090; text-decoration:none;}
.text a:hover{font:15px 'Trebuchet', Arial, san-serif; color:#ff9e00; text-decoration:none;}
.smalltxt {font-family:"Tahoma", Geneva, sans-serif; color:#808080; font-size:10px; font-weight:normal; padding-top:20px;}
.smalltxt a {font-family:"Tahoma", Geneva, sans-serif; color:#808080; font-size:10px; font-weight:normal; text-decoration:none;}
.smalltxt a:hover {font-family:"Tahoma", Geneva, sans-serif; color:#808080; font-size:10px; font-weight:normal;}

a 				{ color:#CCC; text-decoration:none; }
a:visited 		{ color:#CCC; text-decoration:none; }
a:hover			{ color:#FC0; text-decoration:none; font-weight:bold; }


/* Layout ============================================================= */
#wrap{margin:0 auto; position:relative; width:960px;}
header{float:left; width:100%;}
article{float:left; width:66.7%;}
aside{float:left; width:33.3%;}
footer{float:left; width:100%;}

#welcometxtbox{position:absolute; width:450px; height:100px; margin-top:640px; margin-left:250px; overflow-y:hidden;}
#abouttxtbox1{position:absolute; width:600px; height:350px; margin-top:50px; margin-left:318px; overflow-y:hidden;}
#abouttxtbox2{position:absolute; width:500px; height:550px; margin-top:450px; margin-left:40px; overflow-y:hidden;}
#abouttxtbox3{position:absolute; width:600px; height:700px; margin-top:1025px; margin-left:318px; overflow-y:hidden;}
#contacttxtbox1{position:absolute; width:600px; height:75px; margin-top:50px; margin-left:318px; overflow-y:hidden;}
#contacttxtbox2{position:absolute; width:600px; height:75px; margin-top:155px; margin-left:318px; overflow-y:hidden;}
#contacttxtbox3{position:absolute; width:600px; height:400px; margin-top:240px; margin-left:318px; overflow-y:hidden;}
#contacttxtbox4{position:absolute; width:600px; height:700px; margin-top:640px; margin-left:318px; overflow-y:hidden;}
#favtxtbox1{position:absolute; width:400px; height:auto; margin-top:20px; margin-left:525px; overflow-y:hidden;}
#favtxtbox2{position:absolute; width:400px; height:400px; margin-top:250px; margin-left:525px; overflow-y:hidden;}
#favtxtbox3{position:absolute; width:400px; height:400px; margin-top:490px; margin-left:525px; overflow-y:hidden;}
#favtxtbox4{position:absolute; width:400px; height:400px; margin-top:860px; margin-left:525px; overflow-y:hidden;}
#favtxtbox5{position:absolute; width:400px; height:400px; margin-top:1035px; margin-left:525px; overflow-y:hidden;}
#favtxtbox6{position:absolute; width:500px; height:500px; margin-top:880px; margin-left:25px; overflow-y:hidden;}
#presstxtbox{position:absolute; width:900px; height:300; margin-top:470px; margin-left:40px; overflow-y:auto;}
#videosbox{position:absolute; width:900px; height:auto; margin-top:0px; margin-left:25px; }
#socialshare{float:right; width:400px;}

#copyrightbox {margin-left:0px; margin-top:1300px; width:500px;}
#copyrightbox2 {margin-left:0px; margin-top:1500px; width:500px;}
#copyrightbox3 {margin-left:0px; margin-top:1100px; width:500px;}

#thanks {margin-left:0px; margin-top:200px; width:400px;}



    
/* Graphics ========================================================= */
#logo1{position:absolute; width:432px; height:113px; margin-top:-20px; margin-left:-33px; border:0px;}
#logo2{position:absolute; width:56px; height:100px; margin-top:93px; margin-left:-32px; border:0px; z-index:100;}

#hwelcome{position:absolute; width:97px; height:21px; margin-top:610px; margin-left:235px; border:0px;}
#htwitter{position:absolute; width:307px; height:56px; margin-top:775px; margin-left:300px; border:0px;}
#habout1{position:absolute; width:171px; height:26px; margin-top:25px; margin-left:314px; border:0px;}
#habout2{position:absolute; width:103px; height:26px; margin-top:425px; margin-left:35px; border:0px;}
#hcontact1{position:absolute; width:232px; height:26px; margin-top:25px; margin-left:314px; border:0px;}
#hcontact2{position:absolute; width:114px; height:26px; margin-top:135px; margin-left:314px; border:0px;}
#hcontact3{position:absolute; width:95px; height:23px; margin-top:220px; margin-left:314px; border:0px;}
#hcontact4{width:174px; height:27px; margin-left:-4px; border:0px;}
#hfav1{position:absolute; width:255px; height:26px; margin-top:40px; margin-left:500px; border:0px;}
#hfav2{position:absolute; width:190px; height:26px; margin-top:220px; margin-left:500px; border:0px;}
#hfav3{position:absolute; width:71px; height:26px; margin-top:460px; margin-left:500px; border:0px;}
#hfav4{position:absolute; width:190px; height:26px; margin-top:825px; margin-left:500px; border:0px;}
#hfav5{position:absolute; width:190px; height:26px; margin-top:1000px; margin-left:500px; border:0px;}
#hfav6{position:absolute; width:74px; height:27px; margin-top:1000px; margin-left:500px; border:0px;}

#favban1{position:absolute; width:460px; height:68px; margin-top:885px; margin-left:20px; border:0px;}
#favban2{position:absolute; width:460px; height:68px; margin-top:975px; margin-left:20px; border:0px;}
#favban3{position:absolute; width:460px; height:68px; margin-top:1065px; margin-left:20px; border:0px;}
#favban4{position:absolute; width:460px; height:68px; margin-top:1155px; margin-left:20px; border:0px;}
#favban5{position:absolute; width:460px; height:68px; margin-top:1245px; margin-left:20px; border:0px;}

#leftfrontphotos{position:absolute; width:455px; height:614px; margin-top:700px; margin-left:-130px; border:0px;}
#rightfrontphotos{position:absolute; width:455px; height:614px; margin-top:700px; margin-left:-35px; border:0px;}

#homeerica{position:absolute; width:315px; height:622px; margin-top:120px; margin-left:650px; border:0px; z-index:100;}
#aboutpic1{position:absolute; width:311px; height:416px; margin-top:-10px; margin-left:10px; border:0px;}
#aboutpic2{position:absolute; width:420px; height:312px; margin-top:450px; margin-left:540px; border:0px;}
#aboutpic3{position:absolute; width:303px; height:419px; margin-top:1000px; margin-left:10px; border:0px;}
#contactpic1{position:absolute; width:305px; height:423px; margin-top:-10px; margin-left:10px; border:0px;}
#contactpic2{position:absolute; width:313px; height:435px; margin-top:390px; margin-left:10px; border:0px;}
#favpic{position:absolute; width:509px; height:814px; margin-top:20px; margin-left:-15px; border:0px;}
#presspic1{position:absolute; width:302px; height:425px; margin-top:-10px; margin-left:100px; border:0px;}
#presspic2{position:absolute; width:408px; height:283px; margin-top:60px; margin-left:400px; border:0px;}

#signature{position:absolute; width:64px; height:47px; margin-top:720px; margin-left:585px; border:0px;}
#pim{width:23px; height:23px; margin-top:0px; padding-right:5px; border:0px;}
#hrule{width:944px; height:6px; margin-top:20px; margin-left:0px; border:0px;}
#social{position:absolute; width:139px; height:30px; margin-top:64px; margin-left:795px; border:0px;}
#smallsocial{position:relative; width:20px; height:20px; padding-top:1px; padding-right:10px; border:0px;}
#tagline{position:absolute; width:949px; height:54px; margin-top:683px; margin-left:-15px; border:0px;}
#mp3player{float:left; position:absolute; margin-top:730px; margin-left:-5px; border:0px;}
#buynow1{position:absolute; width:208px; height:35px; margin-top:785px; margin-left:-10px; border:0px;}



/* Twitter ========================================================= */
#twitbox{position:absolute; width:300px; height:365px; overflow:hidden; margin-top:840px; margin-left:310px;}
.tweet {padding-bottom:25px; word-wrap:break-word;}
.tweet_text {font-size: 11px; line-height: 16px; color:#CCC; word-wrap:break-word;}
.tweet_text a {color:#fff; text-decoration:none;}
.tweet_text a:hover {color:#fff; text-decoration:none;}
.tweet_text a.profile {color:#d19c51; text-decoration:none; font-weight:bold;}
.tweet_text span {color:#808080;}


/* Contact Form ========================================================= */
.TTWForm{
	margin-top:0px;
	margin-left:-10px;
 	width: 600px;
}


.TTWForm-container {
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.TTWForm-container h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
    color: #333333;
    font-weight: normal;
}

/** Field Styles **/
.TTWForm .field, #form-title.field {
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    clear: both;
}

/** Field Widths */
.f_25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.TTWForm input, .TTWForm textarea {
    width: 100%;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;

    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #EDEDED; /* old browsers */
    background: -moz-linear-gradient(top, #EDEDED 0%, #FCFCFC 10%, #FCFCFC 90%, #EDEDED 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDEDED), color-stop(10%, #FCFCFC), color-stop(90%, #FCFCFC), color-stop(100%, #EDEDED)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#EDEDED', endColorstr = '#EDEDED', GradientType = 0); /* ie */
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    padding: 3px 0;
}

.TTWForm input:focus, .TTWForm textarea:focus, .TTWForm select:focus {
    -webkit-box-shadow: 0px 0px 5px #bfdeff;
    -moz-box-shadow: 0px 0px 5px #bfdeff;
    box-shadow: 0px 0px 5px #bfdeff;
}

.TTWForm input[type=radio], .TTWForm input[type=checkbox] {
    width: 12px;
    margin: 8px 12px;
    top: 3px;
    position: relative;
}

.TTWForm .option {
    margin: 6px 0;
}

.TTWForm select {
    padding: 6px 6px;
}

.TTWForm textarea {
    overflow: hidden;
}

.TTWForm label {
    color: #fff;
    text-align: left;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}

.TTWForm .submit input {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 3px;
    height: 36px;
    cursor: pointer;
    min-width: 96px;
    width: auto;
    background: #FBFBFB; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}

#form-title {
    padding: 12px;
}

#form-title h2 {
    margin-bottom: 0;
}

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead {
    padding: 2px 0;
    height: 22px;
}

#caltitle {
    font-size: 14px;
    color: #0150D1;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext {
    float: right;
    background: transparent url(../images/next.png) no-repeat center center scroll;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}

#caltitle select {
    font-size: 10px;
}

#caldays {
    height: 14px;
    border-bottom: 1px solid #ddd;
}

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}

/** Range Input **/


.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/**Error Messages **/

.TTWForm .error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position: relative;
    top: -1px;
}

/** Loading Indicator **/
.loading-text {
    position: relative;
    top: -3px;
}

/** Clearfix */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1;
}





/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
	
/*******************************************************
Drop-Down
*******************************************************/
.dropmenu li a, .dropmenu li{ float: left; z-index: 50;}
.dropmenu li{ list-style: none; position: relative;	 top: 1px; z-index:50; }
.dropmenu li span{ display: block; height: 10px; width: 10px; position: absolute; top: 12px; right: 10px; }
.dropmenu li a, .dropmenu li div{ font-size: 12px; font-family:"Arial", Verdana, sans; font-weight: bolder; padding: 8px 13px 8px 14px; text-decoration: none; color: #000000;}

/* Submenu */
.dropmenu li > ul, .dropmenu li > div { display: none; position: absolute; left: 0; top: 100%; padding: 0px; margin-left: -30px; background-color: transparent;}
.dropmenu li:hover > ul, .dropmenu li:hover > div{ display: block; }

.dropmenu li > div{ width: 120px; margin-left:50px;}
/* Sub submenu */
.dropmenu li ul li a{ width: 120px; display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:25%;}
.dropmenu li ul li ul, .dropmenu li ul li > div{ top: 0px; left: 100%; }