/*-------Stylesheet for Red Gecko Designs Arkansas Web Design-----*/




/*-------Body Stuff------*/
body {   
	background-image:url("images/background.jpg");
	margin: 0 auto;
	padding: 0;
	font: normal 72.5% Verdana,sans-serif;
}

#container { 
	width: 921px;
	margin: 0 auto;
}

#header {
	background: url(images/redgecko_designs_arkansas_header3.jpg) no-repeat;
	height: 194px;
	width: 921px;
}

#header1 {
	background: url(images/redgecko_designs_arkansas_header.jpg) no-repeat;
	height: 194px;
	width: 921px;
}


#content {
	
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(images/redgecko_designs_website_content2.jpg) no-repeat;
}
#content a {
	font-size: 10.5px;
	font-weight: bold;
	color: #2D4C01;
	text-decoration: underline;
}

#content p {
	font-size: 10.5px;
	font-weight: bold;
	color: #2D4C01;
	
}


#content2 {
	width: 800px;
	//margin: 0 auto;
	padding-bottom: 15px;
	float:left; 
	position:relative;	 
	clear:both;
	width:100%;			 
	overflow:hidden;		 
	background:  url(images/redgecko_designs_website_content2.jpg) no-repeat;
}


#space {
	
	position:relative;	 
	clear:both;
	float:left;
	width:100%;
	height:260px;			 
	overflow:hidden;		 
	
}     
 


/*-------Front Page Table Stuff------*/

table.imagetable {
	width: 800px;
	margin-top: 265px;
	margin-bottom: -5px;
	margin-right: 500px;
	margin-left: 85px;
	background-color: #574835  ;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	text-align: left;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.imagetable th {
	width: 215px;
	background: url('images/redgecko_designs_Arkansas_square.jpg');
	border-width: 5px;
	margin:10px;
	padding: 8px;
	border-style: solid;
	border-color: #574835;
}

img {
	
	margin-top:4px;
	
	
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(images/redgecko_designs_website_content.png);
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	
	overflow:hidden;
}
/* 3 Column settings */

.threecol .colmid {
	right:25%;			 
	 		 
}
.threecol .colleft {
	right:50%;			 
	 	 
}
.threecol .col1 {
	width:46%;			 
	left:102%;			 
}
.threecol .col2 {
	width:21%;			 
	left:33%;			 
}
.threecol .col3 {
	width:19%;			 
	left:88%;			 
					
}

/* Left Menu */

.left_menu h1 {
	background: #1C1C1C;
	font-family: arial, helvetica, sans-serif;
	color: #FFE;
	font: arial;
	font-size: 12px;
	line-height: 20px;
	padding-left: 5px;
}
.left_menu ul {margin: 0; padding: 0;}
.left_menu li {
	
	list-style: none;
}
.left_menu li a {
	font-family: arial, helvetica, sans-serif; 
	color: #E3E2DE;
	display: block;
	font-size: 11.5px;
	padding: 2px 0 2px 12px;
	font-weight: bold;
	width: 140px;
	text-decoration: none;
	
}
.left_menu li a:hover {
	background: #ffffff;
	color: #000;
}


/*-------Right hand  Stuff ------*/
.right  a {
	color:#FF6600;
	text-decoration: underline;
	font-weight : bold;
	font-size: 12px;
}
.right  a:hover {
	background: #E7C78F;
	color: #B10010;
	font-size: 12px;
}
.right h1 {
	color: #528FA4;
	font: arial;
	font-size: 13px;
	font-weight:bold;
}	
.right p {
	color: #FFE;
	font: arial;
	font-size: 12px;
}	  

/*-------Footer Stuff ------*/

#footer {
	clear:both;
	background: url(images/redgecko_designs_website_footer.jpg) no-repeat center top;
	float:left;
	width:100%;
	
}
#footer p {
	padding:10px;
	margin:0;
}

/*------- Top nav ------*/

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(images/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
} 


/* Bottom Menu */

.bottom_menu h1 {	
	padding-top: 25px;
	margin-top: -10px;
	text-align:center;
	font-family: tahoma, sans-serif;
	font-size: 9pt;
	font-weight:normal
	color: #355902;
	}

.bottom_menu a {
	color:#000000;
	text-decoration: none;
  	 }

.bottom_menu a:hover {color:  #864B2D;
	}

/*-------copyright Stuff ------*/


#copyright p {
	font-size: 10px;
	font-family: tahoma;
	color: #000000;
	padding-top: 30px;
	padding-left: 5px;
}
#copyright2 p {
	font-size: 10px;
	font-family: tahoma;
	color: #000000;
	padding-top: 0px;
	padding-left: 5px;
}

#copyright a {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#copyright a:hover {
	color: #864B2D;

}

#contact  {
	font-size: 13px;
	text-align: center;
	font-family: tahoma;
	color: #000;
	padding-top:20px;
	padding-bottom: 0px;

}
#contact a {
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}

#contact2  {
	font-size: 14px;
	text-align: center;
	font-family: tahoma;
	color: #E6E5E1;
	padding-top:20px;
	padding-bottom: 0px;

}

#contact2 a {
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}
/*-------Text Stuff------*/

p     {
	font-size: 10.5px;
	color: #2D4C01;
}
h1 {
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.025em;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	color: #B90619;
	letter-spacing: 0.025em;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 13pt;
	margin-left:15px;
	font-weight: bold;
	color: #000101;
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 14pt;
	margin-top: 0px;
	margin-left:150px;
	font-weight: bold;
	color: #375710;
	font-family: 'Comic Sans MS',cursive;

}

h6 {
	font-size: 12pt;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left:0px;
	font-weight: bold;
	letter-spacing: 0.025em;
	color: #5592A7;
	font-family: Arial, Helvetica, sans-serif;
}

#title {
	margin: 0 auto;
	height:45px;
	background:url('images/redgecko_designs_Arkansas_title.jpg') no-repeat;
	position:relative;
	
} 

#title a {

	font-weight: bold;
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#title h1 {
	padding-top:5px;
	padding-left:235px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;

}
#text {	
	
	margin-right:200px;
	margin-left:240px;	
	display: block;
        width: 475px;
}

#text p {
	font-size: 11px;
	font-family: tahoma;
	color: #585858;
	padding-top:0px;
	padding-bottom: 0px;
}

p {
	font-size: 11px;
	font-family: tahoma;
	color: #585858;
	padding-top:0px;
	padding-bottom: 0px;
}

a {
	
	color: #FF6600;
	text-decoration: none;

/*-------Misc Stuff ------*/

img {
	margin: 0px;
	padding: 0px;
}

/* image gallery */

.gallerycontainer{
position: relative;
	
}

.gallerycontainer a {
font-size: 0.75em;
font-weight: bold;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F4DFA9;
padding: 5px;
left: -900px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.table.start { 
	width: 90%; 
	padding: 6px 6px 6px 12px;
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	
}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
}