@import url(../../Templates/UI/Css/Layout.css);
/********* globals *********/

* {margin:0;padding:0}
a img,table {border:0}
/*dl,ol,ul {list-style:none}*/
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin:.35em 0;}

/* fonts & colors */
body { font:9pt Arial; color:#333; }
button,select,textarea,input {font:100% Arial,SansSerif}

/* a { color:#0096db; text-decoration:none; } */
a {
color:#3D555D;
cursor:pointer;
/*text-decoration:none;*/
}
      
      
      
a:hover { text-decoration:underline; }
/*h1,h2,h3,h4,h5,h6 { font-family: 'Helvetica Neue,Helvetica,Arial,Verdana,sans-serif'; color:#004471; line-height:30px;} */

h2,h3,h4,h5,h6 { font-family: 'georgia'; color:#004471; line-height:30px;} 
h1
{font-family:Georgia,serif;
	color:#4E443C;
	font-variant: small-caps; text-transform: none; font-weight: 100; line-height:50px;}


.date {font:93.5% Arial,Helvetica,san-serif;color:#666666;line-height:30px; }
/* h1,h2,h3,h4,h5,h6,.date { font-family: 'Georgia,Times New Roman,Times,serif' color:#000000; } */





/********* layout *********/

/*body { margin:0; padding:0; background:#fff url(body_bg.png) repeat-x; } */
body { margin:0; padding:0; background:#fff url(bg.png) repeat-x; background-color:#EAEAEA;}
	
/*		#ContentWrap 
	{
	   width:960px;
	background-color:Blue; 
background:url("http://i.i.com.com/cnwk.1d/i/tron/vader/bgBody.gif") repeat-y scroll 50% 0 transparent; 
    font:76% Arial,Helvetica,sans-serif; 
    margin:0 auto; }
*/

#ContentWrap {
width:100%; 

}
	
	#wrap { width:920px; margin:0 auto;}
		#header { height:117px; }
		#page  
		{
		        /*margin:0px 0; */		       
		        background: transparent url(page_bg.png) no-repeat 50% 100%; 
		         padding: 0px 25px 25px 25px; z-index:-1; }
			#content {padding:10px 10px 10px 10px; list-style-image:url("bullet.gif"); z-index:-1; color: #151515;
			          font: Arial,Helvetica,sans-serif; font-size:12px;
			   /*       font-size: 13px; */
			          line-height: 20px;}
				
				#menu  
				{
				    /*border-right: solid 1px #dfe5e6; */
	background:transparent url(nav_shadow.png) no-repeat; background-position:right top; 
padding-right:5px; max-width:230px;

				        }
                #menu li a {
              /*  background:url("nav.gif") no-repeat scroll 0 0 transparent;
                border-left:1px solid #E7E7E7;
                border-right:1px solid #E7E7E7; */
                color:#404040;
                display:block;
                font-size:9pt;
                text-decoration:none;
                /*
                font-weight:bold;
                height:30px;
                line-height:25px;
                padding:0 0 0 10px;
                text-transform:uppercase; */
                }
				#menu li a:hover 
				{
				/*background-position: 0 -30px;
				border-color: #2C9EFC; */
				color: #000000;
				text-decoration:underline;
				
                }
				#extras { padding-left:15px; border-left: solid 1px #dfe5e6; vertical-align:top; float:right; 
			          
				          }
                .secondary { float:left; margin-bottom:1px; padding:10px 10px 10px 10px;
                             
                             } 
                
				#main {float:left; width:60%; z-index:1;
				     /*  border-right: solid 1px #dfe5e6; */
				       padding-left:15px; padding-right:15px; 
				       min-height:550px;}
				       



.boxTitle,
.secondary h4 { margin-left:-10px; padding-left: 10px; 
              /*  background-color:#E0EBF5;
border-bottom: solid 1px #dfe5e6; 
 */

                 
	background:transparent url(nav_bg.png) repeat-x; 
                min-width:200px;}
.secondary h4 a { text-decoration:none;  font:Arial;  color:#FFFFFF; }
/*.secondary h4 a:visited {color:#333;} */

/* top */
#header { position:relative; }
	.top { float:left; padding:15px 15px 0 15px;}
	/*.siteLogo { float:left; padding:6px 12px;} */
	.siteLogo {position:absolute; left:0px; top:7px;}
	.siteHeader { float:left;}
	.siteHeader a {color:#fff;}


/* secondary */
.secondary .uc { margin-bottom:15px; display:block; }
.secondary .uc a { text-decoration:none; font-size:9pt; 
        /*           font-family:Arial; */
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

/* content */
img.main {margin-left:12px; margin-bottom:0px; margin-top:8px; 
          }

/* menu */
/*.menu li {list-style:none; } */
.menu li {
	             /*   list-style-type: disc;
	                list-style-image: url(arrow.gif);
	                list-style-position: inside; */

	                list-style-type: disc;
	                list-style-image: url(arrow.png);
	                list-style-position: outside;
	                margin-left: 5px;
}
.menu a 
{
font-family:Arial,sans-serif;
/*font-size:12px !important;  */
font-size:0.97em !important;

}

                          
	                
.topMenu 
{ 
	position:absolute; 
	bottom:0px; 
	height:80px; 
	padding:0 20px; 
	background:transparent url(menu_bg.gif) no-repeat; 
	width:920px; 
	font-size:1.2em; 
}
	.topMenu li {float:left; padding-left:10px; }
	.topMenu a { color:#fff; display:block; padding:18px 20px 9px 10px; }
	.topMenu a:visited { color:#fff; }
	.topMenu .current,
	.topMenu .trail { background:transparent url(menuselection_bg.gif) no-repeat; font-weight:bold; }
	.topMenu .current a,
	.topMenu .trail a { color:#333; background:transparent url(menuselection_bg.gif) no-repeat 100% 0%; }
	.topMenu .current a:visited,
	.topMenu .trail a:visited { color:#333; }

		.topMenu li ul 
		{
			display:none;
			
			font-size:.8em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
		}
		.topMenu .current ul, 
		.topMenu .trail ul {display:block}

		.topMenu .current ul li,
		.topMenu .trail ul li { font-weight:normal; background:none; padding:0; }
		.topMenu .trail .current,
		.topMenu .trail .trail
		{
			background:none;
			margin:0;
			font-weight:bold;
			padding:0;
		}
		.topMenu .current ul a,
		.topMenu .trail ul a
		{
			background:none;
			padding:10px;
			color:#333;
		}

.languageMenu { position:absolute; bottom:45px; left:925px; width:100px;}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}


.subMenu{}
	.subMenu a { display:block; padding:2px 0; _height:1px; }
	.subMenu ul { margin:0 0 2px 15px; } 
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }	
 /*   .subMenu menu ul {
	                list-style-type: disc;
	                list-style-image: url(arrow.gif);
	                list-style-position: inside;
	                }
*/	            	
	

/* lists */
.list .a0 { background: #f8f8f8; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }

/* path */
.path { margin-bottom:10px; font-size:8pt; color:#1E5B7E;}
.path .current { color:#000000; text-decoration:none;}
.path a.current:hover { cursor:default; text-decoration:underline; }

/* sitemap */
#main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/* columns */
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}


#FooterWrap {
background:url("footer_bg.png") repeat-x scroll 0 -65px #F5F5F5;
clear:both;
height:193px;
width:100%;
}

/*		        #footer {margin-top:10px;color:#BCC5C1;padding:0 15px;}
			    #footer .n2{color:#BCC5C1;float:right;font-size:.8em;}

*/
/*
#footer  {color:#ffffff;right:10px;bottom:0px;font-size:9pt; margin:0 auto; position:relative;}
#footer a {color:#999999; text-decoration:none;}
#footer a:hover { text-decoration:underline; }
*/

#footer  {
height:168px;
margin:0 auto;
position:relative;
width:930px;
}

#sub_footer {
font-size:11px;
margin:0 auto;
position:relative;
width:960px;
}

#copy {
color:#666666;
position:absolute;
right:40px;
top:0;
}

#copy a {
color:#666666;

}

#footer ul.columns li.column {
float:left;
margin:20px 10px 0 0;
width:130px;
color:#CCCCCC;
margin-left:20px;
}
#footer ul.columns
{
list-style:none inside none;

}

#footer a
{
color:#CCCCCC; text-decoration:none;

}

#footer a:hover 
{
color:#FFFFFF; text-decoration:underline;
}

#footer h4
{ font: 132% georgia; color:#CCCCCC; margin:0px 10px, 10px, 10px; padding:0px 10px 10px 10px; border-bottom: solid 1px; border-bottom-color:#7C7C7C; border-bottom-style:dotted;}

#footer h4.Client
{
    width:705px;
}
/*

#footer ul.clients
{
background-position:0 0;
width:100px;
}


#footer ul.clients li a {
background:url("clients.png") no-repeat scroll 0 0 transparent;
float:left;
height:199px;
overflow:hidden;
text-indent:-1e+7px;
width:200px;
}



div#clients {
background:none repeat scroll 0 0 #131C25;
clear:both;
height:199px;
position:relative;
}

#footer ul.Clients li a.Safeway 
{
    background-position: 10px 0px;
    width: 100px;
}


#footer ul.Clients li a.Safeway:hover
{
    background-position: -10px -0px;
}
*/


#Search {
background:url("search.png") no-repeat scroll left top transparent;
float:right;
height:38px;
margin-right:6.5px;
margin-top:-38px;
padding:0;
width:256px;
}

/*
#Login {margin-top:10px; float:right; margin-right:15px; text-decoration:underline;}

#Login2 {margin-top:10px; float:right; margin-right:30px; text-decoration:underline;}
*/

/*#Signin {margin-top:10px; float:right; margin-right:15px; color:#666666; background:url("login_bg.png") repeat-x scroll left top transparent;} */

 #Signin {background:url("login_bg.png") no-repeat; float:right; height:38px; width:247px; padding-top:5px;  color:#5B5B5B;}
/*#Signin a {text-decoration:none; color:#5B5B5B; padding-left: 51px; font-family: arial,helvetica,sans-serif; font-size:11px; font-weight:lighter;} */
#Signin a {text-decoration:none; color:#5B5B5B; padding-left: 37px; font-family: arial,helvetica,sans-serif; font-size:11px; font-weight:lighter;}



.SearchBox {position: absolute; top:200px; right:110px; border: 0 solid #008000}

/**** Client Scroller ****************/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 90px;
/*	width: 720px; */
	width: 720px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
/*	width: 3500px;	*/
width: 5000px;
	padding: 0x 0 0 0px; 
	/* removing default styling */
	margin: 0;
/*	background: url('img/scroll_bg.png');	*/	
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 0px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 0px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 0px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	filter:alpha(opacity=30);	
	opacity: 0.3;	
}
.sc_menu a:hover img {
	filter:alpha(opacity=100);	
	opacity: 1;
}

/********************/