/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:url(../images/body-bg.jpg) top center no-repeat fixed #000; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	line-height:1.384em;
	color:#FCFCFC;
	min-width:1000px;
}

html, body { height:100%;}
div#top h1 a{background:url(../images/logo.gif) 0 0 no-repeat;}
div#nav ul li a{background:url(nav.png) no-repeat;}
div#content div.column-right ul li a{background:url(li-arrow.png) 5px 0 no-repeat;}
div#content div.column-right ul.list li{background:url(li-arrow.png) 5px 0 no-repeat;}
div#content div.column-right ul li a:hover{background-position:5px -21px;}
div#content div.client-right form.search input.button{background-image:url(go.png);}

p {padding-top:18px;}
.pad {
	padding-top:30px;
}
.pad1 {
	padding-top:14px;
}
.pad2 {
	padding-top:24px;
}
h3{
font-size:20px;
}
div#content h2{
float:left;
width:400px;
height:16px;
display:inline;
line-height:16px;
margin:5px 0 0 25px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
}
div#content div.info p.title{
color:#fff;
font-size:22px;
line-height:28px;
letter-spacing:1px;
font-family:"Trebuchet MS";
}
div.hr{
border:0;
clear:both;
height:30px;
margin:0 20px;
background:url(../images/hr.gif) 0 14px repeat-x;
}
a {
	color:#d6a300; 
	outline:none;
}
a:hover{
	text-decoration:none;
}




/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 980px; }

	/* Header */
	header{
		height:168px;
	}

div#footer{
font-family:Tahoma,sans-serif;
font-size:11px;
clear:both;
height:125px;
color:#858585;
margin-top:12px;
background:url(../images/footer-bg.png) 50% 0 repeat-x;
}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

.info{
margin:5px;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== header =====*/
header section {
	background:url(../images/header-bg.png) left top no-repeat;
}
div#top{
 height:245px;
 background:url(../images/top-bg.png) 0 0 repeat-x;
}
 div#top h1{
  float:left;
  width:456px;
  margin:18px 0 25px;
 }
  div#top h1 a{
   border:0;
   height:150px;
   display:block;
   line-height:150px;
   text-indent:-9999px;
  }
#navigation {
	margin:0px;
	padding:0px;
	clear:both;
	width:993px;
	height:48px;
	z-index:9999;
	background: #d6eaf8 url("../images/navigation/dropdown-bg.gif") repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.nav-main {
	position: relative;
	z-index: 9997;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 9998;
	cursor: pointer;
	background:  url("../images/navigation/dropdown-bg-hover.gif") repeat-x left top;
}



ul.nav-main li {
	float:left;
	display:block;
	height: 51px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	background:  url("../images/navigation/separator.gif") no-repeat right center;
}

ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:#FFFF00;
}



ul.nav-main *.list {
	padding-right: 22px;
	background:  url("../images/navigation/navigation-arrow.gif") no-repeat right top;
}



ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 48px;
	left: 0;
	z-index: 9999;
	background: #353535 url("../images/navigation/dropdown-list-bg.gif") repeat-x left top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 27px;
	float: none;
	width:145px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;	
}
/*===== content =====*/

.content {
	background:#000;
	margin-top:4px;
	width:100%;
}
	.content .indent {
		padding:28px 20px 39px 31px;
	}
#content {
	padding-bottom:3px;
}
 div#content div.column-third{
  float:left;
  width:263px;
  height:116px;
  padding:20px;
  display:inline;
  margin:0px 0 40px 20px;
  background:url(../images/column-third-bg.png) 0 0 no-repeat;
 }
  div#content div.column-third h4{
   font-size:20px;
   height:13px;
   line-height:13px;
   background-position:0 0;
   background-repeat:no-repeat;
  }
  div#content div.column-third p{
   margin:10px 0;
   
  }
  div#content div.column-third a{
   width:118px;
   height:28px;
  }

 div#content div.column-right{
  float:right;
  width:250px;
  display:inline;
  margin:10px 20px 0 0;
 }
  div#content div.column-right h2{
   width:200px
  }
  div#content div.column-right h4{
   width:250px;
   height:36px;
   margin:10px 0 11px;
   text-indent:-9999px;
   background-position:0 0;
   background-repeat:no-repeat;
  }

  div#content div.column-right ul{
   margin:10px 0 15px;
   list-style-type:none;
  }
  div#content div.column-right ul.children{
   margin:10px 0 15px 15px;
   margin:5px 0 0;
  }
   div#content div.column-right ul li{
    margin:0 0 5px;
    line-height:18px;
   }
    div#content div.column-right ul li a{
     display:block;
     overflow:hidden;
     padding:0 0 3px 0px;
     text-decoration:none;
    }
     div#content div.column-right ul li a:hover span{
      color:#fff;
     }
   div#content div.column-right ul.list li{
    padding:0 0 3px 40px;
   }
  div#content div.column-right p{
   margin:0 10px 10px 0;
  }
  div#content div.column-right p.caln{
   margin:0;
  }
  div#content div.column-right p.contact{
   margin:0 0 10px 25px;
  }
  div#content div.column-right ul.contact{
   margin:10px 0 25px -10px;
  }
   div#content div.column-left{
  float:left;
  width:670px;
  display:inline;
  margin:0 0 0 20px;
 }
  div#content div.column-left div.hr,
  div#content div.column-right div.hr{
   margin:0 -5px;
  }
  div#content div.column-left h2,
  div#content div.column-right h2{
   margin-left:0;
  }

 div#content div.client-tiny{
  margin:10px 0;
 }
  div#content div.client-tiny div.client-img{
   float:left;
   width:230px;
   height:148px;
   background: url("../images/230-img-bg.png") 0 0 no-repeat;
  }
   div#content div.client-tiny div.client-img img{
    width:212px;
    height:130px;
    margin:8px 0 0 8px;
   }
  div#content div.client-tiny div.client-entry{
   float:right;
   width:420px;
  }
   div#content div.client-tiny div.client-entry p.date{
    margin:2px 5px 0 0;
   }
   div#content div.client-tiny div.client-entry p.date,
   div#content div.client-large div.client-entry p.date{
    float:left;
    width:36px;
    color:#fff;
    height:40px;
    font-size:8px;
    padding:1px 3px;
    font-family:Arial;
    letter-spacing:1px;
    background-position:0 0;
    text-transform:uppercase;
    background-repeat:no-repeat;
   }
    div#content div.client-tiny div.client-entry p.date span,
    div#content div.client-large div.client-entry p.date span{
     color:#000;
     font-size:20px;
     line-height:18px;
     letter-spacing:0;
     font-weight:bold;
     padding:0 0 0 3px;
    }
   div#content div.client-tiny div.client-entry h3{
    float:left;
    width:340px;
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    font-family:Arial,sans-serif;
   }
   div#content div.client-tiny div.client-entry p.tags{
    float:left;
    color:#606060;
    line-height:22px;
   }
    div#content div.client-tiny div.client-entry p.tags a{
     color:#606060;
     text-decoration:underline;
    }
    div#content div.client-tiny div.client-entry p.tags a:hover{
     text-decoration:none;
    }
   div#content div.client-tiny div.client-entry div.entry{
    clear:both;
    margin:0 0 15px;
   }
    div#content div.client-tiny div.client-entry div.entry strong,
    div#content div.client-large div.client-entry div.entry strong{
     color:#fff;
    }
    div#content div.client-tiny div.client-entry div.entry ul,
    div#content div.client-large div.client-entry div.entry ul{
     margin:10px 0;
     list-style-type:none;
    }
     div#content div.client-tiny div.client-entry div.entry ul li,
     div#content div.client-large div.client-entry div.entry ul li{
      text-indent:0;
      padding:0 0 0 30px;
      background:url(../images/li-arrow.png) 0 0 no-repeat;
     }

.null {
	margin:0;
}
/*----------col-pad	---------*/
.content .col-pad {
	padding-right:36px;
}
.content .col-pad1 {
	padding-right:50px;
}

.row .col-pad {
	padding-right:38px;
}
.row .col-pad1 {
	padding-right:44px;
}
.row .col-pad2 {
	padding-right:34px;
}
/*---------*/

.title {
	color:#fff;
}
.text {
	color:#d6a300;
}

.phone {
	display:inline-block;
	width:95px;
}
/*-----links----------*/
.link {
	background:url(../images/link-left-bg.gif) left top no-repeat;
	display:inline-block;
	line-height:1.55em;
	text-decoration:none;
	margin:20px 0 0 0px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	font-size:0.92em;
}
	.link span {
		background:url(../images/link-right-bg.gif) right top no-repeat; 
		display:inline-block;
		padding:0 4px 0 4px;
	}
		.link span span  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:6px 10px 6px 10px;
		}

			.link:hover {
				background:url(../images/link-left-bg-hover.gif) left top no-repeat; 
			}
				.link:hover span {
					background:url(../images/link-right-bg-hover.gif) right top no-repeat;
				}
					.link:hover span span  {
						background:url(../images/link-tail-bg-hover.gif) top repeat-x;
					}
	.link-margin {
		margin-top:10px;
	}
	.link-margin1 {
		margin-top:35px;
	}
	.link-margin2 {
		margin-top:30px;
	}
/*----------row--------*/
.row {
	background:#17041e;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
}
	.row .indent {
		padding:34px 20px 41px 31px;
	}
		.row .padding {
			padding:28px 20px 37px 31px;
		}
		.row .padding1 {
			padding-bottom:44px;
		}
#page2 .row h3 {
	padding-top:24px;
}
/*===== footer =====*/
.policy {
	float:left;
	color:#fff;
	padding:18px 0 0 31px;
}
	.policy a {
		color:#fff;
		text-decoration:none;
	}

.sub-menu {
	float:right;
	padding:20px 20px 0 0;
}
	.sub-menu li {
		float:left;
		background:url(../images/sub-menu-bg.gif) left 5px no-repeat;
		padding:0 12px 0 12px;
	}
		.sub-menu li a {
			color:#fff;
			text-decoration:none;
		}
	.sub-menu .first {
		background:none;
	}
footer a:hover {
	text-decoration:underline;
}
/*----- forms -----*/
#search-form {
	float:right;
	padding:9px 14px 0 0;
	width:216px;
}
#search-form fieldset {
	border:none;
}
#search-form input {
	vertical-align:top;
	padding:0;
	margin:0;
}
	#search-form label {
		display:inline-block;
		height:34px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
		vertical-align:top;
	}
		#search-form .input {
			width:178px;
			margin:0 5px;
			padding:6px 0px 6px 0px;
			border:none;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
div { position:relative }
/* Portfolio Slides */
.grid {
	background:#222222;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 10px 11px 12px;
	
}
#featured {
	margin:0;
	width:957px;
	height:503px;
	padding:0;
	clear:both;
	overflow:hidden;
	position:relative;
}
	.featured-entry {
		width:5000px; 
		height:503px;
		position:relative;
		overflow:hidden;
	}
		.featured-entry img {
			width:957px;
			height:503px;
		}
		
			a.arrow-right, a.arrow-left {
				cursor:pointer;
				position:absolute;
				bottom:73px;
				padding:0;
				width:73px;
				height:356px }
	
			a.arrow-right {
				right:-73px;
				background:url(../images/arrow-right.gif) center center no-repeat #000;
			}	
			a.arrow-left {
				left:-73px;
				background:url(../images/arrow-left.gif) center center no-repeat #000;
			}
				* html a.arrow-right {
					right:-74px;
				}
			
.slider-block { 
	height:503px; 
	float:left;
	margin:0;
	padding:0
}
/*-----top-bottom-sliders---------*/
.top-slide, .top-slide a:hover, .bottom-slide a:hover, .top-slide h2 a {
	color:#fff
}
		.top-slide, .bottom-slide {
			width:957px; 
			position:absolute; 
			padding:0;
			background:#000000;
			height:74px;
		}
		.bottom-slide a {
			font-weight:bold;
			color:#F7CE19;
			text-transform:uppercase;
			font-size:0.92em;
			text-decoration:none;
			padding-top: 10px;
			padding-left: 5px;
		}
		
		.top-slide {
			top:-74px;
			left:0 
		}
		.bottom-slide {
			bottom:-74px;
			left:0
		}
		* html .featured-entry .bottom-slide {
			bottom:-76px;
			left:0;
		}
	
	.top-slide h2 { 
		font-size:1.846em;
		line-height:1.2307em;
		color:#fff;
		padding:13px 0 0 20px
	}
		.top-slide h2 em {
			display:block;
			font-size:0.541em;
			color:#daab00;
			font-weight:normal;
			font-style:normal;
			margin-top:0px
		}
		.top-slide h2 a, .top-slide h2 a:hover { 
			text-decoration:none
		}
		.bottom-slide div {
			padding:20px 150px 0 20px;
			line-height:1.15em;
		}
/*-------------------*/		

.number {
	line-height:1.2307em;
	text-align:right;
	font-size:0.92em;;
	font-weight:bold;
	position:absolute;
	bottom:30px;
	right:30px 
}
.list {

color:#FFFF00;
margin-top:8px;
font-family:Arial,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
list-style-image:url(../images/bullet-yellow.png);
list-style-position:inside;
margin-left:15px;
padding:0;
text-decoration:none;
text-indent:5px;
text-transform:none;
}
#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 371px;
	background:#F5F5F5;
	font-color:fff;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #BE7DDE;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 16px 0 0 20px !important;
  margin: 12px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

#triggerright img {
  display: block;
  cursor:pointer;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
#triggerright {
  float:right;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 15px !important;
  margin: 10px 0 0 10px;
}  
#triggerleft img {
  display: block;
  cursor:pointer;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
#triggerleft {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 6px !important;
  margin: 10px 0 0 6px;
}  
.more{
  background: url(/images/more.jpg) no-repeat bottom right;
  float:right;
  padding:5px;
  }