/* --------------------------------------------------------------
File: ft_style1.css
Created: 5/19/08
Modified:  6/21/08

Design and development by JULIAN DESIGN
http://www.juliandesign.biz
-------------------------------------------------------------- */

/*-------------------- OVERIDE BROWSER STYLES -----------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding:  0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size : 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight:normal; }

/* Removes style from tables */
table
{border-collapse: collapse; border-spacing:0; }

/* Removes  border from fieldset and img */
fieldset, img
{border:0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{ content : '';}

/*-------------------- SET UP THE BODY ----------------------*/
html {
text-align: center; }

body {

position:relative;
 
width: 880px;
height:725px;
margin: 0 auto;
text-align: left;
background-color:black;
font-family: "Gill Sans", Arial, Helvetica, sans-serif;

color: #cccccc;
font-size: 10px;
letter-spacing:1px;

/*   ***************  COLORS   *****************
fasttwitch red: #bc2025   (188, 32, 37)
fasttwitch purple: #1c0e47 (28, 14, 71)
fasttwitch blue:  #1c244a   (28, 36, 74)
fasttwitch gray: #303030  
*/
}

/*-------------------- ANCHOR--------*/

/* anchor */
a {   
	text-decoration: none;
	letter-spacing:2px;
	font: italic small-caps bold 11px arial;
	color: white;
}

/* Color of a hyperlink */
a:link {
	color:white;

}

a:hover {
	background: black;    
	color: #bc2025;   /* fasttwitch red */

}


a#buynow {
	float:left;
	margin:0px;
	margin-left:20px;


	/*background-color:pink; */
	color:#bc2025;
	font-size:18px;
	width:50px;
}

a#buynow span {
	float:left;
	padding-top:30px;
	font-size:11px;
	color:white;
}

a.purchase {
	float:left;
	width:164px;
	margin-top:0px;
	text-align: center;
}

a.purchase:first-line {
	color:gray;
}

a.purchase:hover {
	color:#bc2025;   /* fasttwitch red */
}


/*-------------------- MAIN WINDOW --------*/
#main_window {
	position:absolute;
	margin-top:10px;
	top:0px;
	left:0px;
	width: 880px;
	height:725px;
	/*background-color:red; */
}


/*-------------------- SUB WINDOW --------*/
#sub_window {
	position:absolute;
	top:82px;
	left:7px;
	
	width: 876px;
	height:670px;
	background: url(design_elements/ft_bg4.jpg) no-repeat top right;
}

#sub_window2 {
	position:absolute;
	top:82px;
	left:7px;
	
	width: 876px;
	height:670px;
	background: url(design_elements/ft_bg5.jpg) no-repeat top right;
	z-index:0;
}

/*-------------------- UPPER CONTENT SECTION --------*/
#ucs {
	position:absolute;
	top:145px;
	left:280px;
	
	width: 580px;
	height:200px;   /*300px */
	/*background-color:pink; */
}


/*-------------------- UPPER CONTENT SECTION SUB PART B--------*/
#ucs_b {
	position:absolute;
	top:180px;
	left:0px;
	
	width: 425px;

	/*background-color:orange; */
	margin:10px;

}

/*-------------------- UPPER CONTENT SECTION (LEFT HALF) --------*/
#ucslh {
	float:left;
	
	width: 202px;   /*260 */
	height:151px;
 
	/*background-color:yellow; */
	margin:10px;
	margin-top:0px;

}

/*-------------------- UPPER CONTENT SECTION (RIGHT HALF) --------*/
#ucsrh, #ucsrh_b {
	float:left;
	width: 202px;   /*260 */
	height:151px;
	/*background-color:#303030; */
	margin:10px;
	margin-top:0px;
}

#ucsrh_b {
	height:auto;
	margin-top:80px;
}


/*-------------------- UPPER CONTENT SECTION (ALTERNATE LEFT HALF) --------*/
#ucsalh {
	float:left;
	
	width: 202px;   /*260 */
 
	
	margin:10px;
		margin-top:0px;
		margin-left:55px;
		

}

/*-------------------- UPPER CONTENT SECTION - VIDEO ------*/
#ucs_v {
	position:absolute;
	bottom:45px;
	left:330px;

	/*background-color:pink; */
}


/*-------------------- UPPER CONTENT SECTION - PURCHASE ------*/
#ucs_p {
	position:absolute;
	top:145px;
	left:280px;
	
	width: 580px;
	/*background-color:pink; */
}

/*-------------------- UPPER CONTENT SECTION - PURCHASE - HEADER ------*/
#ucs_p_hdr, #ucs_p_hdr2, #ucs_p_hdr3 {
	float:left;
	width: 580px;
	/*background-color:green; */
	margin-bottom:10px;
}

/*-------------------- UPPER CONTENT SECTION - PURCHASE - LEFT HALF ------*/
#ucs_p_lh {
	float:left;
	width: 290px;
	/*background-color:green; */
}
/*-------------------- UPPER CONTENT SECTION - PURCHASE - RIGHT HALF ------*/
#ucs_p_rh {
	float:left;
	width: 290px;
	/*background-color:green; */
}
/*-------------------- UPPER CONTENT SECTION - PURCHASE - FOOTER ------*/
#ucs_p_ftr {
	float:left;
	width: 580px;
	/*background-color:green; */
	margin-bottom:10px;
}


/*-------------------- LOWER CONTENT SECTION (MAIN PAGE) --------*/
#lcs {
	position:absolute;
	top:372px;
	left:10px;
	
	width: 850px;
	height:335px;
	/*background-color:pink; */
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-bottom-color:white;


}

/*-------------------- LOWER CONTENT SECTION (LEFT HALF) --------*/
#lcslh {
	float:left;
	
	width: 415px;
	height:315px;
	/*background-color:green; */
	margin:10px;
	margin-bottom:0px;

}

/*-------------------- LOWER CONTENT SECTION (RIGHT HALF) --------*/
#lcsrh {
	float:left;
	
	width: 405px;
	height:315px;
	/* background-color:blue; */

	margin-top:10px;
}

/*-------------------- LOWER CONTENT SECTION (VIDEO SECTION) --------*/
#lcsvs {
	position:relative;
	width: 223px;
	height:315px;
	bottom:0px;
	left:0px;
	z-index:10;

}

/*-------------------- LOWER CONTENT SECTION (GENERAL CONTENT) --------*/
#lcsgc {
	position:absolute;
	
	width: 615px;   /* 615 */
	height:310px;
	/*background-color:pink; */

	margin-top:20px;
	top:0px;
	left:235px;
}

/*-------------------- LOWER CONTENT SECTION (GENERAL CONTENT - LEFT SIDE) --------*/
#lcsgcls {
	float:left;
	
	width: 310px;
	height:295px;
	/*background-color:pink; */

}


/*-------------------- LOWER CONTENT SECTION (GENERAL CONTENT - RIGHT SIDE) --------*/
#lcsgcrs {
	float:left;
	
	width: 304px;
	height:295px;
	/*background-color:blue; */

}

/*-------------------- LOWER CONTENT SECTION (GENERAL CONTENT - RIGHT SIDE) --------*/
#lcsgcrs-t {
	float:left;
	width: 100px;
	height:150px;
	/*background-color:blue; */

}

/*-------------------- LOWER CONTENT SECTION (ALTERNATE) --------*/
#lcs2 {
	position:absolute;
	top:372px;
	left:10px;
	
	width: 850px;
	height:315px;
	/*background-color:yellow; */

	margin-top:20px;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-bottom-color:white;
}

/*-------------------- LOWER CONTENT SECTION (ALTERNATE - LEFT HALF) --------*/
#lcs2lh {
	float:left;
	
	width: 415px;
	height:270px;
	/*background-color:green; */
	margin:10px;
	margin-top:30px;


}

/*-------------------- LOWER CONTENT SECTION (ALTERNATE - RIGHT HALF) --------*/
#lcs2rh {
	float:left;
	
	width: 415px;
	height:270px;
	/*background-color:orange; */
	margin-top:30px;

}

/*-------------------- LOWER CONTENT SECTION (ALTERNATE - INDEPENDENT LEFT HALF) --------*/
#lcs2ilh {
	position:absolute;
	bottom:0px;
	left:0px;
	width: 200px;
	height:315px;
	/*background-color:orange; */
	z-index:10;

}

/*-------------------- LOWER CONTENT SECTION (ALTERNATE - INDEPENDENT RIGHT HALF) --------*/
#lcs2irh {
	position:absolute;
	top:0px;
	left:270px;
	width: 578px;
	height:310px;
	/*background-color:orange; */
	padding-top:8px;


}


/*-------------------- LOWER CONTENT SECTION (ALTERNATE) (FAR RIGHT AND WIDE FOR SHOPPING APPAREL) --------*/
#lcs3 {
	position:absolute;
	top:380Px;
	left:10px;
	
	width: 850px;
	height:315px;
	/*background-color:yellow; */
}

#lcs3sub {
	float:left;

	width: 550px;
	/*background-color:yellow; */
}

/*-------------------- HEADERS --------*/

h1 {
	float:left;
	margin-top:10px;
	font-size:16px;

}

h2 {
	float:left;
	font-size:16px;
}

h3 {
	float:left;
	font-size:13px;
	letter-spacing:1px;
}

h3.exer1, h3.exer2{
	float:left;
	color:  #bc2025;
	font-style:italic;
}

h3.exer1 {
	margin-top:10px;
}
/*-------------------- PARAGRAPHS --------*/

p {


	letter-spacing:1px;
}

p span {
	color:  #bc2025;
	font-style:italic;
}


p.copy1, p.copy1b {
	float:left;
	margin:10px;
	margin-left:0px;
	letter-spacing:2px;
	font-size:110%;
}

p.copy1b {

	font-size:11px;

}

p.copy2 {
	float:left;
	margin:0px;
	margin-left:20px;


	/*background-color:pink; */
	color:#bc2025;
	font-size:18px;
	width:50px;
}

p.copy2 span {
	float:left;
	padding-top:30px;
	font-size:11px;
	color:white;
}

p.copy3 {
	float:left;
	margin:0px;
	margin-left:20px;
	letter-spacing:2px;
}

p.copy4 {
	margin:0px;

	letter-spacing:2px;
	position:absolute;
	bottom:8px;
	left:232px;
	color:#bc2025;
}

p.copy5 {
	margin:0px;
	margin-left:25px;
	margin-top:20px;
	letter-spacing:2px;

	color:#bc2025;
}
p.copy7 {
	float:left;
	width:150px;
}

p.copy7 span {
	color:  #bc2025;
	font-style:italic;
	color:green;
}


p.quote1, p.quote2{
	float:left;
	margin:10px;
	margin-left:0px;
	letter-spacing:2px;
	font-style:italic;
	font-size:110%;
	margin-top:40px;
}

p.quote2{

	margin-top:10px;
}

p.bio, p.bio2, p.disc {
	float:left;
	width:202px;

	color: white;
	font-size:115%;
	letter-spacing:1px;
}
p.bio:first-line {color: #FF0000;font-variant:small-caps;letter-spacing:1px;}
p.bio2 {
	width:215px;
	font-size:105%;
	letter-spacing:1px;
}

p.disc {
width:150px;
color: #FF0000;font-variant:small-caps;letter-spacing:1px;	font-style:bold;
margin-top:-80px;
margin-left:10px;
text-align: center;
}


p.item_info {
	float:left;
	width:164px;
	margin-top:7px;
	text-align: center;
}

p.item_info:first-line {
	color:gray;
}


p.subline {
	float:left;
	color: white;
	margin-left:25px;
	margin-top:10px;
}

p.info1 {
	margin-top:10px;
	width:800px;
	color:white;
}

p#slogan {
	margin-top:10px;
	font-size:12px;
}

p.personpromo, p.personpromo2 {
	float:right;
	color:black;
	font-size:18px;

	font-weight:bold;
	letter-spacing:1px;
	font-style:italic;
	text-align: right; 
	margin-right:7px;
	margin-top:-60px;
	
}

p.personpromo2 {
	margin-right:5px;
	margin-top:-58px;
	color:white;

}

p.name {
	padding:2px;
	position:absolute;
	top:125px;
	left:100px;
	color:red;
	font-style:italic;
	background-color:black;
	font-size:14px;
		letter-spacing:2px;
			margin-left:25px;
}

p.contact {
		letter-spacing:1px;
			margin-left:25px;
			font-size:13px;
}

/*-------------------- IMAGES --------*/


img#redtick{
	position:absolute;
	left:-34px;
	top:-2px;
}

img#biglogo {
	position:absolute;
	top:22px;
	left:335px;
	z-index:50;
}

img#slogan {
	position:absolute;
	top:350px;   
	left:239px;
}

img.slogan2 {
	margin-left:52px;
	margin-bottom:20px;
}


 img.vidimage{
	position:absolute;
	left:-10px;
}

 img.mainpic1, img.mainpic2, img.mainpic3 {
	float:left;
	border-style: solid;
	border-width:1px;
	border-color:white;
}

img.mainpic2 {
	margin-left:31px;
}

img.mainpic3 {
	margin-bottom:5px;
	margin-left:31px;
	border-width:0px;
}



 img#vidtitle{
	position:relative;
	padding-top:20px;

}

 img.tshirt{
	float:left;
	margin-left:10px;
}

 img.tshirt2 {
	float:left;
	margin-left:0px;
	border-style: solid;
	border-width:1px;
	border-color:white;
}

 img.tshirt3 {
	float:left;
	margin-left:30px;
	margin-top:5px;

}


 img.figure1{
	float:left;

}

 img.figure2 {
	float:left;
	margin-left:34px;
	margin-top:4px;

}

 img.corner-image {
	float:left;
	margin-left:0px;
	vertical-align:bottom;
	

}
img.buynow {
	float:left;
	margin-top:5px;
	margin-left:37px;
}

/*-------------------- NAVIGATION ----------------------------*/

#navigation {
	position:absolute;
	top:85px;
	left:0px;
	/*background-color:pink; */

	width:600px;
	height:500px;
 
	margin-left:7px;	 
 }

#navigation ul {
	position:absolute;
	top:20px;
	left:0px;
	text-align: left;
	width:300px;
}

#navigation li {
	float:left;
	height:20px;
	width:150px;
	margin-bottom:20px;
	/*background-color:pink; */

}
 
#navigation li#choice1 {
	position:relative;
	margin-left:190px;
	margin-top:-2px;
}
#navigation li#choice2 {
	position:relative;
	margin-left:165px;
	margin-top:0px;
} 
#navigation li#choice3 {
	position:relative;
	margin-left:140px;
	margin-top:0px;
} 
#navigation li#choice4 {
	position:relative;
	margin-left:117px;
	margin-top:0px;
}  
#navigation li#choice5 {
	position:relative;
	margin-left:91px;
	margin-top:0px;
}  
#navigation li#choice6 {
	position:relative;
	margin-left:67px;
	margin-top:0px;
}
#navigation li#choice7 {
	position:relative;
	margin-left:42px;
	margin-top:0px;
}

#navigation a#chosen{
	position:relative;
	visibility:visible;
	color:#bc2025;
}



/*-------------------- VIDEO LIST----------------------------*/

ul#videos {
	position:relative;

	text-align: left;
	width:222px;
	margin-top:20px;
	/*background-color:orange; */

	margin-left:10px;
}

li.videos {
	float:left;
	height:40px;
	width:100px;
	margin-bottom:10px;
	/*background-color:black; */
	padding-left:60px;

}

/*-------------------- MISSION LIST----------------------------*/

ul#missionlist {
	position:relative;
	width:580px;
	margin-top:5px;
	/*background-color:orange; */
	list-style-type: square;
}

li.mission_li {
	float:left;
	width:580px;
	/*background-color:green; */
	font: bold 11px arial;
	letter-spacing:1px;
	margin-bottom:9px;
}

/*-------------------- APPAREL LIST----------------------------*/
ul#apparel{
	float:left;
	width:850px;

	/*background-color:orange; */

}

li.shop1 {
	float:left;
 	width:155px;
	font: 10px arial;
	letter-spacing:1px;
 	margin-right:48px;
 	margin-top:10px;
}

/*-------------------- APPAREL INFO LIST----------------------------*/
ul#apparel_info{
	float:left;
	width:850px;

	/*background-color:orange; */
	margin-top:-28px;
}

li.shop1 {
	float:left;


 	width:155px;
 
	font: 10px arial;
	letter-spacing:1px;
 	margin-right:48px;
 	margin-top:10px;

}

/*-------------------- EXERCISE LIST----------------------------*/

ul.exercise {
	float:left;
 	margin-top:10px;
	list-style-type: square;
	font-size:110%;
		letter-spacing:1px;
		margin-bottom:10px;
}

li.exerchoice {
	float:left;
	margin-bottom:1px;
	margin-top:1px;
	width:150px;

}

li.exerchoice2 {
	float:left;
	margin-bottom:1px;
	margin-top:1px;
	width:550px;

}
/*-------------------- SELECT SIZE LIST ----------------------------*/
ol#selectsize{
	float:left;
	width:580px;
	/*background-color:orange; */
	margin-left:-5px;
	margin-top:5px;
}

li.size {
	float:left;
 	width:96px;
 	height:50px;
}


/*-------------------- HORIZONTAL RULE --------*/
   hr {

      border: 0;
      width:530px;
      margin-left:327px;
      margin-top:75px;
    }
    hr.hr1 {
      background-color: red;
      height: 1px;
    }
    hr.hr2 {
     margin-left:327px;
      margin-top:345px;
      background-color: red;
      height: 1px;
    }

/*-------------------- FORM ----------------------------*/
form.paypal_btn {
	float:left;
	margin-top:5px;
	margin-left:37px;
}

/*-------------------- VIDEO OBJECT----------------------------*/
#vidobject {
	float:left;
	z-index:500;
}


/*---------------- FLOOR -------------------*/
#floor, #floor2 {
	position:absolute;
	bottom:0px;
	left:0px;
	
	width:842px;
	height:30px;

	letter-spacing:1px;
	margin-left:20px;

	color:#bc2025;    /* fasttwitch red */
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;  

}
#floor2 {
	position:relative;
	bottom:1px;
}

p.legal {

	position:absolute;
	left:-10px;
	bottom:0px;
		
}

p.credit {
	position:absolute;
	right:0px;
	bottom:0px;
	}