BODY{

background-image: url('images/gui/bg.png');


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, Helvetica, sans-serif;

	text-align:left; 

	font-size: 12px; 

	color:#FFF;}

	

h5 {font-family:Arial, Helvetica, sans-serif;

font-size:16px;

color:#FFF;}



/* Link Styles*/







.menulink:link { text-decoration: none;color: #ffffff;font-size: 13px; font-family :arial; font-weight: bold;}

.menulink:active { text-decoration: none; color: #ffffff;font-size: 13px;  font-family :arial; font-weight: bold;}

.menulink:visited { text-decoration: none; color: #ffffff; font-size: 13px; font-family : arial; font-weight: bold;} 

.menulink:hover { text-decoration: underline; color: #ff0000;font-size: 13px;  font-family :arial; font-weight: bold;}



.submenulink:link { text-decoration: none;color: #235711;font-size: 16px; font-family :helvetica; font-weight: bold;}

.submenulink:active { text-decoration: none; color: #235711;font-size: 16px;  font-family :helvetica; font-weight: bold;}

.submenulink:visited { text-decoration: none; color: #235711; font-size: 16px; font-family :helvetica; font-weight: bold;} 

.submenulink:hover { text-decoration: underline; color: #568e00;font-size: 16px;  font-family :helvetica; font-weight: bold;}



.morelink:link { text-decoration: none;color: #FFFFFF;font-size: 10px; font-family :helvetica; font-weight: bold;}

.morelink:active { text-decoration: none; color: #FFFFFF;font-size: 10px;  font-family :helvetica; font-weight: bold;}

.morelink:visited { text-decoration: none; color: #FFFFFF; font-size: 10px; font-family :helvetica; font-weight: bold;} 

.morelink:hover { text-decoration: underline; color: #FFFFFF;font-size: 10px;  font-family :helvetica; font-weight: bold;}





A:link { 

text-decoration: none; 

color: #ff0000;

font-size: 18px; 

font-weight: bold;

}



A:active { 

text-decoration: none; 

color: #ff0000;

font-size: 18px;  

font-weight: bold;

}



A:visited { 

text-decoration: none; 

color: #ff0000; 

font-size: 18px; 

font-weight: bold;

} 



A:hover { 

text-decoration: underline; 

color: #ff0000;

font-size: 18px;  

font-weight: bold;

}





/* Text & HRs */









/* Content Area Styles*/

.date { 

padding-top: 100px;

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 #541120;

border-right:1px solid #541120;

border-left:1px solid #541120;

border-bottom:1px solid #541120;

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 #541120;

border-right:1px solid #541120;

border-left:1px solid #541120;

border-bottom:1px solid #541120;

border-face:0px solid #541120;

background-color: #541120;

}



.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;



}