* { padding: 0; margin: 0; }
img{border:none;}



body {
	background:#F7F7F7 url('images/bg.jpg') top repeat-x;
	border-top:2px solid #fe4b00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
p{line-height:20px;}
h1{font-size:18px; color:#222; font-weight:normal; }


#wrapper { 
 margin: 0 auto;
 width: 960px;

}
#header {
 color: #333;
 width: 960px;
 float: left;
 height: 141px;
 margin: 0px;

}

#logo{width:510px; height:140px; float:left;}
#topinfo{width:307px; height:44px; float:right; background:#fff url('images/topinfo-bg.jpg') top no-repeat; font-size:0.88em; text-align:center; padding:6px 0 0 3px; color:#FFF; font-weight:bold;}
#topinfo a{color:#FFF;}
#accreditations{width:310px; height:90px; float:right; background:#fff url('images/accred.jpg') top no-repeat;}


#nav-slide-wrapper {
 color: #333;
 width: 960px;
 float: left;
 padding:20px 0;
 height: 203px;
 margin: 0px 0px 30px 0px;

}
#navigation{width:200px; height:203px; float:left;}

#navigation ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navigation a
{
padding:3px;
display: block;
width: 194px;
font-weight:bold;
line-height:16px;
}

#navigation a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navigation a:hover, #current
{
background-color: #f95e05;
color: #fff;
}

/* SLIDESHOW */

#slideshow-wrapper{width:750px; height:203px;  float:right;}

#slideshow {
    position:relative;
    height:203px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* CONTENT */



#leftcolumn { 
 color: #333;
 margin: 0px 25px 5px 0px;
 height: auto;
 width: 650px;
 float: left;
}

#home-content-wrapper{width:618px; height:160px; background:#fff; border:1px solid #e2e2e2; margin-bottom:20px; padding:15px;}
#content-wrapper{width:618px; height:auto; background:#fff; border:1px solid #e2e2e2; margin-bottom:20px; padding:15px; float:left}

#rightcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 5px 0px;
 height: auto;
 width: 285px;
 display: inline;
}

#latest-news-wrapper{width:253px; height:auto; background:#fff; border:1px solid #e2e2e2; margin-bottom:20px; padding:15px;  float:left;}
#ourclients-wrapper{width:253px; height:auto; background:#fff; border:1px solid #e2e2e2; margin-bottom:20px; padding:15px; float:left;}


#footer { 
 width: 930px;
 clear: both;
 color: #a8a8a8;
 background: #f7f7f7 url('images/footerbg.jpg') top no-repeat;
 margin: 0px 0px 10px 0px;
 padding: 10px 15px;
	 font-size:10px;
	 float:left;
}
#footer p{width:360px; float:left;}

#footer a{color: #a8a8a8;}
#footerlist{width:540px; float:right;}
#footerlist li
{
line-height:20px;
display: inline;
list-style-type: none;

}
#footerlist a{border-right:1px solid; padding:0px 5px;  font-size:10px;}



/*HOME*/

.home-content{width:368px; height:150px; margin-right:20px; float:left;}

.home-content h1{margin-bottom:10px;}
.home-content-img{width:230px; height:150px;  float:left;}

.homeblock{width:285px; height:210px; background:#fff; border:1px solid #e2e2e2; float:left; margin-right:16px; margin-bottom:20px; padding:15px; position:relative;}
.moreinfo{ position:absolute; bottom:10px; font-size:10px; float:right; padding-right:10px; line-height:22px; text-align:right; width:275px; font-weight:bold;}

.homeblock-end{width:285px; height:210px; background:#fff; border:1px solid #e2e2e2; float:left; margin-right:0; margin-bottom:20px; padding:15px; position:relative;}
.homeblock h1 span, .homeblock-end h1 span{ font-size:10px; float:right; padding-right:10px; line-height:22px;}
.homeblock span a, .homeblock-end span a{ color:#DC4101; text-decoration:none;}

.homeblock img, .homeblock-end img, .homeblock h1, .homeblock-end h1, #ourclients-wrapper h1, #latest-news-wrapper h1{margin-bottom:10px;}
.homeblock p, .homeblock-end p{ font-size:11px}

/*SUB PAGES - STANDARD*/

.sub-content{width:618px; height:auto; float:left;}
.sub-content h1{margin-bottom:10px;}
.sub-content ul{padding:5px 0; margin-left:20px;}
.sub-content li{padding:5px 0;}
.sub-content p{margin-bottom:10px;}
.sub-content a{color:#DC4101;}
li p{padding:0; margin:0;}
.img{ border:1px solid #e5e5e5; padding:2px; float:right; margin-left:10px; margin-bottom:10px;}

/* NEWS SECTION */
.news-article{width:253px; height:auto;  float:left; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #e5e5e5; }
.news-article a{ color:#222222; text-decoration:none;}
.news-date{width:42px; height:50px;  float:left; text-align:center; font-size:12px;  margin-right:10px; color:#555555; border-right:1px solid #ccc;}
.news-title{width:200px; height:auto; float:left;  color:#222222; padding-bottom:3px; font-weight:bold; font-size:11px}
.news-content{width:200px; height:auto; float:left; font-size:10px; color:#222222;}
 
/* Gallery */

#gallery-wrapper{ float:left;}
#gallery-wrapper img{width:120px; height:120px; border:1px solid #e5e5e5; padding:2px; float:left; margin-right:10px; margin-bottom:10px;}

/*LOCATION PAGE*/
#rjmap {
	width: 618px;
	height: 400px;
}

/* GALLERY TABS */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #DA4000;
	border-left: 1px solid #DA4000;
	width: 618px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #DA4000;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #DA4000;

}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #222;
}
ul.tabs li.active a{	color: #222;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;

	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 12px;
}