@charset "utf-8";
/* CSS Document */
/* ----------------------------------- */
/*  RESET */
/* ----------------------------------- */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse; border:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}

* html 							{ margin:0px; padding:0px; }
/* ----------------------------------- */
/* GLOBAL CSS TAG TAG */
/* ----------------------------------- */
html, body 						{ border:0px; }
body 							{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; }
h1, h2, h3, h4, h5, h6			{ font-family:Arial, Helvetica, sans-serif; }
h1 								{ letter-spacing:-1px; font-size:2em; }
h2 								{ letter-spacing:-1px; font-size:1.5em; }
h3 								{ font-size:1.2em; font-weight:bold; }
p		 						{ line-height:20px;}
ul, ol, li						{ list-style:none; }
img 							{ border:0px; }
a								{
	color:#000000;
	text-decoration:none;
}
a:hover 						{ color:#0035ae; }
form 							{ display:inline; }
input, select, textarea 		{ font-size:1em; } 
textarea 						{ width:100%; line-height:1.25; }
label 							{ cursor:pointer; }
.clr 							{ clear:both; }
.l_clr							{ clear:left; }
.r_clr							{ clear:right; }
.l_float						{ float:left; }
.r_float						{ float:right; }
.w_color						{ color:#FFF; }
.b_color						{ color:#06c; }
.blue							{ color:#0035ae;}
.line							{ border-top: 1px solid #b5edff;}
.bold							{ font-weight:bold;}
.lblue							{ color:#55c5ff;}
/* ----------------------------------- */
/* STANDARD HTML TAG */
/* ----------------------------------- */
body			 				{ background:url(../images/bodybg.gif) repeat-x left top; }
#wrapper			 			{ background: url(../images/wrapp_bg.jpg) no-repeat top left; width:960px;  margin:0px auto; }
#header							{ }
#main_nav						{ width:960px; background: url(../images/main_nav_bg.jpg) repeat-x left top; height:37px; margin:2px 0px 0px 0px; }
#promotion_wrap					{ width:960px; height:221px; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; 
								  background: url(../images/promobg.png) no-repeat left top; }
#content_wrap					{ }

/* ----------------------------------- */
/* HEADER */
/* ----------------------------------- */
#top_contact					{ height:45px;}
#top_contact h3					{ font-weight:bold; padding:0px 0px 0px 10px; }
#top_contact h2					{ padding:0px 0px 0px 10px; font-size:1.2em; font-weight:bold;}
#top_contact a					{ color:#55c5ff; }
#top_contact a:hover			{ color:#fff; }
#l_top_contact					{ width:190px; padding:10px 0px 0px 30px; }
#l_top_contact h3				{ padding:15px 0px 0px 5px; }
#r_top_contact h2				{ padding:10px 0px 0px 10px; }
#r_top_contact					{ width:170px; padding:10px 0px 0px 30px; }
#logo							{ padding:2px 0px 0px 0px; }
/* ----------------------------------- */
/* NAVIGATION */
/* ----------------------------------- */
#main_nav ul					{ width:960px; }
#main_nav ul li					{ list-style:none; float:left; }
#main_nav ul li a				{  height:17px; padding:10px 30px; color:#06c; font-size:14px; font-weight:bold; text-transform:uppercase; display:inline-block; }
#main_nav ul li a:hover			{ color:#c8edff; background:url(../images/main_nav_over.jpg) repeat-x left top; }
#main_nav ul li a.l_curve		{ width:51px; height:17px; padding:10px 40px; color:#06c; font-size:14px; font-weight:bold; display:inline-block; 
								  background:url(../images/l_curve.jpg) no-repeat left top; }
#main_nav ul li a:hover.l_curve	{ color:#c8edff; background:url(../images/l_curve_over.jpg) no-repeat left top; }
#main_nav ul li a.r_curve 		{ width:71px; height:17px; padding:10px 46px; color:#06c; font-size:14px; font-weight:bold; display:inline-block;
								  background:url(../images/r_curve.jpg) no-repeat right top; }
#main_nav ul li a:hover.r_curve { color:#c8edff; background:url(../images/r_curve_over.jpg) no-repeat right top; }
#main_nav ul li a.current		{ color:#c8edff; background:url(../images/main_nav_over.jpg) repeat-x left top; }
#main_nav ul li a.l_current		{ color:#c8edff; background:url(../images/l_curve_over.jpg) no-repeat left top; }
#main_nav ul li a.r_current		{ color:#c8edff; background:url(../images/r_curve_over.jpg) no-repeat right top; }
/* ----------------------------------- */
/* PROMOTION */
/* ----------------------------------- */
#l_promo						{ width:390px; padding:15px 0px 0px 30px; }
#l_promo h1						{ font-size:24px;}
#l_promo p						{
	padding:20px 0px 5px 0px;
	font-size:14px;
	line-height:22px;
	text-align: justify;
}
#r_promo						{ width:400px; padding:0 0px 0px 130px; }
.probg							{ background:url(../images/homepromobg.gif) no-repeat left top;}
/* ----------------------------------- */
/* CONTENT */
/* ----------------------------------- */
#con_main						{ width:960px; height:363px; padding:20px 0px 0px 0px; margin:0px;}
#con_sub						{ width:960px; height:363px; padding:20px 0px 0px 0px; margin:0px;}
#l_content						{ width:640px; background: url(../images/l_content.gif) no-repeat right top; }
.content_top					{ background:url(../images/content_top.gif) no-repeat left top; height:20px; display:block; }
.content_top1					{ background:url(../images/content_top1.gif) no-repeat left top; height:20px; display:block; }
.content_bot					{ background:url(../images/content_bot.gif) no-repeat left top; height:20px; display:block; }
.section						{ width:958px; height:323px; background:url(../images/content_mid.gif) repeat-x left top; 
								  border-left:solid 1px #b2e7ff; border-right:solid 1px #b2e7ff; }

.section h2						{ padding:10px 20px; }
.solution						{ width:300px; height:118px; padding:20px 0px 0px 10px; margin:0px; float:left; }
.solution img					{ width:90px; height:90px; float:left; padding:0px; margin:0px; }
.solution h4					{ padding:0px 0px 5px 0px; margin:0px; font-weight:bold; color:#0035ae; text-transform:uppercase; }
.solution h4 a:link,
.solution h4 a:visited			{ color:#0035ae; text-decoration:none;}
.solution h4 a:hover			{ color:#fff;}
.solution p						{ width:200px; padding:0px; margin:0px; float:left; }
#r_content						{ width:310px; padding:0px; margin:0px; background:url(../images/quot.gif) no-repeat 220px 155px;}
#r_content h2					{ padding:10px 0px 0px 27px; }
#r_content p					{ padding:25px 20px 0px 30px; line-height:195%; }

/* ----------------------------------
	Other Pages
------------------------------------*/
.contentmain					{
	background: url(../images/content_bg.png) no-repeat left top;
	margin:10px 0 0 0;
	height:auto;
}
.contenttop						{ background: url(../images/content_bodybg.png) repeat-y;}
.contentbottom					{ background:url(../images/content_bottom.png) no-repeat left top; height:26px;}
.about							{ width:450px; margin:30px 30px 0 0;}
.about p						{ font-size:1.2em; line-height:165%; padding:15px 0 ;}
.about .img						{ margin: 90px 0 0 60px;}
.about .images					{ margin: 140px 0 0 70px;}
#content_wrap h1				{ font-size: 2.5em; letter-spacing:normal; }
#content_wrap h2				{ font-size: 1.8em; letter-spacing:normal; font-weight:bold;}
.contenttop h1					{ padding:20px;}
.contenttop .image				{ padding: 30px 0 0 40px;}
.services						{ width:880px; margin: 0 auto;}
.services h1					{ padding:30px 0 0 0;}
.services h3					{ padding:10px 0;}
.servicecontainer				{border-bottom:1px solid #b5edff; padding: 20px 0;}
.servleft						{width:200px;}
.servright						{width:640px;}

.servright ul li				{line-height: 125%; font-size:1.1em; font-weight:bold; 
								 background:url(../images/bullet.jpg) no-repeat left center; padding:4px 25px;
								}
.services p						{ font-size:1.2em; line-height:165%; padding:15px 0 0 0;}

/*----------------------------
Testimonials
--------------*/
.testimonial					{ width:880px; margin: 0 auto;}
.testimonial h1					{ padding:30px 0 20px 0;}
.testimonial h3					{ padding:18px 0 0 80px;}
.testimonialcontainer			{ background:url(../images/testbg.gif) no-repeat 0 0; height:155px;}
.testimonialleft				{ width:250px;}
.testimonialright				{ width:580px;}
.testimonial p					{ font-size:13px; line-height:165%; padding:10px 0 0 25px;}
.test							{ padding:13px 0 0 13px;}


/* ----------------------------------- */
/* FOOTER */
/* ----------------------------------- */
#footer_wrap					{
	width:100%;
	height:225px;
	margin:40px 0px 0px 0px;
	background:url(../images/footerbg.gif) repeat-x left top;
	background-color: #000000;
}
#footer							{ width:960px; height:220px; margin:0px auto; }
#footer p						{ color:#6ccfff; padding:5px 0px 0px 0px; }
#footer a						{ padding:5px 0px 0px 0px; text-decoration:none; color:#6ccfff; text-decoration:underline;}
#footer a:hover					{ color:#FFF;}
#l_footer						{
	width:220px;
	padding:0px 0px 0px 0px;
	background:url(../images/foot_line.gif) no-repeat right top;
}
#l_footer h3					{ padding:30px 0px 0px 0px; font-size:14px; font-weight:bold; color:#dbf3ff; text-transform:uppercase;}
#footer h3 img					{ padding:0px 0px 0px 5px; }
.l_foot							{ padding:20px 0px 0px 0px; }
.r_foot							{ padding:20px 50px 0px 0px; }
.r_foot img						{ padding:0px 5px 0px 0px; }
#c_footer						{
	width:235px;
	padding:0px 0px 0px 0px;
	background:url(../images/foot_line.gif) no-repeat right top;
}

#c_footer h3					{
	padding:30px 0px 0px 40px;
	font-size:14px;
	font-weight:bold;
	color:#dbf3ff;
	text-transform:uppercase;
}
#d_footer						{
	width:235px;
	padding:0px 0px 0px 0px;
	background:url(../images/foot_line.gif) no-repeat right top;
}
#d_footer h3					{
	padding:30px 0px 0px 40px;
	font-size:14px;
	font-weight:bold;
	color:#dbf3ff;
	text-transform:uppercase;
}
#links							{ padding:20px 0px 0px 40px; }
#links ul li					{ padding-bottom:2px;}
#links_local							{ padding:20px 0px 0px 40px; }
#links_local ul li					{ padding-bottom:2px;}
#r_footer						{ width:270px; padding:0px 0px 0px 0px; }
#r_footer img					{ padding:25px 0px 0px 20px; }
#r_footer p						{ padding:20px 0px 0px 30px; }
#foot_validation				{ padding:20px 20px 0px 0px; }
#foot_validation a				{ padding:5px 0px 0px 0px; text-decoration:none; color:#6ccfff; }
#foot_validation a:hover		{ color:#fff;}


/* ----------------------------------- */
/* JCAROUSEL SKIN-IE */
/* ----------------------------------- */
.jcarousel-skin-ie7 .jcarousel-container 				{ background: url(../images/clients_mid.gif) repeat-x 0 0; }
.jcarousel-skin-ie7 .jcarousel-container-horizontal 	{ width:880px; padding: 0px 40px; }
.jcarousel-skin-ie7 .jcarousel-clip-horizontal 			{ width:880px; height: 117px; }
.jcarousel-skin-ie7 .jcarousel-item 					{ width:176px; height: 117px; } 
.jcarousel-skin-ie7 .jcarousel-item-horizontal 			{  }
.jcarousel-skin-ie7 .jcarousel-item-placeholder 		{  }
.jcarousel-skin-ie7 .jcarousel-next-horizontal 			{ position: absolute; top: 0px; right: 0px; width: 25px; height: 117px; cursor: pointer; 
												 	      background:url(../images/clients_right.gif) no-repeat 0 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal 			{ position: absolute; top: 0px; left: 0px; width: 25px; height: 117px; cursor: pointer;
												 		  background:url(../images/clients_left.gif) no-repeat 0 0;  }
/* ----------------------------------- */
/* JCAROUSEL CONTAINER */
/* ----------------------------------- */
.jcarousel-container 									{ position:relative; }
.jcarousel-clip 										{ z-index: 2; padding: 0; margin: 0; overflow: hidden; position:relative;  }
.jcarousel-list 										{ z-index: 1; overflow:hidden; position:relative; top:0; left:0; margin:0; }
.jcarousel-list li, .jcarousel-item 					{ float: left; list-style: none; width: 313px; height: 203px;}
.jcarousel-next 										{ z-index: 3; display: none; }
.jcarousel-prev 										{ z-index: 3; display: none; }
/* ----------------------------------- */
/* JCAROUSEL SKIN-TANGO CONTAINER */
/* ----------------------------------- */
.jcarousel-skin-tango .jcarousel-container 				{ width:358px; padding:10px; background:url(../images/banner.gif) no-repeat left top;}
.jcarousel-skin-tango .jcarousel-container-horizontal 	{ width:313px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal 		{ width:293px; height: 183px; }
.jcarousel-skin-tango .jcarousel-item 					{ width: 293px; height: 183px; }
.jcarousel-skin-tango .jcarousel-item-horizontal 		{ margin:0px 10px 0px 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal 		{ position: absolute; top: 80px; right: -12px; width:33px; height:32px; cursor: pointer;
									 					  background: url(../images/right_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal 		{ position: absolute; top: 80px; left: -32px; width:33px; height:32px; cursor: pointer;
									  					  background: url(../images/left_arrow.gif) no-repeat 0 0; }

/* ----------------------------------- */
/* PORTFOLIO PAGE CONTENT   */
/* ----------------------------------- */
.portfolio_wrap											{ width:960px; height:316px; padding:0; margin:10px 0px 20px 0px; 
															  background: url(../images/portfolio_promobg.png) no-repeat left top; 
														}

.visit a												{color:#082d7a; font-weight:bold; display:block; height:33px; padding:4px 22px;
														 background:url(../images/visit_button.gif) no-repeat top left;  
														}
.visit a:hover											{color:#fff; background:url(../images/visit_button_hover.gif) no-repeat top left; }										
.portfolio_left											{ padding:35px 0 0 60px; width:352px; height:220px;}
.portfolio_right										{ padding:0 55px 0 0; font-size:14px; line-height:24px; width:340px;
														}
.portfolio_right h1										{ padding:40px 0 0 0; font-size:28px; letter-spacing:normal; font-weight:bold;
															font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
														}	
.portfolio_right p										{ padding:35px 0 0 0; }
.port h1												{ font-size:2.4em; letter-spacing:normal; font-weight:normal; padding:30px 0 0 0;}
.port													{ margin: 0 40px; }

.port p													{ font-size: 1.2em; line-height:165%; padding:20px 0 0 0;}

.paginatioan ul											{ list-style:none; font-size:14px; font-weight:bold;}
.paginatioan ul li										{ float:left; }
.paginatioan ul li a									{ background:url(../images/page_grey.gif) no-repeat left top; display:block; 
														  padding:7px 12px; color:#a5a5a5;}
.paginatioan ul li a:hover								{ background:url(../images/pageblue.gif) no-repeat left top; color:#082d7a;}
.paginatioan .current									{ background:url(../images/pageblue.gif) no-repeat left top; color:#082d7a;}
/* ----------------------------------- */
/* PORTFOLIO JCAROUSEL SKIN-TANGO CONTAINER */
/* ----------------------------------- */
.portfolio_jcarousel-skin-tango .jcarousel-container 				{ width:358px; padding:10px; background:url(../images/portfoliobanner.png)	
																			 no-repeat left top;
																	}
.portfolio_jcarousel-skin-tango .jcarousel-container-horizontal 	{ width:377px; height:250px; }
.portfolio_jcarousel-skin-tango .jcarousel-clip-horizontal 			{ width:344px; height: 224px; }
.portfolio_jcarousel-skin-tango .jcarousel-item 					{ width: 344px; height: 224px;}
.portfolio_jcarousel-skin-tango .jcarousel-item-horizontal 			{ margin:10px 0 0 10px; }
.portfolio_jcarousel-skin-tango .jcarousel-next-horizontal 			{ position: absolute; top: 110px; right: -14px; width:33px; height:32px; 		
																	cursor: pointer; background: url(../images/right.png) no-repeat 0 0; 
																	}
.portfolio_jcarousel-skin-tango .jcarousel-prev-horizontal 			{ position: absolute; top: 110px; left: -32px; width:33px; height:32px; 
																	cursor: pointer; background: url(../images/left.png) no-repeat 0 0; 
																	}
																	
/*----------------------------------- 
	form 
-------------------------------------*/

#contactFormArea				{ color: #000; font-size:1em; line-height:165%; }
fieldset 						{ border:0;margin:0;padding:0; }
label 							{ display:block; }
input.text,textarea 			{ width:400px; padding:5px;margin:5px 0;border:1px solid #b5edff; background:#88e1ff; color: #000;}
input.submit 					{ background: #0066cc; padding:8px; border:none; color:#fff; font-size:1.2em; font-weight:bold; }
.mandy							{ color:#fff;}

/*---------------------------
	Cu3ER
	---------------------------*/
#cu3er-container {width:380px; outline:0; margin: 10px;}

/*------------------------------------
Service Carousel
----------------------------------*/
#servcarousel {width:800px;}


/* ----------------------------
   JCAROUSEL SKIN-IE DEFINITION 
   ---------------------------- */ 
     
.jcarousel-skin-ie7 .jcarousel-container 				{ background: url(../images/clients_mid.gif) repeat-x 0 0; }
.jcarousel-skin-ie7 .jcarousel-container-horizontal 	{ width:880px; padding: 0px 40px; }
.jcarousel-skin-ie7 .jcarousel-clip-horizontal 			{ width:880px; height: 117px; }
.jcarousel-skin-ie7 .jcarousel-item 					{ width:176px; height: 117px; padding:0px; margin:0px;} 
.jcarousel-skin-ie7 .jcarousel-item-horizontal 			{ margin:0px; padding:0px; }
.jcarousel-skin-ie7 .jcarousel-item-placeholder 		{ margin:0px; padding:0px; }
/*  Horizontal Buttons  */
.jcarousel-skin-ie7 .jcarousel-next-horizontal 			{ position: absolute; top: 0px; right: 0px; width: 25px; height: 117px; cursor: pointer; 
												 	      background:url(../images/clients_right.gif) no-repeat 0 0; }
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover 	{ background:url(../images/clients_right_over.gif) 0 0; }
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active 	{ background:url(../images/clients_right_over.gif) 0 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal 			{ position: absolute; top: 0px; left: 0px; width: 25px; height: 117px; cursor: pointer;
												 		  background:url(../images/clients_left.gif) no-repeat 0 0;  }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover 	{ background:url(../images/clients_left_over.gif) 0 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active 	{ background:url(../images/clients_left_over.gif) 0 0; }


/* ----------------------------
   JCAROUSEL CONTAINER DEFINITION 
   ---------------------------- */

.jcarousel-container 				{ position: relative; }
.jcarousel-clip 					{ z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list 					{ z-index: 1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the explicitly. Nowidth/height causes infinite loops. */ width: 373px; height: 238px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next 					{ z-index: 3; display: none; }
.jcarousel-prev 					{ z-index: 3; display: none; }

/* ----------------------------
   JCAROUSEL SKIN-TANGO CONTAINER DEFINITION 
   ---------------------------- */

.jcarousel-skin-tango .jcarousel-container 				{ margin:0px; padding:0px;}
.jcarousel-skin-tango .jcarousel-container-horizontal 	{ width: 373px; margin:23px 0px 0px 43px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal 		{ width:373px; height: 238px; }
.jcarousel-skin-tango .jcarousel-item 					{ width: 373px; height: 238px; }
.jcarousel-skin-tango .jcarousel-item-horizontal 		{ margin:0px 10px 0px 0px;}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal 		{ position: absolute; top: 105px; right: -35px; width: 24px; height: 25px; cursor: pointer;
									 					  background: url(../images/right_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover	{ background: url(../images/right_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background: url(../images/right_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal 		{ position: absolute; top: 105px; left: -35px; width: 24px; height: 25px; cursor: pointer;
									  					  background: url(../images/left_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover	{ background: url(../images/left_arrow.gif) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background: url(../images/left_arrow.gif) no-repeat 0 0; }

/* ----------------------------
   LIGHTBOX CONTAINER DEFINITION 
   ---------------------------- */
#lightbox											{ position:absolute; left: 0; width:100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img										{ width: auto; height: auto;}
#lightbox a img										{ border: none; }
#outerImageContainer								{ position: relative; background: #212121; width:250px; height: 250px; margin:0 auto; }
#imageContainer										{ padding: 10px; }
#loading											{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav											{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav							{ left: 0;}
#hoverNav a											{ /*outline: none;*/ }
#prevLink, #nextLink								{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink											{ left: 0; float: left;}
#nextLink 											{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover 			{ background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover 			{ background:url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer									{ background:#212121; margin:0 auto; width:100%; padding:10px 0px 0px 0px; height:30px; overflow:hidden; }
#imageData											{ padding:0 10px; color: #ffffff; }
#imageData #imageDetails							{ width: 70%; float: left; text-align: left; }	
#imageData #caption									{ font-weight: bold;	}
#imageData #numberDisplay							{ display: block; clear:left; padding:10px 0px; color:#999;	}			
#imageData #bottomNavClose							{ width:66px; float: right;  padding:0px 0px 10px 0px; /*outline: none;*/}	 	
#overlay											{ position: absolute; top: 0; left: 0; z-index:90; width: 100%; height:500px; background: #000;}

/* ----------------------------
   GALLERY DEFINITION 
   ---------------------------- */
.gallery						{
	padding:0px 0px 10px 35px;
	margin:0px auto;
	width:830px;
}
.gallery ul						{ padding:0px; margin:0px; }
.gallery ul li					{
	padding:0px;
	margin:10px 22px 0px 0px;
	width:164px;
	float:left;
	list-style:none;
	border:solid 10px #CCCCCC;
	height:100px;
}
.gallery ul li.no_pad 			{ margin:10px 0px 0px 0px; }
.gallery ul li img				{ padding:0px; margin:0px; border:none;}