/* colors ------------------ 

blue		#66aeff
orange:		#fc9200
dark blue: 	#0e2b7e
dark grey:	#646464;

new blue:   #0077d4;

*/






/*body { margin: 0; text-align: center; min-width: 760px;  background: url('../images/page_back.jpg') repeat-x #E7E7E7; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 13px; }*/

body { margin: 0; text-align: center; min-width: 760px;  background: url('http://www.rayden.in/images/background.jpg') repeat-x  #EEEEEE; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 150%; }

a { cursor: pointer; cursor: hand; }
a { outline: none; }
a:focus, a:active { outline: 0; -moz-outline: none; }
a:focus, a:active  {-moz-outline: none -moz-mac-focusring;}
:focus {  -moz-outline-style: none; }
a:visited { color: inherit; !important }
#container { display: block; width: 100%;
color:}

#page { position: relative; width: 1010px; margin: 0 auto; text-align: left; }

#imagearea{display:block;
width:1010px;
height:350px;
padding: 10px 0 0 0;
}

#imagearea a {
	display:block;
	position:absolute;
	top:433px;
	left:534px;
	height:50px;
	width:120px;
	background:url(http://www.rayden.in/images/viewgallery2.png) 0 0px no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#imagearea a:hover{display:block;
	position:absolute;
	top:433px;
	left:534px; height:50px; width:120px; background:url('http://www.rayden.in/images/viewgallery2.png') 0 -50px no-repeat;text-indent: -9999px; text-decoration: none;}

#outter {
	display: block;
	width: 998px;
	background-color:#FFFFFF;
	/*background: url('../images/canvas.jpg');*/
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 5px;
	/*border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
}

/* IE 7 Hack -- */
*+html #outter { width: 1000px; height: auto; }

.topper { display: block; width: 950px; margin-bottom: 0px}

.header { /*position: relative;  */ margin: 0 0 0 0; display: block; width: 1010px; /*height: 118px;*/ height: 150px; clear: both; }


.header p {
	position: absolute;
	top:20px;
	left: 800px;
	display: block;
	/*background: url('../images/nav2/patient_privacy2.jpg') no-repeat;*/
	font-family: Arial,Verdana, Sans-Serif; font-size: 12px;
	font-style:normal;
	color:#ffffff;
	margin: 0;
	padding-left: 10px;
	width:140px;
	height: 22px;
	background-color:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	
}

.header ul {
	position: absolute;
	top:91px;
	left: 555px;
	display: block;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px;
	clear: right;
	width:454px;
	height:32px;
	
}

.header ul li { float: left; clear:none;}
.header ul li a { margin: 0px; }
.header ul li a:hover { margin: 0px; }

a#nav_home { display: block; width: 100px; height: 25px; background: url('http://www.rayden.in/images/homebtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70); }
a#nav_home:hover { display: block; width: 100px; height: 25px; background: url('http://www.rayden.in/images/homebtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.8;
	filter:alpha(opacity=100);}
a#nav_home.on { display: block; width: 100px; height: 25px; background: url('http://www.rayden.in/images/homebtn.gif') 0 -25px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70);}
	
	
a#nav_gallery { display: block; width: 110px; height: 25px; background: url('http://www.rayden.in/images/gallerybtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70); }
a#nav_gallery:hover { display: block; width: 110px; height: 25px; background: url('http://www.rayden.in/images/gallerybtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.8;
	filter:alpha(opacity=100);}
a#nav_gallery.on { display: block; width: 110px; height: 25px; background: url('http://www.rayden.in/images/gallerybtn.gif') 0 -25px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70);}
	
a#nav_world { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/worldbtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70); }
a#nav_world:hover { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/worldbtn.gif') 0 0px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.8;
	filter:alpha(opacity=100);}
a#nav_world.on { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/worldbtn.gif') 0 -25px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70);}
	
a#nav_about { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/aboutbtn.gif') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70); }
a#nav_about:hover { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/aboutbtn.gif') 0 0px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.8;
	filter:alpha(opacity=100);}
a#nav_about.on { display: block; width: 120px; height: 25px; background: url('http://www.rayden.in/images/aboutbtn.gif') 0 -25px no-repeat; text-indent: -9999px; text-decoration: none;opacity:0.7;
	filter:alpha(opacity=70);}



#DIV1 { display: none; }
#DIV2 { display: none; }
#DIV3 { display: none; }
#word0 { display: none; }
#word1 { display: none; }
#word2 { display: none; }
#word3 { display: none; }



/* FAQ Questions ---------------- */

#faq_questions {
	display: block;
	width: 670px;
	height: 102px;
	background: url(../images/faq_back.jpg) 0 0 no-repeat;
}


/* Facts  ----------------- */
	
	#right .facts { width: 100px; display: block; padding: 0px 10px 10px 10px; margin-top: 15px; }
	
	.facts p {
	text-align: left;
	line-height: 1.2em;
	font-size: 0.8em;
	font-weight: lighter;
	color:#666666;
	margin: 0px;
	}
	
	.facts p a {color:#000000 }
	.facts p a:hover{color:#000000; text-decoration:underline}

#right .facts h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#666666;
	font-weight: bold;
	margin: 0;
 }


.orange { color: #fc9200; }
.darkblue { color:#000066; }
.blue { color: #0077d4; }



#content p em {
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-style: normal;
	clear: both;
	font-size: 1em;
	line-height: 1.2em;
	color: #0077d4;
	text-align:left;
	margin: 8px 0 10px 0;
}

.meta {
font:Verdana, Arial, Helvetica, sans-serif; font-size:10px ; color:#222222;

}

small {font-size: .8em; color: #999; }


#content { float: left; display: block; width: 998px; }

#right { float: left; display: block; width: 140px; border-left: 1px dotted #FFCC00 ; margin: 0 0  0 0; clear: right;}

#right h1 {
	text-align: left;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: Bold;
	color:#FFCC00;
	margin: 20px 0 10px 10px;
}

#right p {
	font-size:10px;
	
}

#right h2 {
	text-align: left;
	line-height: 1em;
	font-size: 1em;
	font-weight: Bold;
	color:#999999;
	margin: 0 0 0 0;
}

#right ul { font-size:10px; margin: 10px 0 0 0; padding:0 0 0 20px;}

.imgleft { float: left; padding-right: 15px; } 
.imgright { float: right; padding-left: 10px; } 


/* Right Navigation ------------------------ */

#right .nav { width: 140px; display: block; padding: 20px 10px 10px 10px; margin-top: 0px; 
line-height:30px;
}

#right .nav p { font-size:11px;
}

#right .nav a {
font-size:12px;
font-weight:bold;
color:#999999;
margin: 0 0 0 22px;
}
#right .nav a:hover {
font-size:12px;
font-weight:bold;
color:#333333;
margin: 0 0 0 22px;
}

#right .nav a.on{
font-size:12px;
font-weight:100;
color:#FFCC00;
margin: 0 0 0 0;
}


/* Main body text styles ---------------------- */




#content p {
	font-size:12px;
	line-height: 1em;
	color: #333333;
	text-align:left;
	margin: 0 0 2px 0;
}


#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	color:#666666;
	line-height: 1em;
}
#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px
	color:#333333;
	line-height: 1em;
}

#content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
	color: #666666;
	list-style-image: url(../images/arrow.gif);
}

#homepromo li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
	color: #666666;
	/*list-style-image: url(../images/arrow.gif);*/
}

#content P.intro {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #999999;
}



/* Click to View -----------------------*/

a#clicktoview { display: block; width: 110px; height: 25px; margin: 0 0 0 77px; background: url(../images/click_to_view.gif) 0 0 no-repeat; }
a#clicktoview:hover { display: block; width: 110px; height: 25px; margin: 0 0 0 77px; background: url(../images/click_to_view.gif) 0 -25px no-repeat; }

a#backtodemos { display: block; width: 109px; height: 25px; margin: 0; background: url(../images/back_to_demos.jpg) 0 0 no-repeat; }
a#backtodemos:hover { display: block; width: 109px; height: 25px; margin: 0; background: url(../images/back_to_demos.jpg) 0 -25px no-repeat; }

a#clicktoviewdemo { display: block; width: 261px; height: 25px; margin: 0; background: url(../images/click_to_view_product.jpg) 0 0 no-repeat; }
a#clicktoviewdemo:hover { display: block; width: 261px; height: 25px; margin: 0; background: url(../images/click_to_view_product.jpg) 0 -25px no-repeat; }

a#clicktoviewcartoon { display: block; width: 261px; height: 25px; margin: 0; background: url(../images/click_to_view_cartoon.jpg) 0 0 no-repeat; }
a#clicktoviewcartoon:hover { display: block; width: 261px; height: 25px; margin: 0; background: url(../images/click_to_view_cartoon.jpg) 0 -25px no-repeat; }


a#viewdemo { display: block; width: 140px; height: 165px; margin: 0; background: url(../images/demo_teaser.jpg) 0 0 no-repeat; }
a#viewdemo:hover { display: block; width: 140px; height: 165px; margin: 0; background: url(../images/demo_teaser.jpg) 0 -165px no-repeat; }

a#viewcartoon { display: block; width: 140px; height: 165px; margin: 0; background: url(../images/cartoon_teaser.jpg) 0 0 no-repeat; }
a#viewcartoon:hover { display: block; width: 140px; height: 165px; margin: 0; background: url(../images/cartoon_teaser.jpg) 0 -165px no-repeat; }



/*
#content { margin: 0px; display:block; width:540px;	position: absolute; left: 0px; top: 0px; }
#right { display:block; width:175px; min-height: 100px; margin: 0 0 0 545px; }
*/


#right input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#right form { margin: 0; }

#left { padding-right: 10px; }
#middle { padding-left: 10px; padding-right: 10px; }





#container #bottom .copyright {
float:left;
display:block;
position:relative;
top:10px;
left:10px;
font-size: 10px; 
clear:left;
}

 #container #bottom {
	height: 51px;
	width: 990px;
	position: relative; 
	margin: auto; 
	clear:both;
	text-align:left;
}


#bottom ul.bottom_nav { list-style-type: none; position:relative; top:10px; left:10px; margin: 0; padding: 0 0 10px 0;  width:920px; height:10px; }

#bottom ul.bottom_nav li { float: left; clear: none; }
#bottom ul.bottom_nav li a { display: block; list-style-type: none; margin-right: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 11px;}
#bottom ul.bottom_nav li a:hover {color: #000000;}


#pagebottom { display: block; position: fixed; bottom: 0; left: 0; background-color: #666; color: #fff; width: 100%; height: 20px; padding: 3px 0 3px 0; margin: 0; 
/*font: 1.2em, Georgia, "Times New Roman", Times, serif;*/}

/* IE Hack */
* html #container #bottom ul.bottom_nav {
  position: absolute; top:0px; left:10px;
}


#contact-tab { margin: 0 auto; width: 760px;  }

A:link {text-decoration: none;}
A:link {color: inherit;}
A:visited {color: inherit;}
A:visited {text-decoration: none;}
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	text-align:left;
}
.orange { color: #fc9200; }
.green { color: #b7d30c; }
.black { font-weight: bold; color: #000000; text-transform:uppercase; }

.bigger {font-size: 1.3em;}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 25px;
	color: #fc9200;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	font-weight: bold;
}
.sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0077d4;
}
.sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fc9200;
}
.sideBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	list-style-image: url(../images/arrow.gif);
}
.list2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999;
	list-style-image: url(../images/arrow2.gif);
	margin-left: 15px;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}

.signoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #fc9200;
}
.body2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	text-align:left;
}
.smallblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
}
.clear { clear: both; height: 1px; overflow: hidden; }

.imageholder {
float:left;
padding:50px 50px 50px 50px; 
width:650px
}

.imagedetails{
float:left;
padding:50px 10px 50px 10px;
margin: 0 30px 0 0;
width:176px;

}

.imagedetails a {
font-size:12px;
font-weight:800;
color:#FFCC00;

}
.imagedetails a:hover {
font-size:12px;
font-weight:800;
color:#FFCC00;
text-decoration:underline;
}

#fullcol { float: left; width: 966px ; margin: 0 0 0 0; padding: 0px 10px 0px 20px;
border-right:solid #CCCCCC 1px;
border-left:solid #CCCCCC 1px;
background-color:#FFFFFF;
/*background-image:url(/images/fullcolback.jpg);
background-repeat:repeat-x;*/
}

#fullcol a{
color:#000000;
}
#fullcol a:hover{
color:#000000;
text-decoration:underline;
}


#fullcol h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#fullcol p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#fullcol ul.imagethumbs { display: block; position: relative; left: 0px; top: 10px;  list-style-type: none; margin: 0 0 0 26px; padding: 0px; clear: right; width:900px;  }
#fullcol ul.imagethumbs li { float: left; clear: none; }




.fullcoltop{ float:left; width:998px; height:10px; background-image:url(http://www.rayden.in/images/fullcoltop.gif); background-repeat:no-repeat;

}

.fullcolbottom{ float:left; width:998px; height:15px; background-image:url(http://www.rayden.in/images/fullcolbottom.jpg); background-repeat:no-repeat;

}


.col3 { float: left; width: 800px; margin: 0 0 0 0; padding: 5px 10px 0 0 ;

}

.col3 ul {
margin: 0 0 0 0;
padding: 0 0 0 12px;
	font-size:11px;
	color:#666666;
	
}

.col3 h1{
margin: 0 0 0 0;
font-size: 20px;
font-style:normal;
color:#999999;
}

.col3 h2{
margin: 0 0 0 0;
font-size: 12px;
font-style:normal;
color:#C21E61;
}

.col3 h3{
margin: 0 0 0 0;
font-size: 11px;
font-style:bold;
color:#333333;
}


 .col3 p {
font-size:10px;
color:#666666;
}


.margin{
margin-left:0px;

}

.frame {
border: 3px double #333333;
}

.col3 ul.thumbs { display: block; position: absolute; left: 10px; top: 10px;  list-style-type: none; margin: 0; padding: 0px; clear: right; width:655px; height:120px; }
.col3 ul.thumbs li { float: left; clear: none; }

.col1 { float: left; width: 360px; margin: 0 0 0 0; padding: 10px 10px 10px 10px;}
.col2 { float: left; width: 260px; clear: right; padding: 10px 10px 10px 10px; }

.col2 ul {
	position: absolute;
	top:20px;
	left: 0px;
	display: block;
	list-style-type: none;
	padding: 0px;
	clear: right;
	width:60px;
	height:30px;
	
}

#screen .col2 .spread{
line-height:12px;
font-size:0.8em;
}

.col2 ul li { float: left; clear:none;}
.col2 ul li a { margin-top: 10px; }
.col2 ul li a:hover { margin-top: 10px; }
.col2 a{ 
color:#990000;
font-size:0.8em;
line-height:1.3em;

}
.col2 a:hover{ 
color:#000000;
font-size:0.8em;
line-height:1.3em;

}

a#view{ display: block; width: 60px; height: 30px; background: url('../images/viewbtn.jpg') 0 0 no-repeat; text-indent: -9999px; text-decoration: none;opacity:1.0;
	filter:alpha(opacity=70); }
a#view:hover { display: block; width: 60px; height: 30px; background: url('../images/viewbtn.jpg') 0 -30px no-repeat; text-indent: -9999px; text-decoration: none;opacity:1.0;
	filter:alpha(opacity=100);}


.homecol_big { float: left; width: 510px; margin: 0; }
.homecol_small { float: left; width: 150px; margin: 0 18px 0 0; clear: right; }

.homecol_list { float: left; width: 165px; margin: 0 0 0 0; clear: right; }

/*
.col1 { display: block; position: relative; left: 0; top: 0; width: 260px; margin: 0; z-index: 2; }
.col2 { display: block; width: 260px; margin: 0 0 0 278px; }
*/

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	text-align:left;
	margin: 0 0 15px 0;
}

td.note { background: url(../images/note_arrow.gif) left center #0077d4 no-repeat; color: #ffffff; padding-left: 30px; }


td.formlabel { color: #000000; font-size: 0.9em; margin: 0; text-align: right;}


#screen { display: block; }
#screen h1 {
	text-align: left;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: Bold;
	color:#FFCC00;
	margin: 20px 0 0 10px;
}

#screen .col2 h1 {
	
	font-style:normal;
	font-size: 0.9em;
	line-height:1em;
	margin: 0 0 5px 0;
	color:#999999;
}

.bighead {
	text-align: left;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: Bold;
	color:#FFCC00;
	margin: 0 0 0 0;
}

#print { display: none; }