body{
	font-family: Optima, Albertus, Verdana, Arial, sans-serif; 
	color:#FFF;
	line-height:1.166;	
	margin:0;
	padding:0;
	font-size:80%;
	background: url(../images/bk2.gif) 50% 0  no-repeat;
	background-color:#000;
}

.whitelinks {
color:#FFFFFF;
font-size:1.1em;
text-align:center;
}

.whitelinks a:link, .whitelinks a:visited, .whitelinks a:active, .whitelinks a:hover {
font-weight:bold;
color:#FFFFFF;
}


a:link, a:visited, a:active {
	text-decoration: none; 
	color:#FFF;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	}
	
img{
	border:none;
	}
	
h1{
	color:#FFF;
	font-size:1.3em;
	font-weight:lighter;
	padding:10px 0px;
	letter-spacing:1px;
	}
	
	
h3{
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
	}
	
h2{
	color:#FFF;
	font-size:1.3em;
	font-weight:lighter;
	letter-spacing:1px;
	}
	
	
h2 .pink{
	color:#FF0066;
	}
	
h4{
	color:#FFF;
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing:1px;
	}
	
h5{
	color:#EEE;
	font-size:1.4em;
	margin:0;
	padding:0;
	font-weight:normal;
	letter-spacing:1px;
	}
	
h6{
	color:#FF0066;
	font-size:1.3em;
	font-weight:lighter;
	padding:2px;
	margin:2px;
	letter-spacing:1px;
	}
	
	
 ul {
  
list-style:none;
padding:0;
	}


li {
list-style:none;
	}
	


#wrapper {
	width: 100%;
	height:auto;
	display:inline;
	float:left;
	margin-top:500px;
	

 }
 

 
 

 
#nav { 
width:100%;
display:block;
float:left;
height:auto;
background-image:none;
z-index:0;
border:none;

 }
 
 
 
 
   #header {
	display:block;
	width: 100%;
	height:auto;
	border:none;
	
 }
 
 
  
  #headlinks {
	width:100%;
	height:auto;
	display:inline;
	float:left;
    color:#FFF;
	font-size:1.2em;
	 margin:0;
	 padding:0px 5px;
	 }
 
 #headlinks a:link,   #headlinks a:visited,   #headlinks a:active{
color:#FFF;
width:auto;
height:150px;
background-color:#111;
padding:10px 5px;
height:auto;
margin:0;
font-weight:bold;
border:none;
border-bottom:1px dotted #666;
display:inline;
	float:left;
	


	 }
 
   #headerHome {
	display:block;
	width: 100%;
	height:auto;
	
 }
 
 
  
 
  #logo {
	display:inline;
	width:240px;
	height:170px;
	background: url(../images/rjdalogoblack.gif) 0 0  no-repeat;
	float:left;  
   }


  #logoHome {
	display:block;
	width:240px;
	height:170px;
	background: url(../images/rjdalogo.gif) 0 0  no-repeat;
	margin-left:auto;
	margin-right:auto;
   } 
   
     #news {
	display:inline;
	width:800px;
	height:200px;
	float:left;
	padding:10px;


   }
   
       #newsHome {
	display:inline;
	width: 100%;
	heightauto;
	float:left;
	padding:10px;
	margin-left:200px;


   }
   
#leftContainer {
	display:inline;
	width: 100%;
	float:left;
	height:auto;
	border-right:3px solid #E3D700;
	}
	
	
#leftContainer2 {
	display:inline;
	width: 100%;
	float:left;
	min-height:600px; 
	height:auto;
	}
 
 #leftContent {
	display:inline;
	width: 100%;
	height:auto;
	float:left;
	padding-left:20px;
 }
   
        .newsStory { 
  display:inline;
  width:100%;
  height:auto;
  float:left;
  border-bottom:1px dashed #999999;
  padding-bottom:10px;
  
   }
   
       #content2 { 
  display:inline;
  width:620px;
  height:auto;
  float:left;
   padding:10px;
  
   }
   
   
          #contentTeam { 
  display:inline;
  width:550px;
  height:auto;
  float:left;
    padding:10px;
  
   }
   
          #contentHome {
	display:inline;
	width:600px;
	height:auto;
	float:left;
	padding:10px;
	margin-left:200px;
   }
 
 
 #contentHome1 { 
  display:inline;
  width:420px;
  height:auto;
  float:left;
  padding:10px;
  margin-left:20px;
  
   }
   
   
            #contentFTP {
	display:inline;
	width:620px;
	height:auto;
	float:left;
	padding:10px;

   }
 
 
             #contentFTP a:link,  #contentFTP a:visited, #contentFTP a:active{
	color:#9F0;

   }
   
#contentFTP h2{
	color:#9F0;
	
}
	 
	 
	  #footerlinks a:hover{
	  text-decoration:underline;	
	 }
	 
 
   
   
   
            #contentHome2 {
	display:inline;
	width:230px;
	height:auto;
	float:left;
	padding:10px;  
   }
   
   
.formbk {
	width:230px;
	height:auto;
	padding-top: 0px;
	float: left;
	text-align:center;
   }
   
   
  .formbkheader {
	width:230px;
	height:auto;
	padding-top: 0px;
	float: left;
	text-align:center;
   }
   
          #contentFull { 
  display:inline;
  width:930px;
  height:auto;
  float:left;
    padding:10px;
  
   }
   
   



 #footer {
	height:40px;
	display:inline;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
	width:100%;
	background: url(../images/footerblk.gif) 0 0  repeat-x;
	float:left;
  
 
  }
  
  
  input {
 background-color: #000;
 color:#FFF;
  margin:5px;
  font-size:1em;
}

textarea {
 background-color: #000;
   margin:5px;
    color:#FFF;
	  font-size:1em;
}

  
.FLTleft { 
  float:left;
  display:inline;
	overflow:hidden;
  
   }

 #Facilitylist { 
 display:inline;
 width:210px;
 padding:10px;
 text-align:center;
  float:left;
  
   }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


   #HomeAni {
	display: none;
 }


   #HomeAni2 {
	display: none;
	width:880px;
	height:30px;
	padding:10px;
	float:left;
	text-align:center;
 }


   #Home1 {
	display:inline;
	width:500px;
	height:300px;
	float:left;
 }

   #Home2 {
	display:inline;
	width:400px;
	margin-bottom:15px;
	height:auto;
	float:left;
 }
 
 
 
 /*NEW BITS*/


#footerWrap {
	display:inline;
	width: 100%;
	height:auto;
	padding: 20px;
	float:left;
	display:inline;
   background: url(../images/footer3.gif) 0 0 no-repeat;
	color:#FFF;
	clear:both;
 }


	 
	 
	.latestimage {
 border: 1px solid #666; 
 margin:5px; 
 padding:1px; 
 }

	 
	 
	  #footernew a:hover{
	  text-decoration:underline;	
	 }
	 
	 
	#services { 

	width: 100%;
display:inline;
	float:left;
height:auto; 
padding:10px;
margin:0;

}



#newsfeed { 
width:100%;
display:block;
height:auto; 
margin:0;
padding:0;

}
	 
	 
  #copyright {
	width:250px;
	height:auto;
	line-height:1.4em;
		float:left;
	display:inline;
   color:#eee;
   font-weight:bold;
   text-align:left;
	font-size:1.2em;
	 margin:0;
	 padding:0px 5px;
	border-right:1px solid #333;

 }
 
  #copyright a:link,    #copyright a:visited,    #copyright a:active{
color:#FF0066;

	 }
	 
.smallprint{
	color:#FFF;
	font-size:0.7em;
	}
	 
	  #location {
	width:180px;
	height:auto;
	line-height:1.2em;
		float:left;
	display:inline;
   color:#FFF;
 margin:0;
	 padding:0px 5px;
	border-right:1px solid #333;
	
 }
 
 

	 
 
 
 
 
  #footerlinks {
	width:140px;
	height:auto;
	line-height:10px;
	float:left;
	display:inline;
    color:#FFF;
	font-size:1em;
	border-right:1px solid #333;
	 margin:0;
	 padding:0px 5px;
	 }
 
 #footerlinks a:link,  #footerlinks a:visited,  #footerlinks a:active{
color:#FFF;
background-color:#111;
padding:3px;
display:block;
margin:4px;
font-weight:lighter;
	


	 }
	 
	 
	  #footerlinks a:hover{
	  text-decoration:underline;	
	 }
	 
	 
	  #footerlinks2 {
	width:140px;
	height:auto;
	line-height:10px;
	float:left;
	display:inline;
    color:#FFF;
	font-size:1em;
	border-right:1px solid #333;
	 margin:0;
	 padding:0px 5px;
	 }
 
 #footerlinks2 a:link,  #footerlinks2 a:visited,  #footerlinks2 a:active{
color:#FFF;
background-color:#111;
padding:3px;
display:block;
margin:4px;
font-weight:lighter;



	 }
	 
	 
	  #footerlinks2 a:hover{
	  text-decoration:underline;	
	 }


.colorlink a, .colorlink a:visited, .colorlink a:active{
  color: #CCC;
  background: url(../images/tags2.gif) left no-repeat;
  background-color:#000;
  padding: 2px 5px 2px 20px;
  line-height: 27pt;
float:right;
display:inline;
margin-right:15px;

}

.colorlink a:hover{
  color: #FF0066;


}




#jobflash { 
width:280px;
margin-top:10px;
height:auto;
padding:5px 10px 5px 10px;
  background-color:#000;
  border:1px dotted #666;
  display:inline;
  float:left;

}






/*SERVICES*/


#options {
width:100%; 
margin:0; 
padding:0;
text-align:right; 
color:#CCC;
display:inline;
float:left;
}

#options a {
text-decoration:none; 
color:#FFF;
}


#options a:hover {
color:#FF0066;
}

#acc {
width:100%; 
list-style:none; 
color:#FFF; 
margin:0;
padding:0;

}

#acc h2 {
border-bottom:1px solid #333; 
padding:3px 3px 4px 0px; 
font-weight:lighter;
font-size:1.1em;
margin:0px; 
cursor:pointer; 
color:#FFF;
height:30px;
line-height:30px;
}


#acc h2:hover {
color:#FF0066;
}

#acc .acc-section {
overflow:hidden; 
width:100%; 
padding:0;
margin:0;
}

#acc .acc-content {
width:560px; 
padding:5px; 
}

#acc .acc-content a {
color:#FFF;
}


ul#posts  {
list-style:none; 
margin:2px 0; 
padding:0;
float:left;
display:inline;
width:auto;
}

ul#posts li {
	list-style-type: none;
	margin: 2px;
	padding: 1em 2em;
	width: auto;
	height:auto;
	float:left;
	display:inline;
	background-color:#000;
	border:1px solid #CCC;
	font-weight:bold;
	color:#CCC;
 }
 
 
   #footerservices {
	width:140px;
	height:auto;
	line-height:auto;
	float:left;
	display:inline;
    color:#FFF;
	font-size:1em;
	border-right:1px solid #333;
	 margin:0;
	 padding:0px 5px;
	 }
 
 #footerservices a:link,  #footerservices a:visited,  #footerservices a:active{
color:#FFF;
background-color:#111;
padding:3px;
display:block;
margin:4px;
font-weight:lighter;
	


	 }
 
 
 /* 10 YEARS*/

.colormagenta {
	color:#d40072;
}

.colorgreen {
	color:#8fd400;
}

.colorcyan {
	color:#00a5b6;
}

.coloryellow {
	color:#e3d700;
}

.colororange {
	color:#e15a00;
}

.colorsatsuma {
	color:#f78f1e;
}

.colorred {
	color:#d2232a;
}

 
#ten-eshots {
	padding-left:0px;
}

.ten-eshots-detail {
	display:block;
	height: 60px;
	margin:10px 0;
}

.ten-eshots-detail div {
	display:none;
}

.ten-eshots-detail h2, .ten-eshots-detail h3 {
	font-size: 1.2em;
	font-weight:500;
	letter-spacing:0;
	margin: 10px 0;
}

.ten-eshots-detail div p {
	margin: 2px 0;
}

.ten-eshots-detail p span strong {
	font-size:1.1em;
}

#ten-eshots-thumbs {
	display:block;
	height: auto;
	margin-left:-5px;
}

#ten-eshots-thumbs img {
	display:inline;
	float:left;
	width: 175px;
	margin: 0 5px 10px;

}

#eshot-text {
	display:inline;
	width:340px;
	height:auto;
	float:left;
	padding-left:10px;
}

#rsvp-form {
	width:700px;
	margin:0 auto;
	background-color:#fff;
	color:#000;
}

#rsvp-form a {
	color:#ff0000;
	font-weight:normal;
}

#rsvp-form a:hover {
	font-weight:normal;
}

.rsvp {
	margin:0 auto;
	padding: 20px 0;
	width:600px;
	font-size:1.1em;
}

.rsvp .caption {
	font-weight:bold;
	color:red;
}

#rsvp-form label {
	font-weight:bold;

}

.rsvp-checkbox {
	border:1px solid red;
	background: #fff;
	color:#000;
	width:16px;
	height:16px;
	padding:0;
	margin:0 0 5px;
	

}

.rsvp-halfwidth {
	width: 300px;
	float:left;
	display:inline;
	margin:10px 0 0;
}

.rsvp-menu {
	float:right;
	display:inline;
	padding-right:20px;

}

.rsvp-menu label {
	margin-right:20px;
	text-align:left;
	float:left;
	display:inline;
	width:110px;
}

.rsvp-menu span {
	display:block;
	margin: 0;
	font-size:0.9em;
}

.rsvp-textinput {
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	margin: 0;
	padding: 0;
	width:280px;
}

.rsvp-spacer {
	width:100%;
	height:3px;
	float:none;
	clear:both;
	border-top: 0px dashed #000;
	margin: 0 0 10px;
}

.rsvp-send {
	background-color:#ff0000;
	border:none;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.1em;
	float:right;
	margin:20px 20px 0 0;
	padding:0 5px;
}



/* WEB SERVICES */

#subnavbar {
	width: 900px;
	display:block;
	text-align:center;
}

ul.webservices {
	text-transform: uppercase;
	background: transparent url(../images/webservices-bk.gif) 0 0 no-repeat;
	height:53px;
	width:900px;
}

ul.webservices li {
	display:inline;
	margin:0;
	margin-right: 15px;
	height:53px;
	line-height: 63px;
}

ul.webservices li:last-child {margin-right: none;}

ul.webservices li a {
	background: transparent;
	display:inline;
	height:100%;
	width:100%;
	padding: 19px 0 14px;
	font-weight:normal;
}

ul.webservices li a:hover, ul.webservices li a:active {
	background: transparent url(../images/webservices-on.gif) top center no-repeat;
	text-decoration:none;
}

/* highlight current section */

#webservices-designpage .designlink, #webservices-seopage .seolink, #webservices-eshotpage .eshotlink, #webservices-videopage .videolink, #webservices-brochurepage .brochurelink, #webservices-cmspage .cmslink, #webservices-commercepage .commercelink, #webservices-hostpage .hostinglink, #webservices-portfoliopage .portfoliolink {
	background: transparent url(../images/webservices-on.gif) top center no-repeat;
	text-decoration:none;
}

#web-wrapper {
	width:800px;
	height:auto;
	margin:0 auto;
}

#web-wrapper h1, #web-wrapper h2 {
	color:#6f6f6f;
	font-family: "Trade Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:200;
	text-transform:uppercase;
	padding:0;
	font-size:1.3em;
}

#web-wrapper h3 {
	color:#6f6f6f;
	font-family: "Trade Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:200;
	text-transform:uppercase;
	padding:0;
	margin:20px 0;
	text-indent: 10px;
	font-size:1.3em;	
}

#web-wrapper h4 {
	color:#6f6f6f;
	font-family: "Trade Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:200;
	text-transform:uppercase;
	padding:0;
	font-size:1em;
}

#web-wrapper .web-h1-top, #web-wrapper .web-content-full h1 {
	margin-bottom: 35px;
}

#web-wrapper .web-h2-top {
	text-indent: 130px;
	margin-bottom:12px;
}

#web-wrapper p {
	font-family: "Trade Gothic", Helvetica, Arial;
	font-weight:200;
	line-height:1.1em;
}

#web-wrapper a, #web-wrapper a:hover {
	font-weight:200;
}

.web-content-narrow {
	width:350px;
	float: left;
	display:inline;
	margin:0;
	padding: 0;
	padding-bottom:20px;

}

.web-content-wide {
	margin:0;
	padding:0;
	padding-bottom:20px;
	width:440px;
	height:auto;
	float:left;
	display:inline;
}

.web-spacer {
	background:#000 url(../images/web-spacer.gif) top center no-repeat;
	width:800px;
	height:7px;
	float:none;
	clear:both;
}

.web-offset-five {
	margin-right:5px;
}

.web-offset-ten {
	margin-right:10px;
}

.web-examples {
	margin:0;
	padding: 10px 0;
	width:800px;
	height:auto;
	display:block;
}


.web-examples .imagerack {
	width:auto;
	height:auto;
	margin: 0 auto;
	display:block;
	overflow:hidden;
}

.web-examples .imagerack img {
	float:none;
	display:inline;
	border:0;
	margin-right:15px;
	width:185px;
	height:185px;
}

.web-examples .imagerack img:last-child {
	margin-right: 0;
}

.web-content-full {
	margin:0;
	padding:0;
	padding-bottom:20px;
}

#web-wrapper .web-portfolio {
	font-family: "Trade Gothic", Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color: #fff;
	text-transform:none;
	text-indent:0;
}

.web-content-full img {
	float:left;
	border:1px solid #6e6e6e;
	margin-right: 20px;
}

.web-content-full img.web-thumb {
	border:none;
	margin-right:10px;
}

.web-upperlink {
	text-transform:uppercase;
	font-size:1.1em;
}

ul.web-features li {
	font-family: "Trade Gothic", Helvetica, Arial;
	font-weight:200;
	margin: 2px 0;
}

.web-case-example {
	width:388px;
	height:185px;
	float:left;
	display:inline;
	margin-bottom:20px;
	font-size:1em;
	border:1px solid #111;
	padding-right:5px;
}

#web-wrapper .web-case-example h2 {
	margin:0;
}


#web-wrapper .web-light {
	color:#adca31;
}

#web-wrapper .web-lowlight {
	color:#9fb833;
}