/*
	Chris Ragan
	www.chrisragandesign.com
	
	Dark Brown: #3b1f10
	Dark Red: #df0002
	Light Tan: #ffe5a6
*/

/*
	RESET
*/

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-image: url(http://www.chrisragandesign.com/images/brown_gradient_bkgd.jpg) !important;
	background-repeat: repeat-x;
	background-color: #3b1f10;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 984px;
	background-image: url(http://www.chrisragandesign.com/images/bkgd.jpg);
	background-repeat: no-repeat;
	padding: 0;
	height: 800px;
}

#branding {
	height: 50px;
	float: left;
	margin-left: 50px;
	margin-top: 30px;
	display: inline; /* IE6 doubled float-margin bug fix */
}

#header {
	float: right;
	width: 570px;
	margin-right: 90px;
	margin-top: 40px;
	display: inline; /* IE6 doubled float-margin bug fix */
}

.clear {
	clear: both;
}

#sidebar {
	float: left;
	width: 200px;
	padding: 0;
	margin-left: 50px;
	display: inline; /* IE6 doubled float-margin bug fix */
}

#copyright {
	font-size: .9em;
}

#headline {
	margin-top: 40px;
}

#maincontent {
	float: right;
	width: 640px;
	float: right;
	margin-right: 50px;
	display: inline; /* IE6 doubled float-margin bug fix */
}

div#maincontent {
	position: relative;
	width: 640px;
	height: 550px;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FF0000
}

.body_style {
	font-size: 1.1em;
	line-height: 1.5em;
}

.style8 {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3b1f10;	
}

.testimonial {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: bold;
}

.style11 {color: #000000
}

.png {
}

/* general styling for this example */
* { 
	margin: 0; 
	padding: 0;
}

/* begin gallery styling */

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

a:visited {
	text-decoration: none;
}

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

a:active {
	text-decoration: none;
}

a {
	font-weight: bold;
}

textarea.test {
  width: 570px;
  height: 50;
  border: none;
  background-color: none;
}

#page-wrap { 
	width: 619px; 
	margin: 20px 
	auto; position: relative; 
}

a { 
	text-decoration: none; 
	color: black; 
}

.image-link { 
	display: block; 
	width: 619px; 
	height: 402px; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

#one { background: url(../images/flcaj_house_ad.png) no-repeat; z-index: 2; }
#two { background: url(../images/cantrell_logo.png) no-repeat; }
#three { background: url(../images/cantrell_site.png) no-repeat; }
#four { background: url(../images/cantrell_banner.png) no-repeat; }
#five { background: url(../images/arkansassuites_brochure.png) no-repeat; }
#six { background: url(../images/camschools_logo.png) no-repeat; }
#seven { background: url(../images/case_crackers.png) no-repeat; }
#eight { background: url(../images/circle_creative_women.png) no-repeat; }
#nine { background: url(../images/corporate_custodians.png) no-repeat; }
#ten { background: url(../images/creesh_mall.png) no-repeat; }
#eleven { background: url(../images/toby.png) no-repeat; }
#twelve { background: url(../images/ernie.png) no-repeat; }
#thirteen { background: url(../images/etm_roofing.png) no-repeat; }
#fourteen { background: url(../images/intellisearch.png) no-repeat; }
#fifteen { background: url(../images/jbs_gift_basket.png) no-repeat; }
#sixteen { background: url(../images/jbs_logo.png) no-repeat; }
#seventeen { background: url(../images/jbs_postcard1.png) no-repeat; }
#eighteen { background: url(../images/jbs_postcard2.png) no-repeat; }
#nineteen { background: url(../images/kent_security.png) no-repeat; }
#twenty { background: url(../images/lauras_glassworks.png) no-repeat; }
#twentyone { background: url(../images/lr_trends.png) no-repeat; }
#twentytwo { background: url(../images/paint_n_paper_logo.png) no-repeat; }
#twentythree { background: url(../images/posters.png) no-repeat; }
#twentyfour { background: url(../images/psc_brochure.png) no-repeat; }
#twentyfive { background: url(../images/quickbrick_brochure.png) no-repeat; }
#twentysix { background: url(../images/rhinos.png) no-repeat; }
#twentyseven { background: url(../images/power_technology_flyer2.png) no-repeat; }
#twentyeight { background: url(../images/wanted_pressure_washer.png) no-repeat; }
#twentynine { background: url(../images/dragongirl.png) no-repeat; }
#thirty { background: url(../images/power_technology_flyer.png) no-repeat; }
#thirtyone { background: url(../images/dynatrans.png) no-repeat; }
#thirtytwo { background: url(../images/arkansas_suites_logo.png) no-repeat; }
#thirtythree { background: url(../images/farley.png) no-repeat; }





#one span { position: absolute; left: 15px; bottom: -35px; }
#two span { position: absolute; left: 15px; bottom: -75px; }
#three span { position: absolute; left: 15px; bottom: -115px; }
#four span { position: absolute; left: 70px; bottom: -35px; }
#five span { position: absolute; left: 70px; bottom: -75px; }
#six span { position: absolute; left: 70px; bottom: -115px; }
#seven span { position: absolute; left: 125px; bottom: -35px; }
#eight span { position: absolute; left: 125px; bottom: -75px; }
#nine span { position: absolute; left: 125px; bottom: -115px; }
#ten span { position: absolute; left: 180px; bottom: -35px; }
#eleven span { position: absolute; left: 180px; bottom: -75px; }
#twelve span { position: absolute; left: 180px; bottom: -115px; }
#thirteen span { position: absolute; left: 235px; bottom: -35px; }
#fourteen span { position: absolute; left: 235px; bottom: -75px; }
#fifteen span { position: absolute; left: 235px; bottom: -115px; }
#sixteen span { position: absolute; left: 290px; bottom: -35px; }
#seventeen span { position: absolute; left: 290px; bottom: -75px; }
#eighteen span { position: absolute; left: 290px; bottom: -115px; }
#nineteen span { position: absolute; left: 345px; bottom: -35px; }
#twenty span { position: absolute; left: 345px; bottom: -75px; }
#twentyone span { position: absolute; left: 345px; bottom: -115px; }
#twentytwo span { position: absolute; left: 400px; bottom: -35px; }
#twentythree span { position: absolute; left: 400px; bottom: -75px; }
#twentyfour span { position: absolute; left: 400px; bottom: -115px; }
#twentyfive span { position: absolute; left: 455px; bottom: -35px; }
#twentysix span { position: absolute; left: 455px; bottom: -75px; }
#twentyseven span { position: absolute; left: 455px; bottom: -115px; }
#twentyeight span { position: absolute; left: 510px; bottom: -35px; }
#twentynine span { position: absolute; left: 510px; bottom: -75px; }
#thirty span { position: absolute; left: 510px; bottom: -115px; }
#thirtyone span { position: absolute; left: 565px; bottom: -35px; }
#thirtytwo span { position: absolute; left: 565px; bottom: -75px; }
#thirtythree span { position: absolute; left: 565px; bottom: -115px; }



.image-link span { 
	width: 30px; 
	height: 15px;
	display: block; 
	height: 19px; 
	padding: 5px; 
	background: #ffe5a6; 
	border: 1px 
	solid #ccc; 
}

.image-link:hover { z-index: 100; }
.image-link:hover span { background: #3b1f11; }