BODY{
background-image: url('images/gui/bg.jpg');
background-attachment: fixed;
    background-color: #ffeecb;
	scrollbar-face-color: #511e20; 
	scrollbar-shadow-color: #134108; 
	scrollbar-highlight-color: #134108; 
	scrollbar-3dlight-color: black; 
	scrollbar-darkshadow-color: #053353; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #ffffff; 
	font-family:arial; 
	font-size: 12px; 
}

/* Link Styles*/



.menulink:link { text-decoration: none;color: #00355b;font-size: 18px; font-family :tahoma; font-weight: bold;}
.menulink:active { text-decoration: none; color: #00355b;font-size: 18px;  font-family :tahoma; font-weight: bold;}
.menulink:visited { text-decoration: none; color: #00355b; font-size: 18px; font-family : tahoma; font-weight: bold;} 
.menulink:hover { text-decoration: underline; color: #ffffff;font-size: 18px;  font-family :tahoma; font-weight: bold;}

.submenulink:link { text-decoration: none;color: #ffffff;font-size: 11px; font-family :helvetica; font-weight: bold;}
.submenulink:active { text-decoration: none; color: #ffffff;font-size: 11px;  font-family :helvetica; font-weight: bold;}
.submenulink:visited { text-decoration: none; color: #ffffff; font-size: 11px; font-family :helvetica; font-weight: bold;} 
.submenulink:hover { text-decoration: underline; color: #ffcc00;font-size: 11px;  font-family :helvetica; font-weight: bold;}

A:link { 
text-decoration: none; 
color: #650700;
font-size: 12px; 
font-weight: bold;
}

A:active { 
text-decoration: none; 
color: #650700;
font-size: 12px;  
font-weight: bold;
}

A:visited { 
text-decoration: none; 
color: #ff0000; 
font-size: 12px; 
font-weight: bold;
} 

A:hover { 
text-decoration: underline; 
color: #ff0000;
font-size: 12px;  
font-weight: bold;
}


/* Text & HRs */




/* Content Area Styles*/
.date { 

font-size:13px; 
padding-left: 400px;
font-weight: bold;
font-family:tahoma, helvetica;  
color: #ffffff; 
}





.SmallText {  
font-size:10px; 
font-family:tahoma; 
color: white; 
}
.SmallestText {  
font-size:9px; 
font-family:tahoma; 
color: white; 
}

.text {  
font-size:13px; 
font-family:tahoma; 
color: black; 
}


.title {  
font-size:18px; 
font-family:tahoma; 
color: #fff4b7; 
font-weight: bold;
font-style: none; 
padding-right: 10px;
}

/* Content Area Styles*/
.TopMenu { 
padding-top: 94px;
font-size:12px; 
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-family:tahoma, helvetica;  
color: #ffffff; 
}

/* Content Area Styles*/
.BottomMenu { 
padding-top: 8px;
font-size:12px; 
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-family:tahoma, helvetica;  
color: #ffffff; 
}

.LeftContent { 
padding-top: 0px; 
padding-left: 8px; 
padding-right: 8px; 
font-size:12px; 
font-family:tahoma; 
color: white; 
}

.RightContent { 
padding-top: 6px; 
padding-left: 4px; 
padding-right: 95px; 
font-size:12px; 
font-family:tahoma; 
color: white; 
}

.ContentBox { 
padding-top: 2px; 
padding-left: 2px; 
padding-right: 2px; 
padding-bottom: 2px;
font-size:10px; 
font-family:arial; 
color: black; 
width: ;  
background-color: #EAEAEA;
border-top:1px solid #0A467C; 
border-right:1px solid #0A467C; 
border-left:1px solid #0A467C; 
border-bottom:1px solid #0A467C;
border-face:1px solid #EAEAEA;
float:center;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

.content { 
padding-bottom: 25px; 
padding-top: 25px; 
padding-left: 50px; 
padding-right: 90px; 
font-size:13px; 
font-family:tahoma; 
color: black; 

}

.topheader { 
padding-top: 8px;
font-size:18px; 
padding-right: 40px;
font-weight: bold;
font-family:tahoma, helvetica;  
color: #ffffff; 
}
.footer { 
padding-top: 8px;
font-size:12px; 
padding-left: 0px;
font-weight: none;
font-family:tahoma, helvetica;  
color: #ffffff; 
}


.Submenu { 
padding-top: 4px; 
padding-left: 18px; 
padding-right: 14px; 
padding-bottom: 4px;
font-size:10px; 
font-family:tahoma; 
color: white; 
}


/* Right Context Menu Styles*/

.skin0{
position:absolute;
width:165px;
background-color:#000000;
font-family:tahoma;
line-height:16px;
cursor:default;
font-size:10px;
z-index:100;
visibility:hidden;
border-top:1px solid #FFcc00; 
border-right:1px solid #FFcc00; 
border-left:1px solid #FFcc00; 
border-bottom:1px solid #FFcc00;
float:center;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

.menuitems{
padding-left:10px;
padding-right:10px;
font-size:10px; 
font-weight: bold;
font-family:tahoma, helvetica;  
color: #ffffff; 
}
.menuitems:hover{
padding-left:10px;
padding-right:10px;
font-size:10px; 
font-weight: bold;
font-family:tahoma, helvetica;  
}




/* Form Button and Form Field Styles*/
.FormField { 
font-size:12px; 
font-family:arial, helvetica;  
font-weight:bold; color: #000000; 
border-top:1px solid #003276;
border-right:1px solid #003276;
border-left:1px solid #003276;
border-bottom:1px solid #003276;
border-face:0px solid #003276;
background-color: #ffffff;

}

.FormButton  {
padding-top: 5px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 5px;
font-size: 12px; 
font-family :arial, helvetica; 
font-weight:bold; color: #ffffff; 
border-top:1px solid #003276;
border-right:1px solid #003276;
border-left:1px solid #003276;
border-bottom:1px solid #003276;
border-face:0px solid #134108;
background-color: #003276;
}

.FormTitle { 
font-family :tahoma, helvetica; 
text-decoration: none; 
color: #59B4F4;
font-size: 12px; }


.FormText { 
font-family :tahoma, helvetica; 
text-decoration: none; 
color: #ffffff;
font-size: 12px; }



/* DrownDown Menu Styles*/

#menu {

width: 100%;

float: right;

padding-left:100px;

}

#menu ul {

border-width: 0px;

list-style: none;

margin: 0;

padding: 0;

width: 12em;

float: right;

width: 180px;

}

#menu a, #menu h2 {

font: 10px/12px arial, helvetica, sans-serif;

display: block;

border-width: 0px;

border-color: #FFcc00;

margin: 0;

padding: 1px 1px;

}



#menu h2 {



text-transform: uppercase;

}



#menu a {



text-decoration: none;

}



#menu a:hover {

color: #a00;

}



#menu li {position: relative;}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

}



#dropmenudiv{

position:absolute;

border:1px solid #FFcc00;

padding: 2px;

font: tahoma;

line-height:15px;

background-color: #131639;

font-color: #ffffff; 

z-index:109;



}



#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

padding: 2px solid black;

text-decoration: none;

font-weight: bold;

background-color: #131639;

font-color: #ffffff; 

}



#dropmenudiv a:hover{ /*hover background color*/

filter:alpha(opacity=85);-moz-opacity:1.0;opacity:1.0;
background-color: #FFcc00;
color: #000000; 

}


#divUpControl{position:absolute; width:512; left:0; top:0; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:512; left:0; top:20; z-index:1; text-align: right} 
#divContainer{position:absolute; width:520; height:470; overflow:hidden; top:0; left:0; clip:rect(0,520,470,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0} 


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 1px dashed #ffcc00;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: 90px; /*position where enlarged image should offset horizontally */

}





/* Display autoscroll CLIENT BOX
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	


	/* vertical scrollers have typically larger height than width */	
	height: 358px;	 
	width: 260px;	
	
	/* custom decorations */
	padding-bottom:05px;
	padding-top:0px ;	
	border:0px outset #ffaa00;
			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	


	position:absolute;
	clear:both;		
	font-size:12px;
	font-family: 'arial';
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:240px;
	height:120px;
	padding:25px 0px;

	font-size:12px;
	font-family: 'arial';
	border:1px outset #ffaa00;
	background-color: #000000;
	color:#ffffff;
	margin-bottom:5px;
	margin-top:5px;
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ffaa00;		
	background-color:;
}

/* Display clickable SERVICES BOX
 */

/* root element for the whole scrollable setup */
div.scrollable2{  
	position:relative;
	overflow:hidden;
	width: 480px;	 
	height:120px;	
	z-index: 5500;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:4000em;	
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:480px;
	height:250px;
	background:# url(/img/global/gradient/h140.png) repeat-x 0 146px;
	color:#fff;
	border-left:0px solid #333;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#000000;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"arial";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-right:10px;
	width:480px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:right;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


div.movie 
{
z-index: -1

}



 
/* PORTFOLIO DISPLAY
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable3 {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
    width:800px;
	height:250px;	
	
	/* custom decorations */
	padding:0px 0;	
	border:0px outset #ffcc00;
			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable3 div.items {	
	/* this cannot be too large */
	height:20000em;	
	position:absolute;
	clear:both;		
	font-size:12px;
	font-family: 'arial';
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable3 div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:800px;
	height:250px;
	padding:5px 5px;
	font-size:12px;
	font-family: 'arial';
	border:1px outset #ffcc00;
	background-color: ;
	color:#ffffff;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable3 div.items3 div.active3 {
	border:1px inset #ffcc00;		
	background-color:#000000;
}


.tableframe
{
    border-color: #b27b29;
	padding:25px 25px 25px 25px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	background-image: url('images/marble2.jpg');
}


.contenttable
{
    border-color: #462e09;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	padding-bottom: 20px;
}

.tdframe
{
    border-color: #000000;
    border-width: 0px 0px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;

}

#nav {
       
}
#nav, #nav ul, #nav li {
        margin: 0;
        padding: 0;
        list-style: none;
}
#nav a {
        display: block;
        

       
	text-decoration: none;
}
#nav a.span {
      

	position: relative;
}
#nav a.span:hover {
        color: black;

}
#nav a.span img {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0;
}
#nav li {
  
	padding:2px 4px 2px 4px;
}
#nav li ul li {
        font-size: 85%;
        border: none;
}
#nav li ul li a {
        color: black;

}
#nav li ul li a:hover {
        color: black;

}