/* default opacity for IE bio rollover effect */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}

/* end bio rollover effect */

img, a:active { border: none; }

/* ______________________global____________________ */


body
{
	height: 100%;
	font-family: verdana-family, arial, helvetica, sans-serif;
	background-color: #303135;
	margin: 27px 25px 10px 25px;
}

#nolink  a:link, #nolinkpn a:visited,  #nolinkpn a:hover
{
	color: #444444;
	text-decoration: none;
}

#nolinkpn a:link, #nolinkpn a:visited,  #nolinkpn a:hover
{
	color: #777777;
	text-decoration: none;
}



a:link 
{
	color: #D68E02;
	text-decoration: none;

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

}

a:hover
{
	color: #000;
	text-decoration: none;
}


.mbox /*menu div*/
{
position: absolute;
	top: 14.13em;
	left: 1.8em;
	width: 950px;
	height: 16px;
	z-index: 900;
}




#hp-botbnr
{
	margin: -4px 0px 0px 0px;
	z-index: 50;
}

#botbnr
{
	margin: -4px 0px 0px 0px;
	z-index: 50;
}


#botbnr0
{
	margin: 0px 0px 0px 0px;
	z-index: 50;
}

.linespacer
{
	margin: 0px 0px -4px 0px;
	z-index: 50;
}






div.title
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 130%;
	color: #61AF2B;
	position: absolute;
	top: 260px;
	left: 165px;
}

div.title2
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 130%;
	color: #61AF2B;
	position: absolute;
	top: 260px;
	left: 408px;
}

div.title3
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 130%;
	color: #61AF2B;
	position: absolute;
	top: 260px;
	left: 645px;
}

div.titlealt
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 130%;
	color: #61AF2B;
	position: absolute;
	width: 220px;
	top: 280px;
	left: 650px;
}
h1, li.bold
{
	font-size: 92%;
	color: #444444;
	width: 655px;
	line-height: 1.5em;
	margin-bottom: -12px;
	margin-top: 10px;
}

h1.recog
{
	font-size: 92%;
	color: #444444;
	width: 425px;
	line-height: 1.5em;
	margin-bottom: 18px;
	margin-top: 8px;
}

li.bold, td.bold
{
	font-size: 110%;
	font-weight: bold;
	color: #222222;
	line-height: 4.5em;
}

li.bold2
{
	font-size: 100%;
	color: #222222;
	line-height: 2em;
}

li.bold-space
{
	font-size: 100%;
	font-weight: bold;
	line-height: 5em;
}


.maintext
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 82%;
	color: #777777;
	width: 618px;
	line-height: 1.5em;
}

.maintext1
{
margin-top: 80px;
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 82%;
	color: #666;
	width: 618px;
	line-height: 1.5em;
}



.text_plcmt
{
	position: absolute;
	margin: -470px 0px 0px 183px;
}

.text_plcmt2
{
	position: absolute;
	margin: -500px 0px 0px 170px;
}

.text_plcmt3
{
	position: absolute;
	margin: -520px 0px 0px 183px;
}


/* ______________________Nine reasons page____________________ */


#largeImg {
	width: 540px;
	height: 232px;
	padding: 5px;
}
.thumbs img {
	border: solid 3px #ccc;
	width: 40px;
	height: 40px;
	padding: 6px;
	margin: 1px;
}
.thumbs img:hover {
		border: solid 3px;
border-color: #FF9900;
}

p#reasons { margin-top: -510px;
margin-left: 173px;}

p#thumb {
margin-left: 184px;
margin-top: 135px;}

/* ______________________Bio pages____________________ */



li#kaybio 
{	font-size: 92%;
	color: #444444;
	margin-top: -521px;
		margin-left: 300px;
list-style: none;
	position: absolute;
}

li#marybio 
{	font-size: 92%;
	color: #444444;
	margin-top: -521px;
		margin-left: 450px;
list-style: none;
	position: absolute;
}

li#evanbio 
{	font-size: 92%;
	color: #444444;
	margin-top: -521px;
		margin-left: 600px;
list-style: none;
	position: absolute;
}
#test
{
	margin-top: -450px;
		margin-left: 200px;
	position: absolute;
}


/* ______________________Contact page____________________ */

ul.contact
{
	font-size: 80%;
	color: #777777;
	width: 670px;
	line-height: 1.7em;
	list-style: none;
	position: absolute;
	margin: -530px 0px 0px 145px;
}


ul.contact2
{
	font-size: 80%;
	color: #777777;
	width: 670px;
	line-height: 1.7em;
	list-style: none;
	position: absolute;
	margin: -530px 0px 0px 380px;
}

.email
{
	font-size: 80%;
	color: #777777;
	width: 670px;
	line-height: 1.7em;
	list-style: none;
	position: absolute;
	margin: -530px 0px 0px 620px;
}



/* ______________________Client list____________________ */


#clientlist
{
	position: absolute;
	top: 256px;
	left: 10.3em;
}
/* ______________________Animated gif____________________ */


#repclient /*This is the animated gif*/
{
	position: absolute;
	top: 640px;
	left: 730px;
}




/* ______________________Services list page____________________ */

h1.serv
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 64%;
	color: #444444;
	position: relative;
	margin: 1em 0em -.9em 0em;
	z-index: 45;
}

ul.serv
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 62%;
	color: #666666;
	position: relative;
	top: -2em;
	left: 0em;
	width: 300px;
		z-index: 45;

}

ul.key
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 82%;
	color: #666666;
	position: relative;
	top: -2.5em;
	left: -1.1em;
	width: 400px;
		z-index: 45;

}

li.key
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	color: #666666;
	position: relative;
	width: 540px;
	top: 2em;
	margin-bottom: 12px;
	left: -2em;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-image: url('../images/yel-dot.gif');
}

li.serv
{
	font-family: verdana-family, arial, helvetica, sans-serif;
	color: #666666;
	position: relative;
	top: 2em;
	left: -2em;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-image: url('../images/yel-dot.gif');
}



/* ______________________login boxes____________________ */
#cl_login
{
	position: absolute;
margin-top: -590px;
margin-left: 873px;
	z-index: 2000;
}

#reqest
{
	position: absolute;
	margin: -552px 0px 0px 870px;
	z-index: 950;

}


/* ______________________Estimate form____________________ */

.text_plcmtcon
{
	position: absolute;
	margin: -520px 0px 0px 183px;
	font-size: 75%;
	color: #666;
}

.text_plcmt2con
{	font-size: 100%;

	position: absolute;
	margin: -400px 0px 0px 350px;
}


.form-h1
{	

	font-size: 120%;
font-weight: bold;
	color: #000;
	margin: 20px 0px 10px 0px;
	
}



.req
{margin-top: 3px;
font-size:80%}

/* ______________________footer____________________ */


#ft
{
	position: absolute;
	top: 795px;
	left: 25px;
	font-size: 67%;
	color: #777777;
	padding-bottom: 20px;
}

#ft a:link
{
	color: #D68E02;
	font-weight: bold;
}

#ft a:visited
{
	color: #a89266;
	font-weight: bold;
	text-decoration: none;
}

#ft a:hover
{
	color: #DFDFDF;
	font-weight: bold;
}


/* ______________________login box popup____________________ */


div.sample_popup { z-index: 22000; }

div.sample_popup div.menu_form_header
{
	border-style: solid;
	border-color: #DBD5C9;
	border-width: 3px;
	border-bottom: none;
	width: 220px;
	height: 19px;
	line-height: 21px;
	vertical-align: middle;
	background: url('../images/form_header.png') no-repeat;
	text-decoration: none;
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #A8A59E;
	cursor: default;
}

div.sample_popup div.menu_form_body
{
	width: 220px;
	border-style: solid;
	border-color: #DBD5C9;
	border-width: 3px;
	background: url('../images/form.png') no-repeat left bottom;
}

div.sample_popup img.menu_form_exit
{
	float: right;
	margin: 4px 5px 0px 0px;
	cursor: pointer;
}

div.sample_popup table
{
	width: 100%;
	border-collapse: collapse;
}

div.sample_popup th
{
	padding: 6px 3px 6px 1px;
	text-align: left;
	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #4D4A45;
}

div.sample_popup td
{
	width: 99%;
	padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
	margin: 0px;
	padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
	width: 95%;
	border: 1px solid #808080;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
}

div.sample_popup input.btn
{
	margin-top: 2px;
	border: 1px solid #808080;
	background-color: #FFFFD4;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
}





/* ______________________Glider____________________ */



div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
		position: absolute;
	top: 19em;
	left: 5em;
	width: 820px; 
	height: 440px;
	overflow: hidden;
	border:0px solid #cccccc;
	z-index: 90;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:820px;
		height:440px;
		overflow:hidden;
		float:left;
			z-index: 90;

		
		}
	div.scroller div.content {
		width: 20000px;
		}
		
	

	/* my-glider controls the type in the movable sections	*/		
#my-glider
{

	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #777777;
		text-decoration: none;

		}
		
div.controls
		{	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 93%;
	
	position: absolute;
	top: 725px;
	left: 6.5em;
		}
		
div.prev-next
				
		{	font-family: verdana-family, arial, helvetica, sans-serif;
	font-size: 95%;

	position: absolute;
	top: 725px;
	left: 820px;
	z-index: 20000;
	
	}