@charset "utf-8";
/* --- basic styling ---*/
* {
	margin: 0px;
	padding: 0px;
}

body {	
	/*background:url(images/illustration_x.png) repeat fixed center top transparent;*/
	/*background:url(images/iStock_000009366956XSmall_390x308.jpg) repeat fixed center top transparent;*/
	background: url("images/GrassTall0019_thumbhuge.jpg") repeat fixed center top transparent;
	/*background-color: #FFFFFF; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	color:#333333;
	min-width: 0;
	max-width: 100%;
	width: auto;
	background-size: auto;
}
@media screen and (max-width:533px) {	
#wrapper {
	position:relative;
	top:0px;
	left:0px;
	/*width:320px;*/
	/*height:625px;*/
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
#wrapper.show_left {
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:625px;*/
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
#wrapper.showh_left {
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:625px;*/
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
#wrapper.show_right {
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:625px;*/
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
#wrapper.showh_right {
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:625px;*/
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
#clear {
	clear: both;
	}
	
#content { 
	position:relative;
	top:0px;
	left:0px;
	/*width:320px;*/
	/*height:600px;*/
	/*margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_320x533_page2.jpg) repeat-y;*/
}
#content.showh_normal{ 
	position:relative;
	top:0px;
	left:0px;
	width:320px;
	height:530px;
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_320x533.jpg) no-repeat;
}
#content.show_normal{ 
	position:relative;
	top:0px;
	left:0px;
	width:320px;
	/*height:530px;*/
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_320x533_page2.jpg) repeat-y;
}
#content.showh_left{ 
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	height:320px;
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_533x320.jpg)  no-repeat;
}
#content.show_left{ 
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:320px;*/
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_533x320_page2.jpg) repeat-y;
}
#content.showh_right{ 
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	height:320px;
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_533x320.jpg) no-repeat;
}
#content.show_right{ 
	position:relative;
	top:0px;
	left:0px;
	width:530px;
	/*height:320px;*/
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_533x320_page2.jpg) repeat-y;
}
#content.showh_flipped{ 
	position:relative;
	top:0px;
	left:0px;
	width:320px;
	height:530px;
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_320x533.jpg)  no-repeat;
}
#content.show_flipped{ 
	position:relative;
	top:0px;
	left:0px;
	width:320px;
	height:530px;
	margin: 0 0 0 0;
	background: url(images/tt_mobile_ws_v2_320x533_page2.jpg) repeat-y;
}
#content #leftside {
	float:none;
	width:120px;
	color:#333;
	font-size:16px;
	margin-left:15px;
	/* remove background image to extent sidebar the full length of Y axis */
}
#content #leftside p {
	margin:10px;
}
#content #leftside a:link {
	color: #FFFFFF;	
	text-decoration:none;
}
#content #leftside a:visited {
	color: #FFFFFF;	
	text-decoration:none;
}
#content #leftside a:hover {
	/*color: #424E78;*/
	color: #63F;
}
#content #leftside a#current {
	color: #333333; 
	text-decoration:none;
	padding-top: 10px;	
}
#content #rightside #contact.contact_h {
	position:absolute;
	top:500px;
	left:0px;
	margin-left:10px;
	width:310px;
	color:#FFF;
	font-size:11px;	
}
#content.showh_left #rightside #contact.contact_h {
	position:absolute;
	top:300px;
	left:0px;
	margin-left:230px;
	width:455px;
	color:#FFF;
	font-size:11px;	
}
#content.show_left #rightside #contact {
	position:relative;
	/*top:570px;*/
	left:0px;
	margin-left:130px;
	margin-top:-20px;
	width:455px;
	color:#FFF;
	font-size:11px;	
}
#content.showh_right #rightside #contact.contact_h {
	position:absolute;
	top:300px;
	left:0px;
	margin-left:230px;
	width:455px;
	color:#FFF;
	font-size:11px;	
}
#content.show_right #rightside #contact {
	position:relative;
	/*top:570px;*/
	left:0px;
	margin-left:130px;
	margin-top:-20px;
	width:455px;
	color:#FFF;
	font-size:11px;	
}
#content #rightside #contact {
	position:relative;
	/*top:570px;*/
	left:0px;
	margin-left:10px;
	width:310px;
	color:#FFF;
	font-size:11px;	
}
#content #rightside {
	float:none;
	width:155px;
	height: 500px; 
	text-align: left;
	margin-top:30px;
	margin-right:10px;
	display:inline;
	overflow:hidden;
}
#content.show_left #rightside {
	float:none;
	width:475px;
	/*height: 500px;*/ 
	text-align: left;
	margin-top:30px;
	margin-right:10px;
	display:inline;
	overflow:hidden;
}
#content #rightside #home_graphic {
	/*background: url(images/services9a.gif) no-repeat ;
	width:187px;
	height:134px;*/
}
#content #rightside h2, h3, h4 {
	margin: 10px;
}
#content #rightside p{
	margin-left: 20px;
	margin-right: 20px;
}
#content #rightside img {
	margin: 8px;
	margin-left:10px;
}
#content #rightside #inside {
	width:310px;
	margin-top:20px;
	/*margin 0 0 0 0;
	height:500px;*/	
}
#content.show_left #rightside #inside {
	width:475px;
	margin-top:20px;
	/*margin 0 0 0 0;
	height:500px;*/	
}
#content.show_right #rightside #inside {
	width:475px;
	margin-top:20px;
	/*margin 0 0 0 0;
	height:500px;*/	
}

#content #rightside #inside #social{
	position:relative;
	float:none;
	display:block;
	margin-bottom:15px;
	/*top:450px;
	left:510px;
	width:355px;*/	
}
#content #rightside #inside #org_side{	
	float:none;
	margin-top:30px;
	margin-bottom:20px;
	/*width:275px;*/	
}
#content #rightside #inside #bus_side{	
	/*width:275px;*/	
}
#content #rightside #inside #org_side p{
	margin: 8px;
}
#content #rightside #inside #bus_side p{
	margin: 8px;
}
#content #rightside a:link {
	color: #000000;	
	text-decoration:none;
}
#content #rightside a:visited {
	color: #000000;		
	text-decoration:none;
}
#content #rightside a:hover {
	color: #63F;	
}

#wrapper.show_left #footer {
	/*color: #757D72;*/
	position:relative;
	color:#000;
	font-size:10px;
	margin-top: 8px;
	text-align: center;
	width:530px;
	padding-bottom:10px; 
}
#wrapper.showh_left #footer {
	/*color: #757D72;*/
	position:relative;
	color:#000;
	font-size:10px;
	margin-top: 8px;
	text-align: center;
	width:530px;
	padding-bottom:10px; 
}
#wrapper.show_right #footer {
	/*color: #757D72;*/
	position:relative;
	color:#000;
	font-size:10px;
	margin-top: 8px;
	text-align: center;
	width:530px;
	padding-bottom:10px; 
}
#wrapper.showh_right #footer {
	/*color: #757D72;*/
	position:relative;
	color:#000;
	font-size:10px;
	margin-top: 8px;
	text-align: center;
	width:530px;
	padding-bottom:10px; 
}
#footer {
	/*color: #757D72;*/
	position:relative;
	color:#000;
	font-size:10px;
	margin-top: 8px;
	text-align: center;
	width:320px;
	padding-bottom:10px; 
}
/*---rollovers need to be in the order of link, visited, hover, active ---*/	
#footer a:link {
	/*color: #757D72;	*/
	color:#000;
	text-decoration:none;
}
#footer a:visited {
	/*color: #757D72;	*/
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color: #63F;	
}
}

@media screen and (min-width:534px){
#wrapper {
	position:relative;
	width:1024px;
	height:760px;
	margin: 0 auto;
	/* Add image along Y axis of whole image for the sidebar background color*/
}
	
#clear {
	clear: both;
	}
	
#content { 
	position:relative;
	width:1024px;
	height:760px;
	margin: 20px 0 0 0;
	background: url(images/tt_body5.png) no-repeat ;
}

#content #leftside {
	float:left;
	width:175px;
	color:#333;
	font-size:14px;
	margin-left:25px;
	/* remove background image to extent sidebar the full length of Y axis */
}
#content #leftside p {
	margin:8px;
}
#content #leftside a:link {
	color: #FFFFFF;	
	text-decoration:none;
}
#content #leftside a:visited {
	color: #FFFFFF;	
	text-decoration:none;
}
#content #leftside a:hover {
	/*color: #424E78;*/
	color: #63F;
}
#content #leftside a#current {
	color: #333333; 
	text-decoration:none;
	padding-top: 10px;	
}
#content #rightside #contact {
	position:absolute;
	top:700px;
	left:400px;
	width:350px;
	color:#FFF;
	font-size:11px;	
}
#content #rightside {
	float:right;
	width:775px;
	height: 500px; 
	text-align: left;
	margin-top:110px;
	margin-right:10px;
	display:inline;
	overflow:auto;
}
#content #rightside #home_graphic {
	background: url(images/services9a.gif) no-repeat ;
	width:600px;
	height:429px;
}
#content #rightside h2, h3, h4 {
	margin: 10px;
}
#content #rightside p{
	margin-left: 20px;
	margin-right: 20px;
}
#content #rightside img {
	margin: 8px;
	margin-left:10px;
}
#content #rightside #inside {
	width:630px;
	/*margin 0 0 0 0;
	height:500px;*/	
}
#content #rightside #inside #social{
	position:absolute;
	top:450px;
	left:510px;
	width:355px;	
}
#content #rightside #inside #org_side{	
	float:right;
	margin-top:-565px;	
	width:275px;	
}
#content #rightside #inside #bus_side{	
	width:275px;	
}
#content #rightside #inside #org_side p{
	margin: 8px;
}
#content #rightside #inside #bus_side p{
	margin: 8px;
}
#content #rightside a:link {
	color: #000000;	
	text-decoration:none;
}
#content #rightside a:visited {
	color: #000000;		
	text-decoration:none;
}
#content #rightside a:hover {
	color: #63F;	
}
#footer {
	/*color: #757D72;*/
	color:#000;
	font-size:12px;
	margin-top: 10px;
	text-align: center;
	width: 1024px;
	padding-bottom: 10px; 
}	
/*---rollovers need to be in the order of link, visited, hover, active ---*/	
#footer a:link {
	/*color: #757D72;	*/
	color:#000;
	text-decoration:none;
}
#footer a:visited {
	/*color: #757D72;	*/
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color: #63F;	
}
}