/* ========== UNIVERSAL ELEMENTS ========================= */

* {
	font-size			: 1em;
}

body,td,th {
	font-size: 11px;
}

body {
	background-color: #D7D7D7;
	font				: 11px arial, verdana, helvetica, sans-serif;
	color				: #999999;
	margin				: 0px;
	padding				: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
}

.span {
	background: #ffffff url(../images/alt_22.png);
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align:bottom;
	
	
}

.aboutTable {
vertical-align:top;

}
/* ========== BROSWER FIX ================================= */

#ie7 {
	padding-top			: 1px;
	padding-left		: 0px;
	text-align			: left;
}

/* ========== IMAGES ===================================== */

/* Safari Browswer Fix	a:link img {border: 2px  #999999; background: none; }
a:hover img {border: 2px  #999999; background: none; }
a:visited img {border: 2px  #999999; background: none;}
a:active img {border: 2px  #999999; background: none;} */


/* ========== TEXT LINKS ================================= */

a:link {
	color				: #666666;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-style			: normal;
	position			: relative;
	top					: auto;
}

a:visited {
	text-decoration		: none;
	color				: #999999;
}

a:hover {
	color				: #333333;
	text-decoration		: none;
}

a:active {
	color				: #333333;
	text-decoration 	: none;
}


/* ========== TEXT ======================================== */

p {
	padding				: 0px;
	margin-top			: 10px;
	margin-right		: 0px;
	margin-bottom		: 10px;
	margin-left			: 0px;
}

h3 {
	font-weight			: normal;
	font-size			: 16px;
}

h2 {
	font-size			: 16px;
	font-weight			: normal;
}

h4 {
	font-size			: 14px;
}

/* ========== LAYOUT ===================================== */

#container {
	position			: relative;
	margin 				: 0 auto;
	width				: 800px;
	height				: 100%;
}

#header {
	position			: relative;
	width				: 800px; 
	height				: 162px; 
	margin-top			: 0px;
	z-index				: 10;
}

#content {
	position			: relative;
	margin-top			: -2px;
	vertical-align		: top;
	width				: 722px;
	z-index				: 6;
	height				: 100%;
}

#short{
	height				: 600px; /*571px*/	
	background-color	: #FFFFFF;
}

#medium{
	height				: 671px; /*671px*/	
	background-color	: #FFFFFF;
}

#long{
	height				: 800px; /*771px*/	
	background-color	: #FFFFFF;
}

#extralong{
	height				: 1171px; /*1171px*/	
	background-color	: #FFFFFF;
}

#superlong{
	height				: 1550px; /*1471px*/	
	background-color	: #FFFFFF;
}
#footer {
	position			: relative;
	width				: 800px;
	top					: 0px;
	z-index				: 3;
	background-image	: url(../images/footer.jpg);
	background-repeat	: no-repeat;
	height				: 31px;
}

#login {
	position			: relative;
	top					: 7px; 
	width				: 800px; 
	height				: 27px; 
	z-index				: 5;
	background-image	: url(../images/clientlogin.jpg);
	background-repeat	: no-repeat;
}

/* ========== THUMBNAILS ================================= */
.Mainthumbnail{
	border              :thin;
	position			: relative;
	z-index				: 0;
	margin-left			: 0px;
	margin-right        :0px;
	padding-bottom      : 0px;
	filter				: alpha(opacity=100);
	-moz-opacity		: 1;
	opacity				: 1;
}

.Mainthumbnail:hover{
	border				: thin;
	background-color	: transparent;
	z-index				: 2;
	margin-left			: 0px;
	margin-right        :0px;
	padding-bottom      : 0px;
	filter				: alpha(opacity=100);
	-moz-opacity		: .8;
	opacity				: .8;
	height				: 100%;
}

a:link.Mainthumbnail {
	color				: #999999;
}

a:hover.Mainthumbnail  {
	color				: #999999;
}

a:hover.Mainthumbnail  {
	color				: #999999;
}




.thumbnail{
	border				: thin;
	position			: relative;
	z-index				: 0;
	margin				: 0px;
	filter				: alpha(opacity=100);
	-moz-opacity		: 1;
	opacity				: 1;
}

.thumbnail:hover{
	border				: thin;
	background-color	: transparent;
	z-index				: 2;
	margin				: 0px;
	filter				: alpha(opacity=100);
	-moz-opacity		: .8;
	opacity				: .8;
	height				: 100%;
}

a:link.thumbnail {
	color				: #999999;
}

a:hover.thumbnail  {
	color				: #999999;
}

a:hover.thumbnail  {
	color				: #999999;
}

/* ========== HOME PAGE =========================== */

#showcase {
	padding-top			: 30px;
	padding-left		: 0px;
	width				: 739px;
	}
	
#showcase img{
	border				: 0px;
}
	
a:link.studio  {
	color				: #666666;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-style			: normal;
	position			: relative;
	top					: auto;
}

a:hover.studio {
	color				: #333333;
}

#hometextcontainer {
	position			: absolute;
	width				: 450px;
	left				: 260px;
	margin-top			: 0px;
	text-align			: left;
	color				: #999999;
}


#hometextcontainer img {
	border				: 0px;
	margin				: 0px;
	}
	
img.home{
	border				: 0px;
	margin				: 0px;
}

/* ========== MINI POSTERS ====================== */

#miniPoster {
	text-align: center;
	
}


/* ========== PROJECT OVERVIEW PAGE ====================== */

#projects {
	text-align			: center;
	font-family: arial, verdana, helvetica, sans-serif;
}

#projectextend {
	position			: relative;
	margin-top			: -135px;
	vertical-align		: top;
	width				: 800px;
	height				: 650px;
	z-index				: 7;
	background-color	: #FFFFFF;
}

#projectsextend {
	text-align			: left;	
	margin-top			: 7px;
}

#projectsextend img{
	margin				: 3px;
	border-width		: thin;
}

/* ========== PROJECT DETAIL PAGES ======================= */

#detailtext {
	position			: absolute;
	margin-top			: 60px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project1_title.jpg);
	background-repeat	: no-repeat;
	width				: 300px;
	text-align			: left;
}

#detailtextMain {
	position			: absolute;
	margin-top			: 115px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtext3 {
	position			: absolute;
	margin-top			: 450px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextCar {
	position			: absolute;
	margin-top			: 350px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextNasa {
	position			: absolute;
	margin-top			: 360px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextJpl {
	position			: absolute;
	margin-top			: 390px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextSunset {
	position			: absolute;
	margin-top			: 360px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextNews {
	position			: absolute;
	margin-top			: 300px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextBench {
	position			: absolute;
	margin-top			: 390px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

#detailtextStandpoint {
	position			: absolute;
	margin-top			: 440px;
	padding-left		: 31px;
	padding-bottom		: 5px;
	width				: 250px;
	text-align			: left;
}

a.detailtext  {
	color				: #666666;
}

#linkimage {
	position			: absolute;
	margin-top			: 40px;
	margin-left			: -3px;
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
	z-index				: 3;
}

#backlink {
	position			: absolute;
	margin-top			: 0px;
	margin-left			: -3px;
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
	z-index				: 3;
}

#pagetitles {
	position			: absolute;
	margin-top			: -50px;
	margin-left			: -3px;
	background-repeat	: no-repeat;
	width				: 250px;
	font-size:18px;
	text-align			: left;
	z-index				: 3;
}

#pagetitles2 {
	position			: absolute;
	margin-top			: -50px;
	margin-left			: -3px;
	background-repeat	: no-repeat;
	width				: 250px;
	font-size:18px;
	text-align			: left;
	z-index				: 3;
	left: 250px;
	top: 273px;
}


#linkimage img{
	border				: 0px solid #ffffff;
}

a:hover.detailtext , a:active.detailtext  {
	color				: #333333;
}

#detailimage {
	padding-top			: 28px;
	padding-left		: 310px;
	text-align			: left;
}

#detailVideo {
	padding-top			: 310px;
	padding-left		: 310px;
	text-align			: left;
}


#loadarea {
	text-align			: left;
	background-image	: url(../library/images/loading.gif) no-repeat;
}

#loadarea img{
	border				: 1px solid #999999;
}

#thumbnails {
	width				: 450px;
	float				: left;
	text-align			: left;
	border-width		: thin;
	padding-top			: 28px;
}

#thumbnails img{
	margin				: 1px 1px 1px 1px;
}

#detailtextp1 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project1_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp2 {
	position			: absolute;
	margin-top			: 145px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project2_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp3 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project3_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp4 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project4_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp5 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project5_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp6 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project6_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp7 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project7_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp8 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project8_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp9 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project9_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp10 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project10_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp11 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project11_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp12 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project12_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp13 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project13_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp14 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project14_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp15 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project15_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp16 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project16_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp17 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project17_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp18 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project18_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp19 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project19_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp20 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project20_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp21 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project21_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtext22 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project22_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp23 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project23_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp24 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project24_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp25 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project25_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp26 {
	position			: absolute;
	margin-top			: 10px;
	padding-top			: 0px;
	padding-left		: 31px;
	background-image	: url(../images/project26_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
	left: -1px;
}

#detailtextp27 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project27_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp28 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project28_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp29 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project29_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp30 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project30_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

#detailtextp31 {
	position			: absolute;
	margin-top			: 155px;
	padding-top			: 40px;
	padding-left		: 31px;
	background-image	: url(../images/project31_title.jpg);
	background-repeat	: no-repeat;
	width				: 250px;
	text-align			: left;
}

/* The following was deleted after re-direction by Sev to make all links the same color #999999 for link and #333333 for hover.  No need for this callout anymore.
#detailtext a{
	color				: #999999;
	}
	
#detailtext a:hover {
	color				: #333333;
}

#detailtext a:active {
}

/* ========== CLIENTS PAGE =============================== */

#clienttextcontainer {
	position			: absolute;
	width				: 395px;
	left				: 340px;
	margin-top			: 28px;
	text-align			: left;
	color				: #999999;
}

#clienttextlinks {
	line-height			: 1.8em;
}

#clienttextcontainer a {
	font-size			:11px
}

a:link.client  {
	color				: #666666;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-style			: normal;
	position			: relative;
	top					: auto;
}

a:hover.client {
	color				: #333333;
}

a:active.client {
	color				: #333333;
	font-weight			: none
}

a:visited.client {
	color				: #666666;
	font-weight			: none
}

/* ========== RELATED IMAGE =============================== 

#relatedimages {
	position			: relative;
	margin-top			: 0;
	vertical-align		: top;
	width				: 800px;
	height				: 270px;
	z-index				: 7;
	background-color	: #FFFFFF;
	text-align			: left;
}

#relatedthumb {
	position			: absolute;
	width				: 75px;
	border				: 1px #999999;
	padding-left		: 457px;
	padding-top			: 90px;
	text-align			: right;
	z-index				: 7;
}

#relatedthumb img {
	margin				: 2px;
	border-width		: thin;
}

#relatedline {
	position			: absolute;
	padding-top			: 75px;
	padding-left		: 338px;
}

/* ========== SERVICES PAGE & TOOLTIP ===================== */

#servicesimages {
	position			: absolute;
	padding-top			: 28px;
	padding-left		: 31px;
	width				: 280px;
	text-align			: left;
}

#servicestext {	
	padding-top			: 28px;
	padding-left		: 250px;
	width				: 400px;
	text-align			: left;
	color				: #999999;
	z-index				: 31;
}


/* ========== STUDIO PAGE ================================ */
#studioheader {
	text-align			: left;
}

#studioheader img{
	border				: 0px;
	margin				: 0px;		
}

#hello {
	position			: absolute;
	background-image	: url(../library/images/studioheader.jpg) no-repeat;
	z-index				: 0;
}

#studioshowcase {
	margin-top			: 21px;
	padding-left		: 300px;
	width				: 431px;
	}
		
#studiotext {	
	position			: absolute;
	padding-top			: 12px;
	padding-left		: 0px;
	width				: 450px;
	text-align			: left;
	color				: #999999;
}

#studioextend {
	position			: relative;
	margin-top			: 150px;
	vertical-align		: top;
	width				: 800px;
	z-index				: 7;
	background-color	: #FFFFFF;
}

#profilethumb{
	position			: absolute;
	padding-left		: 15px;
	width				: 110px;
	height				: 100px;
	text-align			: center;
	vertical-align		: top;
	border				: 1px #333333;
}

#profiletext{
	position			: absolute;
	padding-left		: 145px;
	text-align			: left;
	vertical-align		: top;
}

#profilerow1L {	
	position			: absolute;
	padding-top			: 25px;
	padding-left		: 20px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
	z-index				: 30;
}

#profilerow1R {	
	position			: absolute;
	padding-top			: 25px;
	padding-left		: 400px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
	z-index				: 30;

}

#profilerow2L {	
	position			: absolute;
	padding-top			: 390px;
	padding-left		: 20px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
}

#profilerow2R {	
	position			: absolute;
	padding-top			: 390px;
	padding-left		: 400px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
}


#profilerow3L {	
	position			: absolute;
	padding-top			: 780px;
	padding-left		: 20px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
}

#profilerow3R {	
	position			: absolute;
	margin-top			: 780px;
	padding-left		: 400px;
	padding-right		: 20px;
	width				: 350px;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
}

/* ========== CONTACT PAGE =============================== */

#contacttextcontainer {
	position			: absolute;
	width				: 395px;
	left				: 340px;
	margin-top			: 0px;
	text-align			: left;
	color				: #999999;
}


#contacttextcontainer img {
	border				: 0px;
	margin				: 0px;
	}
	
img.contact{
	border				: 0px;
	margin				: 0px;
}

/* ========== NEWS PAGE ================================== */
#newscontainer {
	maring-top			: 20px;
}

#newsitem {	
	position			: relative;	
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
	padding-bottom		: 75px;
	padding-left		: 300px;
}

#newsdate {	
	position			: absolute;
	text-align			: left;
	color				: #999999;
	vertical-align		: top;
	padding-left		: 0px;
	width				: 50px;
}

#newsimage {
	position			: absolute;
	padding-left		: 50px;
	color				: #999999;
	vertical-align		: top;
	width				: 65px;
	height				: 55px;
	border				: 1px #333333;
}

#newstext {	
	position			: absolute;
	padding-left		: 122px;
	text-align			: left;
	color				: #AAAAAA;
	vertical-align		: top;
	width				: 350px;
	vertical-align		: top;

}
#newstext a {
	color: #555;
	font: 11px/1.4em arial,verdana,helvetica,sans-serif;
}
#newstext a:hover {
	color: #000;
}


/* ========== ACCORDIAN MENU ================================ */
li { list-style-type: none; }

#navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

#navigation {
	border				: 0px solid #ffffff;
	margin				: 0px;
	padding				: 0px;
	text-indent			: 0px;
	background-color	: #ffffff;
	width				: 400px;
}
#navigation a.head {
	cursor				: pointer;
	border				: 0px solid #CCCCCC;
	background			: #ffffff url(http://www.rwgstudio.com/library/images/collapsed.gif) no-repeat scroll 3px 4px;
	color				: #666666;
	display				: block;
	font-weight			: normal;
	margin				: 0px;
	padding				: 0px;
	text-indent			: 16px;
	text-decoration		: none;
	font-size			: 11px;
}
#navigation a.head:hover {
	color				: #333333;
}
#navigation a.selected {
	background-image	: url(http://www.rwgstudio.com/library/images/expanded.gif);
}
#navigation a.current {
	background-color	: #666666;
}
#navigation ul {
	border-width		: 0px;
	margin				: 0px;
	padding				: 0px;
	text-indent			: 0px;
}
#navigation li {
	list-style			: none outside none; display:inline;
}
#navigation li li a {
	color				: #333333;
	display				: block;
	text-indent			: 10px;
	text-decoration		: none;
}
#navigation li li a:hover {
	background-color	: #000000;
	color				: #333333;
}

#hovertext {
	padding-left		: 16px;
}

/* ========== TOOLTIP ================================ */

.tool-tip {
	color				: #fff;
	width				: 139px;
	z-index				: 13000;
}
 
.tool-title {
	font-weight			: bold;
	font-size			: 11px;
	margin				: 0;
	color				: #9FD4FF;
	padding				: 8px 8px 4px;
	background			: url(http://www.rwgstudio.com/library/images/bubble.gif) top left;
}
 
.tool-text {
	font-size			: 11px;
	padding				: 4px 8px 8px;
	background			: url(http://www.rwgstudio.com/library/images/bubble.gif) bottom right;
}
 
.custom-tip {
	color				: #000;
	width				: 130px;
	z-index				: 13000;
}
 
.custom-title {
	
	font-size			: 18px;
	margin				: 0;
	color				: #666666;
	padding				: 8px 8px 4px;
	background			: #efefef;
	border-bottom		: 1px solid #999999;
}
 
.custom-text {
	font-size			: 11px;
	padding				: 4px 8px 8px;
	background			: #CFDFA7;
}
/* ========== END OF FILE ================================ */