/* Start of CMSMS style sheet 'qrsts' */
/* CSS Document */


/* basic structure */

body {
	margin:45px;
	background-color: #000000;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#container{
	background-color:#FFFFFF;
	width:800px;
	padding:45px 45px 14px 45px;
}

#container2 {
	background-color:#ebebeb;
	background-image:url(images/bg_subnav_whatwedo.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-top:5px;
}

#left {
	width: 142px;
	float:left;
}

#right {
	margin-left: 192px;
	border-left:5px solid #ffffff;
	min-height:390px;
	height:auto !important;
	height:390px;
}

.clear {
	height:0px;
	clear:both;
}


/* tag redefinitions */


a {
	text-decoration:none;
	font-weight:bold;
}

img {
	border:0px;
}

h1 {
	margin:5px 0px 10px 0px;
}

h2, h3 {
	margin:25px 0px 10px 0px;
}

p {
	margin:10px 0px;
	line-height:160%;
}



/* section customizations */

body#home {
	background-image:url(images/bg_home.gif);
}

body#home h1 {
	font-size:26px;
}

body#whatwedo {
	background-image:url(images/bg_whatwedo.gif);
}

body#whatwedo h1 {
	font-size:36px;
}

body#whatwedo h1, body#whatwedo h2, body#whatwedo a:link {
	color:#00bff3;
}

body#whatwedo a:visited {
	color:#0091b8;
}

body#fashion {
	background-image:url(images/bg_fashion.gif);
}

body#fashion h1 {
	font-size:36px;
}

body#fashion h1, body#fashion h2, body#fashion a:link {
	color:#f37021;
}

body#fashion a:visited {
	color:#bd5313;
}

body#needtoknow {
	background-image:url(images/bg_needtoknow.gif);
}

body#needtoknow h1 {
	font-size:36px;
}

body#needtoknow h1, body#needtoknow h2, body#needtoknow a:link {
	color:#1cbbb4;
}

body#needtoknow a:visited {
	color: #209792;
}

body#ordering {
	background-image:url(images/bg_ordering.gif);
}

body#ordering h1 {
	font-size:36px;
}

body#ordering h1, body#ordering h2, body#ordering a:link {
	color:#8549b9;
}

body#ordering a:visited {
	color:#673692;
}

body#portfolio {
	background-image:url(images/bg_portfolio.gif);
}

body#portfolio h1 {
	font-size:36px;
}

body#portfolio h1, body#portfolio h2, body#portfolio a:link {
	color:#ed145b;
}

body#portfolio a:visited {
	color:#bc174d;
}

body#store {
	background-image:url(images/bg_store.gif);
}

body#store h1 {
	font-size:36px;
}

body#store h1, body#store h2, body#store a:link {
	color:#f90014;
}

body#store a:visited {
	color:#f90014;
}

#whatwedo .currentpage {
	background-image:url(images/bullet_whatwedo.gif);
}

#fashion .currentpage {
	background-image:url(images/bullet_fashion.gif);
}

#needtoknow .currentpage {
	background-image:url(images/bullet_needtoknow.gif);
}

#ordering .currentpage {
	background-image:url(images/bullet_ordering.gif);
}

#portfolio .currentpage {
	background-image:url(images/bullet_portfolio.gif);
}

/* more a selectors */

a:hover, a:active {
	color:#FF0000;
}

#submenu a:link, #submenu a:visited, .albumlist a:link, .albumlist a:visited {
	color:#000000 !important;
}


/* homepage styles */

#home_right{
	width:266px;
	float:right;
}

#home_menu img{
	padding-left:6px;
	padding-top:6px;
}

#home_logo{
	padding-left:6px;
}

#flash {
	background-image:url(uploads/images/QRSTs_intro_bg.png);
	background-repeat:no-repeat;
	width:525px;
	height:532px;
}

/* content page header */

#logo_small {
	float:left;
}

#menu img{
	padding-left:5px;
}

#menu a:link, #menu a:visited{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

#menu a:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}

#whatwedo #whatwedo_button, #fashion #fashion_button, #needtoknow #needtoknow_button, #ordering #ordering_button, #portfolio #portfolio_button, #store #store_button{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}


/* content page, left side */

#left{
	padding:25px;
}

#submenu h1 {
	color:#000000  !important;
	font-size:13px !important;
	margin:0px;
	padding-bottom:5px;
	text-transform:uppercase;
}

#submenu ul{
	margin:0px;
	padding:5px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	list-style-type:none;
}

#submenu li{
	padding:3px 0px;
	background-image:url(images/bullet_black.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:15px;
}

#whatwedo #submenu li.active{
	background-image:url(images/bullet_whatwedo.gif);
}

#submenu li a{
	color:#000000;
}

#submenu li:hover{
	background-image:url(images/bullet_red.gif);
}

#submenu li a:hover{
	color:#ff0000;
}

#submenu li li {
background-image:none;
padding-left:0px;
font-size:10px;
letter-spacing:0px;
}

#submenu li li:hover {
background-image:none;
}

#submenu li li a:hover {
color:#ff0000 !important;
}

/* content styles */


#content{
	padding:15px 25px 20px 25px;
}

#content li {
	padding:6px 0px;
	line-height:160%;
}


/* content page, right side */

#content_right{
	float:right;
	width:195px;
	position:relative;
	left:8px;
	margin-left:10px;
	margin-top:10px;
}

#content_left{
	margin-right:200px;
}

p.intro {
	font-size:15px;
	line-height:145%;
	padding-bottom:15px;
}


/* footer */

#address{
	margin-top:13px;
	font-size:12px;
	letter-spacing:.5px;
}

#address img{
	vertical-align:middle;
}

span.red {
	color:#FF0000;
	font-weight:bold;
}

span.graylink {
	color:#999999;
	font-weight:bold;
}

#copyright {
	float:right;
	color:#999999;
}

.sidebox {
	background-image:url(images/sidebox_bg.gif);
	background-repeat:repeat-y;
	width:192px;
	margin:5px 0px;
}

.sidebox h1 {
	color:#00bff3 !important;
	font-size:12px !important;
	font-weight:bold;
	font-family:Century Gothic, Verdana, sans-serif;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
}

.sidebox p {
margin:3px 17px;
}

.sidebox ul{
	list-style-type:none;
	padding:0px;
	margin:0px 17px;
}

.sidebox li{
	background-image:url(images/bullet_star.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding:3px 0px 3px 15px !important;
	font-size:10px;
}


#price_calculator {
	background-color:#FFFFFF;
	margin-top:10px;
	margin-right:10px;
	padding:20px;
}

#price_calculator label, .result_label {
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	font-family:Arial;
}

#price_calculator label {
	display:block;
}

#price_calculator select, #price_calculator input {
	width:280px;
	margin-bottom:15px;
}

#calc_results {
	padding:8px;
	margin: 0px -8px -8px -8px;
	background-color:#FFFDEC;
}

#price_calculator #instructions {
	margin-bottom:10px;
	font-weight:bold;
	color: #E04100;
}

#price_per_shirt {
	text-align:right;
}

table.prices {
	width:auto;
	border-spacing:0px;
}

table.prices td, table.prices th{
	padding:6px 7px;
	border:1px solid #ebebeb;
	text-align:left;
}

table.prices th {
	vertical-align:bottom;
}

table.prices td {
	background-color:#ffffff;
}

table.prices th {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
}

/* for photo album */

.bigpicturecaption {
	display:none;
}

.bigpicture_container{
	display: table;
	height: 410px;
	#position: relative;
	overflow: hidden;
}

.bigpicture {
	margin:0px auto;
	position:relative;
	width:480px;
	height:370px;
	padding:15px 15px;
	background-color:#FFFFFF;
	border:2px solid black;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	#position: absolute;
	#top: 50%;
}

.bigpicture_img {
	vertical-align:center;
	#position: relative;
	#top: -50%
}

#gallery_container {
	background-color:#ffffff;
	text-align:center;
	padding:0px 20px;
}

.albumlist{
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:6px;
}

.albumlist li, .picturelist li{
	padding:0px;
	margin:0px;
	display:inline;
}

.albumlist li {
	padding-right:5px !important;
}

.picturelist {
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px;
}

.picturelist img {
	height:75px;
	width:75px;
	border: 2px solid #000000 !important;
	margin-right:3px;
	margin-bottom:3px;
}

.albumlist a:link, .albumlist a:visited {
	color:#000000;
}

.albumlist a:hover {
	color: #ed145b;
}

.albumlist a:active {
	color:#FF0000;
}

.albumname {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}

/* for raves */

#ravetable {
margin-top:20px;
}

#ravetable td{
vertical-align:top;
}

#ravetable td.leftside {
padding-right:12px;
}

.rave {
background-image:url(images/speechbubble_top.gif);
background-repeat:no-repeat;
width:265px;
margin-right:11px;
padding-top:25px;
margin-bottom:20px;
}

.ravetext {
display:block;
padding:0px 25px;
background-color:#ffffff;
font-size:12px;
line-height:150%;
}

.raver {
display:block;
text-align:right;
font-family:Arial;
font-weight:bold;
font-size:13px;
padding: 10px;
}

#outerImageContainer {
background-color:#000000 !important;
}

#imageDataContainer {
background-color:#000000 !important;
color:#ffffff !important;
}

/* for homepage special announcements bubble */

#announcements {
width:120px;
position:absolute;
left:897px;
top:129px;
}

#announcements_text {
padding:0px 10px 0px 24px;
color:#000000;
font-size:10px;
font-weight:bold;
background-image:url(images/announce_bg.gif);
background-repeat:repeat-y;
}

/* for store */

#store .store_thumbs {
margin:28px;
}

.shirt_thumbnails {
padding-bottom:15px;
}

.shirt_design {
margin:15px 15px 0px 15px;
width:153px;
text-align:center;
float:left;
}

.shirt_design_thumbnail img{
border: 2px solid #000;
}

.shirt_design_name {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
padding:2px 0px;
height:30px;
}

.shirt_design_name a:link, .shirt_design_name a:visited {
color:#000 !important;
}

.shirt_design_name a:hover, .shirt_design:hover a {
color:#F90014 !important;
}

.shirt_details {
width:549px;
background-color:#ffffff;
text-align:center;
}

.shirt_name {
padding:15px 41px 10px 41px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
letter-spacing:.04em;
}

.shirt_order_form {
padding:15px 41px;
text-align:left;
}

.shirt_order_form_labels {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
}

.shirt_order_form_labels div {
float:left;
}

.shirt_order_form_labels .item_type {
width:80px;
}

.shirt_order_form_labels .color {
width:145px;
}

.shirt_order_form_labels .size {
width:150px;
}

.shirt_order_form_labels .order {
width:90px;
}

.products {
text-align:left;
padding-top:20px;
}

.products img, .products select, .products input {
vertical-align:middle;
}

.products img {
margin-right:15px;
}

.products select {
width:128px;
margin-right:10px;
}

#social_media_icons {
margin-top: 20px;
width:860px;
text-align:center;
}

#social_media_icons img{
margin: 0px 5px;
border:2px solid white;
}

#extra_links {
display:none;
}

#portfolio #extra_links {
display:block;
margin-top:20px;
}

#portfolio #extra_links img {
padding:4px 0px;
}

/* AIDS Walk 2010 inquiry form */

.aids_walk_form {
	padding:20px;
	background-color:#ffffff;
}

.aids_walk_form .form_left {
	width:150px;
	text-align:right;
	padding-right:10px;
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	font-family:Arial;
}

.aids_walk_form td {
	padding-bottom:5px;
}
/* End of 'qrsts' */