@charset "utf-8";
/* CSS Document */

html, body { background-color:#2B4B31; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
body,form,div,span,ol,li,th,td,label { font-family: Arial, Verdana, sans-serif; font-size:12px; color:#2b4b31; FONT-WEIGHT:normal; FONT-STYLE:normal; TEXT-DECORATION:none; }

/*---links--*/
a:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #2b4b31; text-decoration: none;}
a:visited {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #2b4b31; text-decoration: none;}
a:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000; text-decoration: underline;}

/* headings */
h1 { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #2b4b31; text-decoration: none;}
h2 { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #2b4b31; text-decoration: none;}
h3 { margin: 0; padding: 0 font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #666; text-decoration: none; }
h4 { margin: 0 0 5px 0; padding: 0 font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #666; text-decoration: none; text-transform:uppercase; letter-spacing: 4px; border-bottom: 1px solid #ccc;}
h5 { margin: 0 0 5px 69px; font-family: Arial, Verdana, sans-serif; font-size:16px; color:#2b4b31; FONT-WEIGHT:bold; FONT-STYLE:normal; TEXT-DECORATION:none; }

/* -------form elements -------*/
input.textbox { border: 1px solid #CCC; font: 12px Arial, "sans serif"; voice-family: "\"}\""; voice-family:inherit; padding-left: 3px; width:98%;}

/*---design---*/
body {
	margin: 0;
	text-align: center;
}

#container {
	width:940px;
	margin: 0 auto;
	font-size: 0;
	padding-top:20px;
}

#toprow {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:940px;
}

#logo-greentreedesigns {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:363px;
	height:109px;
}

#topnav-right-green {
	float:left;
	top:0px;
	padding:0;
	margin:0px;
	width:577px;
	height:109px;
	background:url(http://www.greentreedesigns.com/images/topnav-right-green.jpg);
	color:#FFF;
}
.toptext {padding-top:45px;
color:#FFF;}

#secondrow {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:940px;
	background:url(http://www.greentreedesigns.com/images/topnav-bg.jpg);
}
#topnav-logo {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:142px;
	height:35px;
}

#topnav {
	float:left;
	top:0px;
	padding:0 0 0 90px;
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; color: #000; text-decoration:none;
	width:537px;
	height:35px;
	background:url(http://www.greentreedesigns.com/images/topnav-bg.jpg);
	text-align:left;
}

#topnav-right {
	float:left;
	top:0px;
	padding:4px 0px;
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #666; text-decoration:none;
	width:260px;
	height:35px;
	background:url(http://www.greentreedesigns.com/images/topnav-bg.jpg);
	display:none;
}

#ctr {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:940px;
	background:url(http://www.greentreedesigns.com/images/ctr-bg.jpg) repeat-y;
}

#footerbg {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:940px;
	height:27px;
}
#hdrbar {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	width:792px;
	height:45px;
	background:url(http://www.greentreedesigns.com/images/hdr-welcome-mid.gif);
	text-align:left;
	}
#hdrgreenbar {
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	width:792px;
	height:27px;
	background-color:#679966;
}
#bulletbars{
	float:left;
	top:0px;
	padding:0px;
	margin:0px;
	width:50%;
	text-align:left;
	border:none;
	}

/*---content containers---*/
#ctrcontainer {
	width:98%;
	height:100%;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-home {
	width:98%;
	height:750px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-about {
	width:98%;
	height:580px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-contact {
	width:98%;
	height:1060px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-print {
	width:98%;
	height:1380px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio {
	width:98%;
	height:770px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-web {
	width:98%;
	height:1700px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-logo {
	width:98%;
	height:1800px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-logo2 {
	width:98%;
	height:1930px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-logo3 {
	width:98%;
	height:1910px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-logo4 {
	width:98%;
	height:700px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-portfolio-flash {
	width:98%;
	height:1790px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-testimonials {
	width:98%;
	height:1110px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-links {
	width:98%;
	height:420px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-services {
	width:98%;
	height:1830px;
	margin: 5px auto;
	border:2px solid #FFF;
}
#ctrcontainer-sitemap {
	width:98%;
	height:640px;
	margin: 5px auto;
	border:2px solid #FFF;	
}
#ctrcontainer-thankyou{
	width:98%;
	height:420px;
	margin: 5px auto;
	border:2px solid #FFF;
}
/*---other design elements---*/

#homepage-webdesign-hdr {
	float:left;
	width:100%;
	background:url(images/hdr-welcome-mid.gif);
	text-align:left;
}
#homepageleft {
	float:left;
	left:10px;
	width:400px;
	height:550px;
	padding:5px 0 0 10px;
}
#homepageright {
	float:left;
	width:450px;
	height:566px;
	text-align:left;
	padding:5px 10px 0px 20px;
}
#textbg {background:url(images/textbg.gif) no-repeat;
width:200px;
height:212px;
text-align:left;
margin:3px 20px;
}
#textbg-right {background:url(images/textbg.gif) no-repeat;
width:200px;
height:212px;
text-align:left;
margin:3px 10px;
}
#textbg-right2 {background:url(images/textbg.gif) no-repeat;
width:200px;
height:212px;
text-align:left;
margin:3px 18px;
}
.textbox {width:179px;
height:210px;
padding:10px 10px;
}
#homepagetestimonial-hdr{
	float:left;
	left:10px;
	width:770px;
	height:20px;
	border-bottom: 1px dashed #999;
	text-align:left;
	padding-top:20px;
}
#homepagetestimonial{
	float:left;
	left:10px;
	width:770px;
	height:180px;
	margin: 5px auto;
	text-align:left;
}
#ftrlinks{
	float:left;
	left:10px;
	width:900px;
	height:80px;
	margin: 5px auto;
	padding-top:20px;
	border-top: 1px dashed #999;
}
.footerlinks a{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666; text-decoration:none;
}
#thumb {padding:7px; border: 1px solid #ccc; background-color:#FFF; height:170px; width:170px;}

.padbot {padding-bottom:7px;}
.padservices {padding-bottom:20px;}
.padtop {padding-top:7px;}
.padtestimonials {padding-top:15px;}
.padbullet {padding-left:110px;}
.padwelcome{padding:0px 10px 0px 20px;}
blockquote {
    margin: 1em 20px;
    padding: 0px 0px 10px 50px;
    background: transparent url(images/quote.gif) no-repeat;} 
.hdrbrdr {border-bottom: 1px dashed #999;}
.ftrborder {border-left: 1px solid #ccc;}
.padleft {padding-left:10px;}
.screen {padding:7px; border: 1px solid #ccc; background-color:#FFF;}


/* Photo Slider Style */
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 500px; margin:0; min-height: 500px;
											 /* background: url(images/bg.png) top center; position: relative;*/ }


/*
	TYPOGRAPHY

ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
*/
/*
	SLIDER
*/
.slider-wrap								{ width: 390px; position: absolute; top: 265px; /*left: 130px;*/ }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 370px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #ccc; margin-right: 5px; }
#movers-row									{ margin: 20px 0 0 40px; }
#movers-row div								{ width: 65px; float: left; padding:0 2px; }
#movers-row div a.cross-link 				{ float: right; padding: 0 2px; }
.photo-meta-data							{ /*background: url(images/transpBlack.png);*/ padding: 0px; height: 40px; 
											  margin-top: 5px; position: relative; z-index: 9999; color: #2b4b31; font-size:18px; font-weight:bold; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 85px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{/* background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; */}