html {
	height:100%;
	width:100%;
}
body {
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 62.5%;
	line-height:12px;
	color:#363636;
	background:url(../images/bg.png) repeat-x top #222236;
}
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe {
	padding:0;
	margin:0;
	border:0;
}
ul {
	font-weight:bold;
	list-style-position: outside;
	list-style-image: url(../images/bullet_blue.png);
	list-style-type: square;
}
img {
	display:block;
}
table td {
	vertical-align:top;
}
.clear {
	content:".";
	height:0;
	visibility: hidden;
	display:block;
	clear:both;
}
* {
	outline: none;
}
a{}
a:hover{
	text-decoration:none;
}
.floatRight {
	float:right;
	display:inline;
}
.floatLeft {
	float:left;
	display:inline;
}
.body{
	background:url(../images/bg2.jpg) no-repeat center top;
}
.all{
	width:988px;
	margin:0 auto;
}
.midd{
	background:url(../images/bg-midd.png) repeat-y left top;
	overflow:hidden;
	padding:0 31px 0 32px;
}
.copyright{
	background:url(../images/bg-footer.png) no-repeat left top;
	color:#b1b6c8;
	padding:30px 0 0 125px;
	height:78px;
}
.copyright a, .develop a{
	color:#b1b6c8;

}
.develop{
	color:#b1b6c8;
	text-align:right;
	line-height:18px;
	width:200px;
	float:right;
	padding:13px 140px 0 0;
}
.head{}


.links{
	height:56px;
	padding-top:32px;
	background:url(../images/bg-links.jpg) no-repeat right top;
	text-align:center;
	font-size:10px;
	line-height:17px;
	color:#fff;
}
.links a{
	color:#fff;
	margin:0 4px;
	text-decoration:none;
}
.links a:hover{
	text-decoration:underline;
}
.main-nav{
	background:url(../images/bg-mainNav.png) repeat-x top;
	height:33px;
	padding-left:125px;
}
.main-nav li{
	float:left;
	list-style:none;
}
.main-nav li a{
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	background-repeat:no-repeat;
	background-position:left top;
	height:33px;
}
.main-nav li a:hover{
	background-position:left bottom;
}
.main-nav li a.nav1{
	background-image:url(../images/nav1.png);
	width:71px;
}
.main-nav li a.nav2{
	background-image:url(../images/nav2.png);
	width:153px;
}
.main-nav li a.nav3{
	background-image:url(../images/nav3.png);
	width:58px;
}
.main-nav li a.nav4{
	background-image:url(../images/nav4.png);
	width:109px;
}
.main-nav li a.nav5{
	background-image:url(../images/nav5.png);
	width:118px;
}

.main-nav li a.nav5_5 {
    background-image: url(../images/nav5_5.png);
    width: 133px;
}
.main-nav li a.nav6{
	background-image:url(../images/nav6.png);
	width:107px;
}
.main-nav li a.nav7{
	background-image:url(../images/nav7.png);
	width:88px;
}
/*---------------------------
	DROP DOWN
---------------------------*/
.main-nav ul.inner1 {
	display: none;
	position: absolute;
	clear:both;
	border:1px solid #2B2C40;
	margin-top:-1px;
	color:#fff;
	background:#51567E;
	font-size:12px;
	line-height:15px;
	font-style:italic;
	z-index:1;
	text-align:left;
}
.main-nav ul.inner1 li {
	float:none;
}
.main-nav ul.inner1 li a {
	height:auto;
	font-size:12px;
	line-height:25px;
	text-indent:0;
	text-decoration:none;
	color:#fff;
	background:none;
	padding:0 10px;
}
.main-nav li ul.inner1 li a:hover{
	background:#474747;
}

.flash{
	position:relative;
	height:232px;
}
.flash div{
	position:absolute;
	left:0;
	top:0;
}

ul.blocks{
	overflow:hidden;
	margin:0;
}
.blocks li{
	float:left;
	list-style:none;
	border-left:1px solid #c8cacd;
	display:block;
	width:220px;
	height:167px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.blocks li:hover{
	background-position:left bottom;
}
.block1{
	background-image:url(../images/block1.jpg);
}
.block2{
	background-image:url(../images/block2.jpg);
}
.block3{
	background-image:url(../images/block3.jpg);
}
div.area{
	overflow:hidden;
	border-bottom:1px solid #a5aea5;
	background:url(../images/bg-cont.gif) no-repeat 350px bottom;
}
.sideArea{
	float:left;
	width:261px;
	background:url(../images/bg-sideArea.jpg) repeat-y left top;
	padding-bottom:10000px;
	margin-bottom:-10000px;
	position:
}
.side-nav{
	overflow:hidden;
}
.side-nav li{
	float:left;
	width:100%;
	list-style:none;
}
.side-nav li a{
	display:block;
	background:url(../images/bg-snav.png) no-repeat 0 0;
	height:35px;
	font-size:11px;
	line-height:35px;
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}
.side-nav li a:hover{
	background-position:0 100%;
}
.side-nav ul{
	display:none;
	overflow:hidden;
	border-top:1px solid #666;
	background:#3B4361;
}
.side-nav li.disp ul{
	display:block;
}
.side-nav ul li a{
	display:block;
	font-size:12px;
	line-height:22px;
	height:22px;
	text-decoration:none;
	text-indent:0;
	background:none;
	color:#fff;
	padding-left:10px;
	border-bottom:1px solid #666;
}
.side-nav ul li a:hover{
	background:#2E5331;
}
.col{
	margin-left:262px;
}
.mainArea{
	font-size:13px;
	line-height:18px;
	padding:14px 18px;
	min-height:217px;
}
.mainArea h1{
	font-size:14px;
	line-height:18px;
	margin-bottom:14px;
}
.mainArea h2, .mainArea h3{
	margin-bottom:14px;
}
.mainArea h2{
	font-size:13px;
	line-height:16px;
}
.mainArea h3{
	font-size:12px;
	line-height:15px;
}
.mainArea p{
	margin-bottom:14px;
	text-align:justify;
}
.mainArea ul, .mainArea ol{
	margin:0 0 14px 25px;
}
.mainArea ul ul, .mainArea ol ol{
	margin-top:10px;
	margin-bottom:10px;
}
.mainArea li{
	padding-bottom:3px;
	text-align:justify;
}
.mainArea a{
	color:#262b3e;
}
.contimg{
	float:right;
	display:inline;
	margin:5px 0 14px 10px;
}
.joinForm{
	background:url(../images/bg-form.jpg) no-repeat left top;
	width:260px;
	height:90px;
	border-right:2px solid #c8cacd;
	float:left;
	padding-top:76px;
}
.joinForm label{
	font-size:12px;
	line-height:18px;
	color:#fff;
	width:55px;
	margin-right:7px;
	text-align:right;
	margin-bottom:8px;
	float:left;
}
.joinForm input.txt{
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#363636;
	width:180px;
	margin-bottom:8px;
	float:left;
}
.joinForm input.sbmt{
	width:100px;
	height:18px;
	background:#2b3658;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	float:right;
	margin-top:6px;
	margin-right:70px;
	display:inline;
}

.externalBlocks{
	background:url(../images/bg-blocks.gif) no-repeat left top;
	height:99px;
	padding:31px 0 0 18px;
}
.externalBlocks ul {
	list-style:none;
	height:69px;
}
.externalBlocks li {
	float:left;
	display:inline;
	width:127px;
	height:69px;
}
.form{
	width:74%;
}
.form td{
	text-align:left;
	vertical-align:top;
	padding-bottom:5px;
	line-height:22px;
}
.form img{
	margin-bottom:3px;
}
.form span{
	color:#f00;
}
.form td.left{
	vertical-align:top;
	text-align:right;
	padding-right:10px;
}
input.text{
	height:19px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	line-height:22px;
	font-size:14px;
	width:99.9%;
	border:1px solid #E0E0E0;
	background:#fff;
}
.form select{
	height:19px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	line-height:22px;
	font-size:14px;
	width:99.9%;
	border:1px solid #E0E0E0;
	background:#fff;
}

.form textarea{
	height:80px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	line-height:22px;
	font-size:14px;
	width:99.9%;
	border:1px solid #E0E0E0;
	background:#fff;
}
input.submit{
	font-size:12px;
	border:1px solid #E0E0E0;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:150px;
	height:25px;
	background:#494949;
	cursor:pointer;
}
.image{
	padding-top:15px;
}
.image img{
	margin:0 auto;
}


ul.portfol-block{
	margin:0;
}
ul.portfol-block li{
	float:left;
	list-style:none;
	padding-right:2px;
}
ul.portfol-block li.last{
	padding:0;
}
ul.portfol-block li a{
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	background-position:left top;
	background-repeat:no-repeat;
	width:155px;
	height:159px;
}
ul.portfol-block li a:hover{
	background-position:left bottom;
}
ul.portfol-block li a.bl1{
	background-image:url(../images/portfol-block1.jpg);
}
ul.portfol-block li a.bl2{
	background-image:url(../images/portfol-block2.jpg);
}
ul.portfol-block li a.bl3{
	background-image:url(../images/portfol-block3.jpg);
}
ul.portfol-block li a.bl4{
	background-image:url(../images/portfol-block4.jpg);
}


.lt{
	float:left;
	display:inline;
	margin-top:90px;
	margin-left:-15px;
}
.rt{
	float:right;
	display:inline;
	margin-top:90px;
	margin-right:-15px;
}





ul.projectImg{
	margin:0;
}
ul.projectImg li{
	float:left;
	width:201px;
	padding-right:5px;
	text-align:center;
	font-size:12px;
	line-height:15px;
	list-style:none;
}
ul.projectImg li.last{
	padding-right:0;
}
ul.projectImg li div{
	border:1px solid #000;
	height:199px;
	margin-bottom:5px;
}
ul.projectImg li div img{
	margin:0 auto;
}
.maps{
	overflow:hidden;
	width:240px;
	margin:0 auto 15px !important;
}
.maps li{
	float:left;
	display:inline;
	list-style:none;
	width:204px;
	margin:0 10px;
	border:1px solid #000;
	background:#505d91;
	text-align:center;
	color:#fff;
	padding:5px 0;
	cursor:pointer;
}
.maps li.cur{
	background:#505d91;
}
.maps li p{
	text-align:center;
	margin:5px 0 0 0;
}
.map{
	width:430px;
	height:300px;
	margin:0 auto;
	position:relative;
	border:1px solid #333;
}
.map div{
	position:absolute;
	left:0;
	top:0;
	display:none;
}
a.link .linkbg {width:127px;height:69px;}
a.link .linkbg img {width:127px;height:69px;}
a.link:hover .linkbg {width:127px;height:69px;overflow:visible;visibility:hidden;}
a.link:hover .linkbg img {visibility:visible;position:absolute;z-index:150;}
.prefooter {
	background:#606060;
	height:56px;
	padding:12px 0 0 20px;
	border-bottom:2px #b1b6c8 solid;
}
.social {
	list-style:none;
	height:48px;
}
.social li {
	float:left;
	display:inline;
	margin-right:10px;
}
.social li a {
	text-decoration:none;
	width:48px;
	height:48px;
	display:block;
	outline:none;
}
.facebook {
	background:url(../images/facebook.png) no-repeat 0 0;
}
.twitter {
	background:url(../images/twitter.png) no-repeat 0 0;
}
.in {
	background:url(../images/in.png) no-repeat 0 0;
}
.tube {
	background:url(../images/tube.png) no-repeat 0 0;
}
.mp {
	background:url(../images/mp.png) no-repeat 0 0;
}
.pdf {
	background:url(../images/pdf.jpg) no-repeat 0 0;
	width:235px;
	height:48px;
	display:inline-block;
	float:right;
	text-decoration:none;
	outline:none;
	margin-right:20px;
}




.accordion li{
	color:#3B4E78;
	margin:9px 0;
}
.accordion a{
	color:#3B4E78;
}
.accordion div{
	padding:15px;
	margin:5px;
	width:90%;
	border:1px solid #3B4E78;
	color:#000;
}


div.paginator {
	text-align:center;
	font-size:14px;
	line-height:16px;
	margin-top:15px;
}
div.paginator a {
	color:#ef4900;
	margin:0 3px;
}
div.paginator a:hover {
	text-decoration:none;
}
div.paginator strong {
	font-weight:bold;
	margin:0 3px;
}
.mainArea p.design {
	font-size:12px;
	text-align:center;
}
.enlarge {
	padding:30px 0;
}
.new_bg {
	background:url(../images/new_bg.jpg) repeat-x 0 0;
	height:32px;
}
.new_bg a {
	line-height:32px;
	height:32px;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	padding:0 12px;
	border-right:1px #000000 solid;
	display:inline-block;
}
.new_bg a span {
	font-weight:bold;
}
.new_bg a:hover {
	color:#000000;
}
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:605px;      
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

/* the overlayed element */ 
.overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#F3F3F3; 
     
    width:605px;      
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
	
	padding:10px 10px 0 10px;
	color:#636363;
}

.overlay h2{
	margin-bottom:10px;
}

/* close button positioned on upper right corner */ 
.simple_overlay .close, .overlay .close{ 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.portfolio {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 558px;
	height:197px;
	margin:10px auto 0;
}

.portfolio .items {
	/* this cannot be too large */
	width:200000em;
	position:absolute;
}
.items div {
	float:left;
}
.items div img{
	float:left;
	display:inline;
}
.next{
	background:url(../images/arrow-right.png) no-repeat;
	width:34px;
	height:43px;
	float:right;
	display:inline;
	margin-top:85px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	cursor:pointer;
}
.prev{
	background:url(../images/arrow-left.png) no-repeat;
	width:34px;
	height:43px;
	float:left;
	display:inline;
	margin-top:85px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	cursor:pointer;
}
.portfol{
	list-style:none;
	overflow:hidden;
	_overflow:visible;
	_height:1%;
	margin:0 !important;
}
.portfol li{
	float:left;
	display:inline;
	width:198px;
	margin:15px 5px 10px 5px;
}
.portfol li a {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	background-position:left top;
	background-repeat:no-repeat;
	height:150px;
	padding:0;
}
.portfol li a:hover{
	background-position:0 100%;
}
.portfol li a.portfol1{
	background-image:url(../images/portfolio1.jpg);
}
.portfol li a.portfol2{
	background-image:url(../images/portfolio2.jpg);
}
.portfol li a.portfol3{
	background-image:url(../images/portfolio3.jpg);
}

.plus {
	padding:10px 0 0 10px;
}
.facebook-like {
	padding:10px 0 0 10px;
}

/* Gallery Styles Motion */
/*
#motioncontainer {
margin:20px auto 0 auto;  
width: 550px; 
height: 222px; 
position:relative;
overflow:hidden;
}

#motioncontainer img {
display:inline;
}


#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; 
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; 
}
*/
/* End Gallery Styles */