/***Style by Ben J Walker, Resound Design Copyright (c) 2008-9***/

/***BASIC STUFF**/
html {
	margin: 0px;
	padding: 0px;
	}

body { 
	 
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF; 
	margin: 0px;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	text-align: left;
	line-height: 19px;
	}
	

hr
{
color: #D8DFF7;
background-color: #D8DFF7;
height: 1px;
}	
	
table {
font-size: 100%;
}
/*workaround so text does not appear larger in tables*/

h3
{
color: #FF00A8;
text-decoration: none
}

.title1
{
color: #FF00A8;
text-decoration: none
}

h2
{
font-size: 2em;
color: #000000;
text-decoration: none
}

a:link
{
color: #FF00A8;
text-decoration: none
}


a:visited
{
color: #FF00A8;
text-decoration: none
}

a:hover, a:active
{
color: #000000;
text-decoration:line-through;
}

#menu a
{
color: #FFFFFF
}
	
/***BASIC STUFF**/





/***TEXT FORMATTING**/
.tinytext
{
	font-size: 0.86em;
	
}
/***TEXT FORMATTING**/


/***POSITIONING**/

#blackbar
{
position: absolute;
height: 55px;
width: 100%;
left: 0px;
top: 32px;
background: #000000;
z-index: 200;
}

#blackbartitle
{
position: absolute;
height: 55px;
width: 249px;
left: 55px;
top: 32px;
background-image: url('images/one-eighty-title-1.gif');
z-index: 220;
}

#blackbartitle a, #blackbartitle img
{
width: 100%;
height: 100%;
border: 0px
}

#blackbarurl
{
position: absolute;
height: 19px;
width: 239px;
right: 30px;
top: 87px;
background-image: url('images/one-eighty-url.gif');
z-index: 250;
}

#menu
{
position: absolute;
height: 19px;
width: auto;
left: 332px;
top: 44px;
color: #FFFFFF;
background: #000000;
padding: 4px;
font-weight: bold;
font-size: 1.0em;
z-index: 300;
}

#contentbox
{
position: absolute;
height: 65%;
width: 532px;
left: 16px;
top: 160px;
background: #FFFFFF;
border: 6px solid #CF0000;
overflow: auto;
color: #7B7B7B;
font-weight: bold;
font-size: 1.4em;
padding: 12px;
z-index: 225;
}

#graydude
{
position: absolute;
height: 162px;
width: 116px;
left: 599px;
top: 110px;
background-image: url('images/gray-dude.gif');
z-index: 150;
}

#graybarcover
{
position: absolute;
height: 190px;
width: 130px;
top: 0px;
left: 590px;
background: #FFFFFF;
z-index: 125;
}


#lightgraybar
{
position: absolute;
height: 100%;
width: 115px;
left: 600px;
background: #CDCDCD;
z-index: 100;
}

#darkgraybar
{
position: absolute;
height: 100%;
width: 51px;
left: 646px;
background: #B1B1B1;
z-index: 100;
}

#grayredtitle
{
position: absolute;
height: 119px;
width: 297px;
left: 125px;
top: 70px;
background-image: url('images/one-eighty-title-2.gif');
z-index: 130;
}

#redcolumn
{
position: absolute;
height: 100%;
width: 148px;
left: 268px;
background: #CF0000;
z-index: 121;
}

#redcover
{
position: absolute;
height: 64px;
width: 148px;
left: 343px;
top: 160px;
background: #CF0000;
z-index: 135;
}

#graycolumn
{
position: absolute;
height: 100%;
width: 86px;
left: 179px;
background: #CDCDCD;
z-index: 120;
}

#columncover
{
position: absolute;
height: 159px;
width: 310px;
top: 0px;
left: 125px;
background: #FFFFFF;
z-index: 125;
}

#logos
{
position: absolute;
height: 322px;
width: 150px;
right: 5px;
bottom: 16px;
background-image: url('images/logos.gif');
z-index: 200
}

#logos a, #logos img
{
width: 150px;
height: 161px;
border: 0px
}

#contacts
{
/*position: absolute;
height: 150px;
width: 150px;
right: 5px;
bottom: 5px;*/
font-size: 0.8em;
z-index: 230;
}

#copyright
{
position: absolute;
height: auto;
width: auto;
left: 7px;
bottom: 1px;
font-size: 0.8em;
z-index: 230;
}

#charity
{
position: absolute;
height: 32px;
width: auto;
right: 5px;
bottom: 4px;
z-index: 235;
font-size: 0.8em;
text-align: right;
line-height: 1em
}

#charity p
{
margin: 0 0 8px 0
}

/***POSITIONING**/

#gallery
{
position: absolute;
height: 435px;
width: 98%;
top: 152px;
left: 10px;
border: 1px solid red
}

p.highlight
{
font-style: italic;
font-weight: bold;
text-align: justify;
margin: 24px 0 24px 0;
line-height: 1.4em
}

li
{
margin-bottom: 12px
}

a:link img, a img
{
border: 2px solid #FF00A8;
}


a:visited img
{
border: 2px solid #FF00A8;
}

a:hover img, a:active img
{
border: 2px solid #000000;
}

strong
{
color: #CF0000
}


button.buy_button
{
background: transparent;
border: 0px;
cursor: pointer;
height: 42px;
display: block;
margin: 16px 0 0 0px;
padding: 0 0 5px 0;
}

button.buy_button:hover
{
border-bottom: 5px solid #CDCDCD;
padding: 0 0 5px 0;
}

label
{
color: #FF00A8;
font-size: 0.8em
}

/*
div.switch_step img
{
float: left;
padding: 0 16px 70px 0;
}
*/

#buy_button
{
display: none	
}

div.spacer
{
width: 100%;
clear: both	
}

div.switch_selected
{
border: 5px solid #CDCDCD;
}

#switch_step1
{
background-image: url('/images/step1.gif');
background-position: 16px 16px;
background-repeat: no-repeat;
}

#switch_step2
{
background-image: url('/images/step2.gif');
background-position: 16px 16px;
background-repeat: no-repeat;
}

#switch_step3
{
background-image: url('/images/step3.gif');
background-position: 16px 16px;
background-repeat: no-repeat;
}

.switch_step.switch_selected
{
padding: 12px 16px 16px 40px	
}

.switch_step
{
padding: 12px 0px 0px 48px;
width: 445px
}

div.switch_step label
{
display: block;
float: left;
width: 100px;
text-align: right;
margin: 0 8px 0 0
}

#youtube_link
{
position: absolute;
top: 95px;
left: 16px;
z-index: 2000;
font-size: 1.3em;
font-weight: bold;
}

#youtube_link img
{
border: 0px;
position: relative;
top: 8px;
margin: 0 4px 0 0
}