@import "reset.css";
body { font-family: Arial; font-size:12px; line-height:18px;color:#fff;text-align:left; background:#1d1d1d; padding:0; margin:0; width:100%; height:100%}


a       { color:#fcfcfc; text-decoration:underline; cursor:pointer; outline:none; }
a:link  { color:#fcfcfc; text-decoration:underline;}
a:hover { color:#fcfcfc; text-decoration:none;}
a:active{ color:#fcfcfc	; text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}

strong{ text-transform:uppercase; display:block; font-weight:normal; margin-bottom:2px; color:#fff}


.grid_1{ width:500px}
.grid_2{ width:360px}
.grid_3{ width:425px}
.grid_4{ width:240px}
.grid_5{ width:480px}



.left_20{ margin-left:20px}
.right_20{ margin-right:20px}
.right_30{ margin-right:30px}


.bg{ background: url(../images/business_jsanimated.jpg) center 50% no-repeat; position: absolute;  width:100%; height:100%;}
.page{ width:1000px; height:600px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-300px}
	.top{ position:relative; height:58px;}
	.top h1{ margin-left:10px; float:left}
		ul.links{ float:right; margin:0; padding:0; padding-top:4px}
			ul.links li{ float:right; width:80px; height:40px; text-align: center; background:url(../images/bg_li_links.gif) left repeat-y;}
			ul.links li a{ display:block; width:80px; height:40px; text-decoration:none; line-height:40px; }
			ul.links li a:hover{ background: url(../images/bg_li_a_hover.png) top repeat}
/*   -----------------------------------------------------------------------------*/ 
.text_menu{  width:980px; height:60px; position:absolute; top:470px; left:0; z-index:0; padding-left:20px}
.text_menu p{ width:161px ; height:60px; float:left; color:#000; text-transform:uppercase; text-align:center; font-size:30px; padding-top:15px}


.footer{ color:#a5a5a5; font-size:10px; text-transform:uppercase}
.privacy{ text-transform:uppercase; text-decoration:none; font-size:10px}
.privacy:hover{ text-decoration:underline}
/* -----------------------------------------------------------------------------*/ 

div.content h1{ font-size:25px; color:#a7a7a7; text-transform:uppercase; font-weight:normal; margin-bottom:18px}

.photo{ border:3px #fff solid}
.read_more{ font-size:12px; text-transform:uppercase; text-decoration:underline; line-height:26px}
a.blue{ color:#76c8ee}
.scroll{ overflow-y:scroll; padding-right:15px}


/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#fff; padding-bottom:2px; vertical-align:top}
.sub{font-size:12px; text-transform:uppercase; text-decoration:underline; line-height:26px; cursor:pointer; border:0; background:none; color:#fff}
	.sub:hover{ color:#fff}

	
.input_contact{background-color:#454545;
	width:360px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:1px solid #000;
	margin-bottom:2px}
	
.textarea_contact{background-color:#454545;
	width:360px;
	height:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:1px solid #000;margin-bottom:4px; line-height:22px}
	
.select{background-color:#454545;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	border:1px solid #d2dce6;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 



#anima { padding-right:10px; margin-left:10px}
#anima a{display: block; text-decoration: none; float:left; height:30px; padding-left:10px}
#anima a:hover{}


/* ----- script begin ----- */

#faded {	width:1000px;	height:540px;	overflow: hidden;	position: relative; background-color:#fff; margin-bottom:20px}
#faded ul.show{ width:956px; height:450px; margin-left:20px; margin-top:20px;}
#faded ul.show li div.content{ background:url(../images/bg_content.jpg) top no-repeat; width:906px; height:400px; padding:25px}


ul.pagination {
	width:980px;
	height:70px;
	overflow: hidden;
	position: relative;
	z-index:100; padding-left:20px; list-style-image:url(../images/spacer.gif) ; l
	}

	ul.pagination li { width:161px ; height:60px; float:left;}
		ul.pagination li a {
		background:none;
			display: block;
			width:111px ; height:48px;
			text-decoration: none;
			 text-indent:-999px;
			 display:block;
			 margin-left:26px; 
		}
		
		ul.pagination li a:hover { border-bottom:3px #76c8ee solid;}		
		ul.pagination li.current a { border-bottom:3px #76c8ee solid;}

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }