/* - - - - - - - - - - - - - - - - - - - - -

 Title : Ren Studios CSS
 Author : Brian Campbell
 URL : http://

 Last Updated : 

- - - - - - - - - - - - - - - - - - - - - */

*{
	margin:0;
	padding:0;
	behavior: url(/ren/iepngfix.htc);
}

* {  }

body{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	background: #123154 url(../images/left_bg.gif) repeat-y;
}

	
h1{
	position:absolute;
	z-index:100;
	font-size:100%;
	width:276px;
	height:115px;
	background: url(../images/logowithphone.gif) no-repeat;
	text-indent:-9000px;
}
h1 a{
	color:#333;
}

#container{

}
#main{
	background: url(../images/main_bg.gif) repeat-x;
	color:#fff;
	margin: 0 0 0 320px;
	min-height:800px;
	height:800px;
}
#main[id]{
	height:auto;
}
#side{
	width:320px;
	padding:0px 0 0 0;
	position:absolute;
	top:355px;
	left:-13px;
}

#sidemain{
	width:720px;
	padding:130px 0 0 0;
	position:absolute;
	top:0px;
	left:0px;
}


h2{
	padding: 60px 0 0 0;
	margin:0 0 0 75px;
	height:57px;
	text-indent:-9000px;
	font-size:100%;
	clear:left;
}

    .thdrcell {
	padding:10px;
	font-weight:bold;
	border:1px solid #CCFFFF;
	background:#99CCCC;
	color:#FFFFFF;
	
	
	dvHdr.style.fontWeight='bold';
	dvHdr.style.width='150px';
	dvHdr.style.fontFamily='arial';
	dvHdr.style.border='1px solid #A5CFE9';
	dvHdr.style.padding='3';
	dvHdr.style.fontSize='9';
	dvHdr.style.color='#4B7A98';
	dvHdr.style.background='#D5EBF9';
	dvHdr.style.filter='alpha(opacity=85)'; // IE
	dvHdr.style.opacity='0.85'; // FF


	dvBdy.style.borderBottom='1px solid #A5CFE9';
	dvBdy.style.borderLeft='1px solid #A5CFE9';
	dvBdy.style.borderRight='1px solid #A5CFE9';
	dvBdy.style.width='150px';
	dvBdy.style.fontFamily='arial';
	dvBdy.style.fontSize='10';
	dvBdy.style.padding='3';
	dvBdy.style.color='#1B4966';
	dvBdy.style.background='#FFFFFF';
	dvBdy.style.filter='alpha(opacity=85)'; // IE
	dvBdy.style.opacity='0.85'; // FF

	
	
         }
		 

.boxtop {
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	filter:alpha(opacity=85);
	opacity:.85;
	border-bottom:1px solid #A5CFE9;
	border-left:1px solid #A5CFE9;
	border-right:1px solid #A5CFE9;
	width:200px;
	color:#4B7A98;
	background:#D5EBF9;
	alpha
	
	
}

.boxbot {
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	filter:alpha(opacity=85);
	opacity:.85;
	border-bottom:1px solid #A5CFE9;
	border-left:1px solid #A5CFE9;
	border-right:1px solid #A5CFE9;
	width:200px;
	color:#1B4966;
	background:#FFFFFF;
	alpha
	
	
}

#thework h2{
	background: url(../images/h2_thework.gif) no-repeat 0 60px;
}

#thestory h2{
	background: url(../images/h2_thestory.gif) no-repeat 0 60px;
}

#theteam h2{
	background: url(../images/h2_theteam.gif) no-repeat 0 60px;
}

#thenews h2{
	background: url(../images/h2_thenews.gif) no-repeat 0 60px;
}

#ourservices h2{
	background: url(../images/h2_ourservices.gif) no-repeat 0 60px;
}


.content{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:85%;
	width:340px;
	height:300px;
	overflow:auto
	margin:40px 0 0 190px;
}


.content_news{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:85%;
	width:640px;
	margin:10px 0 0 80px;
}

.contentnews{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:85%;
	overflow:auto
	width:400px;
	height:400px;
	margin:40px 0 0 190px;
}


.content p{
	margin:0 0 1.5em 0;
	line-height: 1.75em;
	text-align:justify;
}

.content ul{
	margin:0 0 0 4em;
	line-height: 2em;
}


.contentmain{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:85%;
	width:340px;
	margin:270px 0 0 75px;
}
.contentmain p{
	margin:0 0 1.5em 0;
	line-height: 1.75em;
	text-align:justify;
}

.contentmain ul{
	margin:0 0 0 4em;
	line-height: 2em;
}

#nav{
	background:#002e53;
	position: absolute;
	float:left;
	margin:0 0 20px -75px;
	font-size:85%;
	list-style:none;
	z-index:300;
}

#nav[id]{
	margin:0 0 20px 0;
}

#nav li{
	float:left;
}
#nav a{
	color:#88b2d3;
	height:31px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
#nav a:hover{
	color:#fff;
}
.tw a{
	width:73px;
	background: url(../images/nav_thework.gif) no-repeat;
	text-indent:-9000px;
}
.tw a:hover{
	background: url(../images/nav_thework_hov.gif) no-repeat;
}
.tt a{
	width:64px;
	background: url(../images/nav_theteam.gif) no-repeat;
	text-indent:-9000px;
	}
.tt a:hover{
	background: url(../images/nav_theteam_hov.gif) no-repeat;
}

.ts a{
	width:64px;
	background: url(../images/nav_thestory.gif) no-repeat;
	text-indent:-9000px;
	}
.ts a:hover{
	background: url(../images/nav_thestory_hov.gif) no-repeat;
}

.news a{
	width:64px;
	background: url(../images/nav_thenews.gif) no-repeat;
	text-indent:-9000px;
	}
.news a:hover{
	background: url(../images/nav_thenews_hov.gif) no-repeat;
}

.os a{
	width:80px;
	background: url(../images/nav_ourservices.gif) no-repeat;
	text-indent:-9000px;
	}
.os a:hover{
	background: url(../images/nav_ourservices_hov.gif) no-repeat;
}
.cu a{
	width:80px;
	background: url(../images/nav_contactus.gif) no-repeat;
	text-indent:-9000px;
	}
.cu a:hover{
	background: url(../images/nav_contactus_hov.gif) no-repeat;
}

#thework .tw a{
	background: url(../images/nav_thework_hov.gif) no-repeat;
}

#theteam .tt a{
	background: url(../images/nav_theteam_hov.gif) no-repeat;
}

#thestory .ts a{
	background: url(../images/nav_thestory_hov.gif) no-repeat;
}

#thenews .news a{
	background: url(../images/nav_thenews_hov.gif) no-repeat;
}


#ourservices .os a{
	background: url(../images/nav_ourservices_hov.gif) no-repeat;
}
#contactus .cu a{
	background: url(../images/nav_contactus_hov.gif) no-repeat;
}

h3{
	margin: 30px 0 0 0;
	height:20px;
	background: url(../images/h3_contactus.gif) no-repeat;
	text-indent:-9000px;
	font-size:100%;
	clear:left;
}

#side .sidecontent{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:80%;
	color:#01598e;
	margin:20px 0 50px 45px;
	line-height: 1.5em;
}

#side .sidecontent p{
	margin:0 0 1.5em 0;
}

#side .sidecontent a{
	color:#002e53;
	text-decoration:none;
	border-bottom: 1px dotted #002e53;
}

#side .sidecontent a:hover{
	font-weight: bold;
}.thumb_indent {
	padding-left: 25px;
}





#sidemain .sidecontent{
	font-family:Verdana, Trebuchet MS, Arial, sans-serif;
	font-size:80%;
	color:#01598e;
	margin:20px 0 50px 45px;
	line-height: 1.5em;
}

#sidemain .sidecontent p{
	margin:0 0 1.5em 0;
}

#sidemain .sidecontent a{
	color:#002e53;
	text-decoration:none;
	border-bottom: 1px dotted #002e53;
}

#sidemain .sidecontent a:hover{
	font-weight: bold;
}.thumb_indent {
	padding-left: 25px;
}

