/* CSS Document transparentnewmedia.com */

body {
	color:#333;
	background-color:white;
	margin:0px;
	padding:0px;
	font-size:75%;
	font-family:verdana, sans-serif;background: #2a2a2a url("../assets/background_grey.gif");
	}
h1 {
	color:#9ccb01;
	background-color:white;
	margin:0px;
	padding:0px;
	font:1.52em verdana, sans-serif;
	}
h2 {
	color:#ebebeb;
	font:0.95em verdana, sans-serif;
	font-weight:bold;
	margin:0px;
	}
h3 {
	font:11px/20px verdana, sans-serif;
	margin:20px 0px 6px 0px;
	padding:0px;
	}
p {
	font:1.045em/1.35em verdana, sans-serif;
	margin:10px 0px 16px 0px;
	padding:0px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	color:#9ccb01;
	font-size:0.9em;
	font-family:verdana, sans-serif;
	font-weight:none;
	text-decoration:underline;
	}
a:link, a:visited {color:#9ccb01;}
a:hover {color:#666;}

img { border: none; } 

.clear { clear: both;  font-size:0; height:0; }
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.padbot1 {padding-bottom:5px;}

/* MAIN LAYOUT main page content _________________________________________*/
.mainwrapper {width:1005px;margin:0 auto;position:relative;background-color: #FFF;} /* auto centres */
#wrapper {width:900px;margin:0 auto;position:relative;text:center;background-color:white;}
.contentwrapper { width:850px; }
/*  top content */
.topcontent {
	width:relative;
	min-width:600px;
	margin:20px 0px 10px 45px;
	border:0;
	background-color:white;
	height:50px; /* [correct height] + [top padding] + [top and bottom border widths] 189 + 1 */
	padding:20px 0px 0px 0px;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	height:50px; /* the correct height */
	}
body>#.topcontent {height:50px;}

#flash {
			margin: 0px;
			height:123px; /* [correct height] + [top padding] + [top and bottom border widths] 189 + 1 */
			padding: 0px 0px 10px 50px;
			
			voice-family: "\"}\"";
			voice-family:inherit;
			height:135px; /* the correct height */
			}
body>#flash {height:135px;}
		
		#flash .flash-images {
			float: left;
			margin-right: 28px;
			height: 135px;
		}
		    
		* html #flash {
			padding-bottom: 5px;
		}
		
#topslides {
			margin: 0px;
			height:135px; /* [correct height] + [top padding] + [top and bottom border widths] */
			padding: 0px 0px 10px 50px;
			
			voice-family: "\"}\"";
			voice-family:inherit;
			height:135px; /* the correct height */
			}
body>#topslides {height:135px;}
		
		#topslides .topslides-images {
			float: left;
			margin-right: 28px;
			height: 135px;
		}
		
		.RTtopslides-images {
			float: left;
			margin-right:0px;
			height: 135px;
		}
		    
		* html #topslides {
			padding-bottom: 5px;
		}

#navwrapper {padding:0px;margin:5px 0px 0px 50px;position:relative;height:28px;background: #2a2a2a url("../assets/nav_back.gif");}
#globalnavbar {width:800px;clear:both;} 
 * html #globalnavbar {height:26px;} /*for nav right bottom border for ie check>>>>>>>>>>>>>>>>  */
 	#globalnav, #globalnavrt {margin:0 auto;position:relative;font-weight:normal;}
	#globalnav ul, #globalnavrt ul {margin:0;padding:0;list-style: none;}
	#globalnav ul li {float:left;margin:8px 0;padding:0;clear:none;}
	#globalnavrt ul li {float:right;margin:0;padding:0;clear:none;}
	#globalnav a, #globalnavrt a  {display:block;padding:0.05em 1em  0em 1em;} /*padding top and bot + font size = navwrapper height */
	#globalnav a:link, #globalnav a:visited, #globalnavrt a:link, #globalnavrt a:visited   {color:#9ccb01;text-decoration:none;font-size:1.05em;letter-spacing:0.02em;font-weight:normal;}
	#globalnav a:hover, #globalnav a:focus, #globalnavrt a:hover, #globalnavrt a:focus  {color:#666;text-decoration:none;}
	 #globalnavrt a:hover, #globalnavrt a:focus, #globalnavrt a.selected:link, #globalnavrt a.selected, #globalnavrt a.selected:hover  {padding-left:32px;}

#navTop {
	width:relative;
	min-width:600px;
	margin:5px 0px 0px 50px;
	height:20px;
	

	voice-family: "\"}\"";
	voice-family:inherit;
	height:20px;
	}
	
	#navTop a {
	color:#9ccb01;
	font-size:1.1em;
	font-family:verdana, sans-serif;
	font-weight:none;
	text-decoration:none;
	}
#navTop a:link, #navTop a:visited {color:#9ccb01;}
#navTop a.selected, #navTop a.selected:link {color:#666;}
#navTop a:hover {color:#666;}

body>#navTop {height:20px;}

#navTopseward {
	width:relative;
	min-width:600px;
	margin:5px 0px 0px 50px;
	height:auto;
	

	voice-family: "\"}\"";
	voice-family:inherit;
	height:auto;
	}

body>#navTopseward {height:auto;}
		
.topline {
	width:relative;
	min-width:800px;
	max-width:800px;
	margin:0px 0px 8px 50px;
	border:0;
	background-color:white;
	height:5px;
	border-style:solid;
	border-color:#ccc;
	border-width:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	height:4px;
	}
body>#.topcontent {height:4px;}

/*  main content */
.content {
	position:relative;
	float:left;
	width: 500px;
	margin:0px 0px 20px 50px;
	border:0;
	background-color:white;
	padding:10px 0px 10px 0px;
	z-index:1;
	min-height: 300px;
	height: 300px;
	color:#505050
	}
html>body .content {height: auto;}
	
	
a.content, a.content:link, a.content:visited {
	margin:0px;
	padding:0px;
	color:#9ccb01;
	font-size: 1.045em;
	}
a.content:hover {color:#666;}

.contenthead {
	color:#9ccb01;
	background-color:white;
	margin:0px;
	padding:0px;
	font:1.45em verdana, sans-serif;
	}
	
.contentbold {
	margin:0px;
	padding:0px;
	font:verdana, sans-serif;
	font-weight:bold;
	}
	
.news {
	position:relative;
	float:left;
	width: 500px;
	background:#E7E7E7 url("../assets/news_back.gif") top right;
	margin:0px 0px 20px 0px;
	border:0;
	background-color:white;
	padding:10px 0px 10px 0px;
	z-index:1;
	min-height: 30px;
	color:#505050
	}
html>body .news {height: auto;}
	
	
a.news, a.news:link, a.news:visited {
	margin:0px;
	padding:0px;
	color:#9ccb01;
	font-size: 1.045em;
	}
a.news:hover {color:#666;}

/* slides */
.topslideshow1, .topslideshow2, .topslideshow3 { height: 135px; width: 248px; position:relative; float:left;margin:0 28px 10px 0px;overflow: hidden; }
.mainslideshow { height: 633px; width: 800px; margin: auto;position:relative; float:left;margin:0px 0px 0px 50px;overflow: hidden; }
.caseslideshow { height: 396px; width: 500px; position:relative; float:left;margin:0 0 10px 0px;overflow: hidden; }
.mainslideshow img, .caseslideshow img { padding: 0px; }



#slides {
    position:relative;
	float:left;
	width: 800px;
	height:25px;
    margin:20px 0px 0px 50px;
	padding:0px;
    background:transparent url(../assets/slides/slide_top.gif) top left repeat-x;
	border-bottom: solid #9ccb01 3px;
}

* html #slides {height: 25px;}

#slides h2 {
    margin:6px 0 0 9px;
	padding:0;
}    


/*  right navigation */

#navRight {
	position:relative;
	float:right;
	width:248px;
	margin-top:30px;
	padding:7px 20px 25px 20px;
	border:0;
	background:#E7E7E7 url("../assets/navrt_back.gif") top right;
	max-height: 800px;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:208px;
	}
	
	/*  min-height: 250px; */

body>#navRight {width:208px;}
html>body .#navRight {height: auto;}

	.navRightContent {
	color:#606060;
	font:0.98em verdana, sans-serif;
	line-height: 1.35em;
	margin:10px 0px 16px 0px;
	border:0;
	padding:0px;
	}
	
	a.navRightContent, a.navRightContent:link, a.navRightContent:visited {
	color:#a9d609;
	font:1.2em verdana, sans-serif;
	font-weight:none;
	line-height: 1.75;
	margin-top:5px;
	text-decoration:underline;
	}
	a.navRightContent:hover {color:#666;}
	
	.navRightPic {
	margin:10px 0px 5px 0px;
	border:0;
	padding-top:2px;
	}
	
/*  clients pages */

.clientsPic {
	margin:0px;
	padding:0px 0px 5px 0px;

	}
	
.clients {
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.clients h3{
	font: bold 125% Verdana,sans-serif;
	color: #9ccb01;
}

.clients p {
	padding: 0px 0px 10px 0px;
	max-width:194px;
}

.clients a.capsule{
	font: 1em Verdana,sans-serif;
	color: #9ccb01;
	display:block;
	padding-bottom: 5px;
	padding-top: 10px;
}

.clients p.capsule{
	font: 1em Verdana,sans-serif;
	color: #9ccb01;
	display:block;
	padding-bottom: 5px;
	padding-top: 0px;
	text-decoration:underline;
	margin:-15px 0px 0px 0px;
}

.clients a.capsule:hover{
	text-decoration: underline;
}

td.clientsLeft{
	padding-right: 12px;
	font-weight:none;
	width: 270px;
}

.clientsLeftDetail{
	padding-right: 12px;
	font-weight:italic;
	color: #9ccb01;
}

/*  bottom line */

.bottomline {
	width:800px;
	min-width:800px;
	margin:10px 0px 5px 50px;
	font-size: 1.045em;
	border:0;
	background-color:white;
	height:30px; /* [correct height] + [top padding] + [top and bottom border widths] 189 + 1 */
	border-style:solid;
	border-color:#ccc;
	border-width:0px 0px 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	padding:0px;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	height:29px; /* the correct height */
}
body>#.bottomline {height:29px;}

#back {
		margin: 0px 0px 10px 50px;
		font-size: 1.045em;
}

#address {
	margin: 0px 0px 10px 50px;
	font-size: 0.85em;
	max-width:550px;
	height:30px;
	padding-bottom:20px;
}
	
a.address, a.address:link, a.address:visited { font-size: 0.85em; }
	
#clientpages {
	color:#9ccb01;
	background-color:#666;
	margin:0px;
	padding:0px;
	font:15px verdana, sans-serif;
	}
	
.greybox {
	border: #999999 1px solid;
}