/*---akhall css | s.whitted - you know what it is---*/ 
 
 @import "sdmenu.css";
 
* {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: top;
	border: none;
}

p.cart {
	margin-top: 145px;
	vertical-align: middle;
}

p { 


}
body {
     background:  #000 url("i/main-bg.jpg") top center no-repeat;
     text-align: center;
     font: 11px  "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
     color: #ccc;
     line-height: 16px;
}

/* ---( global/frame stuff )--------- */

a:link, a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #cc9;
	text-decoration: underline;
}

/* produces a stylish black scrollbar with light-grey highlights */
* html body {
   scrollbar-face-color: #000;
   scrollbar-shadow-color: #333;
   scrollbar-highlight-color: #333;
   scrollbar-3dlight-color: #000;
   scrollbar-darkshadow-color: #000;
   scrollbar-track-color: #000;
   scrollbar-arrow-color: #333;
}

/*---(res menu / navigation )----------*/

#res #navi { display: none; }

div#mphnavi_holder {
	position: absolute;
	top: 25px;
	left: 52px;
	width: 645px;
	height: 12px;
	padding: 0;
}

div#resnavi {
	height: 12px;
	width: 645px;
	padding: 0 0 2px;
	border: 0;
	}

div#resnavi ul#resmenu	{
	height: 12px;
	width: 645px;
	background:  url("i/nav-links.png") 0 0 no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#resnavi ul#resmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	z-index: 9;
	}
	
ul#resmenu li, ul#resmenu a {
	height: 12px;
	display: block;
	}
	
div#resnavi ul#resmenu li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	}
div#resnavi #res_home { left: 0px; width: 60px; }
div#resnavi #res_bio { left: 64px; width: 80px; }
div#resnavi #res_paddles{ left: 160px; width: 60px; }
div#resnavi #res_design{ left: 236px; width: 52px; }
div#resnavi #res_paintings { left: 306px; width: 74px; }
div#resnavi #res_store { left: 398px; width: 50px; }
div#resnavi #res_contact { left: 460px; width: 70px; }
div#resnavi #res_testimonials{ left: 540px; width: 100px; }

div#resnavi #res_home a:hover { background: transparent url("i/nav-links.png") 0px -15px no-repeat; }
div#resnavi #res_bio a:hover { background: transparent url("i/nav-links.png")  -64px -15px no-repeat; }
div#resnavi #res_paddles a:hover { background: transparent url("i/nav-links.png") -160px -15px no-repeat; }
div#resnavi #res_design a:hover { background: transparent url("i/nav-links.png") -236px -15px no-repeat; }
div#resnavi #res_paintings a:hover { background: transparent url("i/nav-links.png") -306px -15px no-repeat; }
div#resnavi #res_store a:hover { background: transparent url("i/nav-links.png") -398px -15px no-repeat; }
div#resnavi #res_contact a:hover { background: transparent url("i/nav-links.png") -460px -15px no-repeat; }
div#resnavi #res_testimonials a:hover { background: transparent url("i/nav-links.png") -540px -15px no-repeat; }
 
/*---( wrapper )----------*/

#wrap_wrap {
	position: relative;
	margin: 0 auto;
	width: 755px;
}

#wrap {
	float: left;
	margin: 0;
	padding:  0;
	text-align: left;
	min-height: 400px;
	width: 755px;
}

.logo {
	display: block;
	position: relative;
	float: left;
	width: 755px;
	background: url("i/logo.jpg") top center no-repeat;
	height: 87px;
	margin: 0;
	text-indent: -9999999px;
}

#footer {
	position: relative;
	float: left;
	width: 755px;
	margin: 0;
	padding: 0;
}

#footer p {
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 9px;
}


/*------ [ content ] ------*/ 


#top-box, #btm-box, #mid-box {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width:755px;
}  

#top-box {
	background:  url("i/top-box.png") 0 0 no-repeat;
	margin-top: 35px;
	height: 122px;
}

#mid-box {
   background:  url("i/mid-box.png") 0 0 repeat-y;
   min-height: 400px;
}

#mid-box p {
	padding: 5px 0 10px 0;
}


/* for Internet Explorer */
/*\*/
* html  .tall {
height: 400px;
}

.welcome {
	position: absolute;
	top:343px;
	left: 30px;
	padding-right: 30px;
	color: #666;
}

#left-side, #left-side2 {
	float: left;
	top: 20px;
	left: 30px;
	position: relative;
	height: 340px;
	width: 235px;
}

.da_artists {
	float: left;
	top: 20px;
	left: 30px;
	position: relative;
	height: 340px;
	width: 335px;

}
#left-side {
		background: url("i/mart-logo.png") top center no-repeat;
}

#left-side2 {
	background:  url("i/mart-logo-watermark.png") top center no-repeat;
	padding: 5px 0 0 5px;
}

#left-side2 p {
	padding-right: 10px;
}

.artist-bio {
height:270px;
overflow: auto;
}
.no-bg {
	background: none !important;
}
.mid-guts {
	text-align: left;
	float: left;
	width: 390px;
}

#border {
	padding-right: 10px;
	border-right: 1px solid #593418;
}

.mid-guts ul, .mid-guts p, .mid-box p {
	margin-bottom: 15px;
	padding: 0 20px;
}


.mid-guts ul {
	margin-left: 15px;
}

.mid-guts li {
	padding-bottom: 10px;
}

.mid-guts .heading {
	list-style: none;
	font-size: 12px;
	color: #ffb972;
}
	
.mid-guts span {
	font-size: 12px;
	color: #ffb972;
}

.mid-guts li span {
	font-size: 10px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	color: #b87142;
}
	
.mid-guts .white  {color: #fff;}

.mid-guts img {
	margin-left: 25px;
	padding-bottom: 10px;
}
.polaroids {
	float: left;
	margin: 5px 0 -5px 0;
	padding-right: 10px;
}


#btm-box {
	background:  url("i/btm-box.png") 0 0 no-repeat;
	z-index: 80;
	height:50px;
}
/*---( h1, h2, etc. )----------*/

h1 {
	position: relative;
	padding-bottom: 20px;
	text-indent: -99999px;
	width: 220px;
}

h1.artist {
	background: transparent url("i/h1-artist.png") 0 0 no-repeat; 
}

h1.paddles {
	background: transparent url("i/h1-paddles.png") 0 0 no-repeat; 
}

h1.design {
	background: transparent url("i/h1-design.png") 0 0 no-repeat; 
}

h1.paintings {
	background: transparent url("i/h1-paintings.png") 0 0 no-repeat; 
}

h1.store {
	background: transparent url("i/h1-store.png") 0 0 no-repeat; 
}

h1.contact {
	background: transparent url("i/h1-contact.png") 0 0 no-repeat; 
}

h1.testimonials {
	background: transparent url("i/h1-testimonials.png") 0 0 no-repeat; 
}


h1.terms {
	background: transparent url("i/h1-terms.png") 0 0 no-repeat; 
}

h2 {
	position: relative;
	left: 155px;
	height: 25px;
	width: 500px;
	text-indent: -9999px;
	margin-top: 20px;
}

h3 {
	width: auto;
	margin-bottom: 4px;
	color: #a6c5f0;
	font-size: 11px;
	border-bottom: 1px solid #333;
}

h4 {
	font-size: 16px;
	color: #b1d9ec;
}

.h-about {
	background: url("i/h-about.png") top center no-repeat;
}

.h-order {
	background:   url("i/h-order.png") top center no-repeat;
}

.h-faq {
	background:   url("i/h-faq.png") top center no-repeat;
}

.centerdiv, form{ /*IE method of centering a relative div*/
position: relative;
	float: left;
	top:30px;
	left: 30px;
	width: 450px;
	height: 335px;
	overflow: hidden;

}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

#terms-conditions, #testimonials{ /*IE method of centering a relative div*/
position: relative;
	float: left;
	top:30px;
	left: 50px;
	width: 430px;
	height: 335px;
	overflow: auto;
}

#terms-conditions p, #testimonials p {
	padding: 0 15px 10px 15px;
}

#artist-writeup {
	position: relative;
	float: left;
	top:30px;
	left: 50px;
	width: 430px;
	height: 335px;
	overflow: auto;
}

#artist-writeup p {
	padding-right: 10px;
}
#testimonials img {
	float: left;
	padding: 0 15px 5px 15px;
}

.order-button h1 {
	display: block;
	position: absolute;
	width: 135px;
	height: 48px;
	top: -20px;
	left: 565px;
	z-index: 9;
	background: url("i/order.png") top center no-repeat;
}

.order-button a  {
	display: block;
	width: 145px;
	height: 48px;
	text-decoration: none;
	overflow: hidden;
	border: 0;
}
/*------ [ frat/soror listing ] ------*/ 

td.all-paddles, td.all-paintings {
	text-align: center;
	margin: 0;
	padding-right: 5px;
	width:auto;
	background: transparent;
}

td.all-paintings { 
	padding-bottom: 10px;
}

td.all-paddles a img, td.all-paddles img, td.all-paintings a img, td.all-paintings img {
border: none;
}

ul.fraternity 	{
	float: left;
	display: block;
	width: 100px;
	margin: 0 10px 10px 0;
	padding: 0;
	}
	
#last-frat, #last-soror, #last-other {
margin: 0 !important;
}

ul.fraternity  li {
	padding-bottom: 1px;
	line-height: 18px;
	color: #666;
	z-index: 9;
	}
	
ul.fraternity  li, ul.fraternity li a {
	list-style: none;
	font-size: 10px;
	margin: 0;
	font-weight: normal !important;
	}
	
ul.fraternity  li a, ul.fraternity  li a:visited {
	display: block;
	text-decoration: none;
	}

ul.fraternity  li a:hover {
	color: #999;
	text-decoration: none;
}

/*----- [ you are here ] -----*/

#p-aphia .aphia, #p-iotapt .iotapt, #p-kappaap .kappaap, #p-lambdatp .lambdatp, #p-omegapp .omegapp, #p-phibs .phibs, #p-sigmalb .sigmalb, #p-alphaka .alphaka, #p-deltast .deltast, #p-lambdata .lambdata, #p-sigmagr .sigmagr, #p-sigmalg .sigmalg, #p-thetanx .thetanx, #p-zetapb .zetapb, #p-easterns .easterns, #p-kappakp .kappakp, #p-masons .masons, .you-are-here {
	color: #cec778 !important;
	font-weight: bolder !important;
}

/*
------------------------------------------------------------------------------
- Testimonial - Customers -
*/

ul.customers {
	list-style: none;
	list-style-position: outside;
}

ul.customers li {
	line-height: 17px;
}

.title {
	font-weight: bold;
	color: #b1d9ec;
}

.customer-title {
	font-weight: bold;
	color: #b1d9ec;
	font-size: 13px;
}
/*
------------------------------------------------------------------------------
- Carrier Availability and other products -
*/

dl, dl.me-events {
	margin-bottom:10px;
}


dt.title-date {
	color: #b1d9ec;
	border-bottom: 1px solid #333 !important;
	font-weight: bold;
}


/*----- [ form ] -----*/

form {
	background:   url("i/mart-logo-watermark.png") top center no-repeat;
	width: 410px;
	padding: 0;
	margin: 35px 0 0 25px;
}

form span {
	font-size: 11px !important;
	color: #cec778;

}

input, textarea, select, option {
	background-color: #ccc;
	border: 1px solid #fff;
	color: #fff;
	width: auto;
	padding: 5px;
	margin: 2px 0 15px 0;
	overflow: hidden;
}

input, textarea, select p {
	color: #333;
	font: 14px "Lucida Grande", Arial, Verdana, sans-serif; 
}

.orderformlink {
	font-size: 16px;
	color: #cec778 !important;
	
}
.sendbutton {
	font-size: 9px;
	color: #cec778;
	border: none;
	background: #222;
	padding: 5px;
	height: 25px;
	width: 45px;
}

.sendbutton:hover {
	color: #222;
	background: #cec778;
}

#googleblurb {
	color: #a2afc7	;
	font-size: 9px;
}