/* 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:#eee;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	color:#ccc;
	min-width:1000px;
	text-align: justify;
}
html, body { height:100%;}


p {
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	color:#333;
	padding-bottom:10px;
}

a {
	color:#36C;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto 0 auto;
	position: relative;
	width: 1032px;
	
	padding:0px;
	 }

	/* Header */
	#page1 header{
	height:700px;
	background:#fff;
	}
	
	header{
		height:126px; background:#fff; position:relative; z-index:22;
	}
	
	/* Content */
	section#content {
	position:relative;
	z-index:21;
	background:#fff;
	}			
	/* Footer */
	footer{
	height:101px;
	background:#fff;
	}
	.z-index {position:relative; z-index:999;}
/* 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;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 19px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:0 20px 0 0; 
	float:left;
}
.img-indent2 { 
	margin:0 17px 0 0; 
	float:left;
}

.img-indent3 { 
	margin:0 13px 0 0; 
	float:left;
}
.img-indent4 { 
	margin:0 15px 0 0; 
	float:left;
}

.extra-wrap { 
	width:100%;
}
.extra-wrap1 { 
	overflow:hidden;
}
.bg1 {
	background:#fff;
	height:126px;
}

h1 {
	display:inline-block;
	margin-top:20px;
	float:left;
	margin-left:7px;
	}
h1 a {
	text-indent:-5000px;
	background:url(../images/ddd-logo-white.png) 0 0 no-repeat;
	width:223px;
	height:85px;
	display:block;
	margin:0;
	padding:0;
}
h2 {
	font-size:18px;
	line-height:1.2307em;
	color:#333;
	text-transform:uppercase;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}


h3 {
	font-size:18px;
	line-height:1.2307em;
	color:#333;
	text-transform:uppercase;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.h3-bot {
	padding-bottom:10px;
}
.h3-bot1 {
	padding-bottom:0px;
}
.h3-bot2 {padding-bottom:25px;}
.h3-bot3 {padding-bottom:30px;}
.h3-top {padding-top:59px;}
.h3-top1 {padding-top:63px;}

h4 {
	font-size:14px;
	line-height:1.2307em;
	color:#333;
	text-transform:none;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.h4-bot {padding:16px 0;}

nav {
	float:right;
	z-index:999;
	position:relative;
	padding:11px 11px 0px 0px;
}
.sf-menu li {
	float:left;
	position:	relative;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right:6px;
	}
.sf-menu a {
	display:block;
	position:		relative;
	color:#333;
	text-decoration:none;
	padding:10px 12px 0px 12px;
	}
	.sf-menu li li {
	padding:0;
	font-size:15px;
	text-align:left;
	line-height:24px;
	padding:0 0 0 0px;
	text-transform:none;
	background:#444;
	margin-bottom:1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	
}
	.sf-menu li li a {
		padding:7px 20px 8px 20px;
		display:inline-block;
		text-decoration:none;
		width:150px;
		color:#fff;
		
		
		
	}
	
	.sf-menu li li li {
		line-height:30px;
		background:none;
		padding:0 0 0 0;
		font-size:15px;		
		margin-left:0px;
		width:170px;
		margin-bottom:1px;
		
	}
		.sf-menu li li li a {
			
			color:#fff;
			padding:7px 0 7px 20px;
			display:block;
			width:154px;
			background:#fff;
		}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			190px;
	display:none;
	padding:11px 0px 13px 0px;
}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	display:none;
	width:174px;
	background:none;

}

	
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			176px; /* match ul width */
	top:			-10px;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}


.sf-menu li.sfHover > a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
	background:url(../images/a-bg.gif) 0 bottom repeat-x;
}
	.sf-menu li li.sfHover > a,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a.active {
		background:#888888;

	}
		.sf-menu li li li.sfHover > a,
		.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a.active {
			color:#fff;
		}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	
}



.lightbox-image {
	position:relative;
	overflow:hidden;
}
.lightbox-image img {
	position:relative;
	z-index:2;
}
.lightbox-image span {
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
}


.slider {
	width:680px !important;
	height:422px;
	margin:0 auto;
	left:0px;
	top:0px;
	padding:0px;
	
}

.items {
	display:none;
	
}
.play.paused {
	color:#f00;
}
/*===== header =====*/
#header {
	
}
.indent {padding-top:42px;}
.indent1 {padding-top:49px;}
.indent2 {padding-top:36px;}
.indent3 {padding-top:0px;}
.indent1h {padding-top:10px;}


.pad-left {
	padding-left:14px;
}
.pad-left1 {
	padding:0 10px 0 35px;
}
.pad-left2 {
	padding:0 0px 0 40px;
}
.pad-right {
	padding:0 20px 0 0px;
}
.pad-top {padding-top:20px;}
.pad-top1 {padding-top:25px;}
.pad-top2 {padding-top:17px;}
.pad-top3 {padding-top:15px;}
.pad-top4 {padding-top:59px;}
.pad-top5 {padding-top:21px;}
.pad-top6 {padding-top:30px;}

.indent-bot {padding-bottom:10px;}
.indent-bot1 {padding-bottom:39px;}
.indent-bot2 {padding-bottom:21px;}
.indent-bot3 {padding-bottom:35px;}


.pad-bottom {padding-bottom:20px;}

.img-top {margin-top:25px;}


.box1 {background:url(../images/box1.gif) 0 0 repeat-x; height:140px; position:relative; text-decoration:none; cursor:pointer;}
.box1:hover {background:#999; text-decoration:none;}

.box2 {background:url(../images/box2.gif) 0 0 repeat-x; height:142px; position:relative; text-decoration:none; cursor:pointer;}
.box2:hover {background:#999; text-decoration:none;}

.box3 {background:url(../images/box3.gif) 0 0 repeat-x; height:140px; position:relative; text-decoration:none; cursor:pointer;}
.box3:hover {background:#999; text-decoration:none;}

.text {font-size:34px; line-height:34px; color:#fffaed; text-transform:uppercase; padding:37px 0px 0px 28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left;  text-decoration:none; border-bottom:none;}


.text span {font-weight:normal; font-size:48px;line-height:34px;margin-top:-5px; display:inline-block;  text-decoration:none;}
.text b {font-weight:normal; text-decoration:none;}

 * + html .text span {font-weight:normal; font-size:48px; margin-top:-16px; display:inline-block;line-height:1.2307em;}
 * + html .text b {display:inline-block; margin-top:-10px; font-weight:normal;}

 * + html .text {font-size:34px; color:#fffaed; text-transform:uppercase; padding:33px 0px 0px 28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
 
.button {padding:43px 0px 0px 15px; float:right;}


/*===== content =====*/
#content {
	
}
.text1 {
	font-size:22px;
	line-height:27px;
	color:#CCC;
	padding:17px 0px 7px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

.font {
	line-height:15px;
	display:inline-block;
	text-align: justify;
	font-size: 12px;
}
.font1 {line-height:18px; display:inline-block;}

.divider {background:url(../images/divider.gif) 320px 0 repeat-y;}
.divider1 {background:url(../images/divider.gif) 640px 0 repeat-y;}
.divider2 {background:url(../images/divider.gif) 450px 0 repeat-y;}

.link1 {
	font-size:13px;
	line-height:18px;
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	padding-left:0px;
	text-decoration:underline;
}
.link1:hover {text-decoration:none;}

.link1-top {margin-top:23px;}

#search-form input {border:1px solid #c7c3b1; width:250px;  padding:8px 0px 9px 12px; color:#bab09b;}
#search-form {padding:14px 0px 0px 0px; height:100px;}

.link2 {background:url(../images/link2-bg.jpg) 5px 6px no-repeat; color:#c7bd97; font-weight:bold; margin:43px 0px 0px 0px; display:inline-block; padding-left:20px; text-decoration:underline;}
.link2:hover {text-decoration:none;}

.link3 {padding:6px 15px 7px 14px; font-size:13px; line-height:18px; display:inline-block; background:#a29887; color:#fff; font-weight:bold; text-decoration:none; margin:9px 0px 0px 71px;}
.link3:hover {background:#cbc5bc; color:#000;}
.box4 {
	background:#fff;
	height:40px;
	width:950px;
	margin:30px 0px 20px 0px;
}
.boxd {
	background:#fff;
	height:40px;
	width:950px;
	margin:0px 0px 20px 0px;
}

.Gallery {
	font-size:18px;
	line-height:1.2307em;
	color:#333;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 0px 0px 0px;
}

.name {
	font-weight:bold;
	color:#FFF;
	font-size:13px;
	line-height:20px;
	padding:9px 0px 0px 0px;
}

.name-pad {
	margin-top:4px;
}

.name1 {font-weight:bold; color:#fd9217; font-size:13px; line-height:20px; padding:0px 0px 0px 0px;}

.name2 {font-weight:bold; color:#fd9217; font-size:12px; line-height:18px; padding:0px 0px 0px 0px;}

.link4 {font-weight:bold; color:#8a8273; background:url(../images/link-bg.gif) 0 7px no-repeat; float:right; padding-left:16px; margin:30px 16px 0px 0px;}

.box5 {
	background:#666;
	height:199px;
	width:950px;
	margin:34px 0px 0px 0px;
}
.box5 .padding {
	padding:20px 0px 0px 20px;
}

.text2 {
	font-size:12px;
	line-height:18px;
	color:#ddd;
}

.link5 {
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#FD8C24;
	display:inline-block;
	margin:7px 0px 0px 1px;
}

.box6 {
	background:#444;
	height:100%;
	width:310px;
	margin:34px 0px 20px 0px;
	color:#6d6d6d;
}
.box6 .padding {
	padding:20px 30px 30px 20px;
}

.border {background:url(../images/pic.gif) 0 0 repeat-x; height:1px; margin:7px 0px 8px 0px;}

.link6 {text-decoration:none; color:#FF9; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
.link6:hover {
	color:#36C;
	text-decoration:underline;
}

.footer-border {background:url(../images/footer-border.gif) 0 0 repeat-x; height:1px; width:950px;}


.list1 li {font-size:13px; line-height:20px; background:url(../images/marker.gif) 0 1px no-repeat; margin:0px 0px 14px 0px; font-weight:bold; padding-left:29px; display:inline-block;}
.list1 a {color:#8c8579; text-decoration:none;}
.list1 a:hover {text-decoration:underline;}

.list1-top {margin-top:26px;}
.list1-top1 {margin-top:21px;}

.list2 {float:left;}
.list2 li {width:310px; margin-bottom:25px; float:left;}

.list2-left {padding-left:10px;}


.link7 {text-decoration:none; color:#fd9217;}
.link7:hover {color:#000;}

.button1 {background:url(../images/button1.gif) 0 0 no-repeat; height:31px; width:28px; position:absolute; top:35px; right:29px;}
.button1:hover {background:url(../images/button1.gif) 0 -31px no-repeat;}

.button2 {background:url(../images/button2.gif) 0 0 no-repeat; height:31px; width:28px; position:absolute; top:35px; right:0px;}
.button2:hover {background:url(../images/button2.gif) 0 -31px no-repeat;}

iframe {
}

.text3 {margin-top:-5px; padding-bottom:20px; display:inline-block; font-weight:bold;}

dl span {float:left; width:69px;}
dd a {font-weight:bold; text-decoration:none; color:#fd9217; margin-left:4px;} 
dd a:hover {text-decoration:underline;}

.dl-top {margin-top:20px;}

.link9 {font-weight:bold; text-decoration:none; color:#fd9217;}
.link9:hover {text-decoration:underline;}
/*===== footer =====*/
#footer {

}
.foot-text {
	text-transform:none;
	font-size:11px;
	line-height:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	padding:20px 0px 0px 0px;
	float:left;
}
.foot-text a {color:#8a8273; text-decoration:none;}
.foot-text a:hover {text-decoration:underline;}

.foot-text span {padding:0px 12px 0px 12px;}

.menu {float:right; margin:28px 48px 0px 0px;}
.menu li {float:left; font-size:15px; line-height:36px; margin-left:32px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.menu a {
	color:#999;
	text-decoration:none;
}
.menu a:hover, .menu a.active {text-decoration:underline; color:#36C;}

.box7 {background:url(../images/box7.jpg) 0 0 repeat; min-height:454px; width:430px; margin:6px 0px 0px 0px;}
.box7 .padding {padding:28px 0px 0px 40px;}
/*----- forms -----*/
#contact-form {
	vertical-align:top;	
	padding-top:30px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;			
			position:relative;
			min-height:50px;
			overflow:hidden;
			}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form input {
				width:280px;
				padding:8px 0px 9px 13px;
				background:#fff;
				border:1px solid #c7c3b1;
				line-height:1.2307em;
				font-size:13px;
				display:block;
				color:#bab09b;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px;
				
				}
				#contact-form .link8 {float:right; margin:24px 16px 0px 0px;}
				#contact-form .link8 a {
					background:url(../images/link-bg.gif) 3px 7px no-repeat; color:#8a8273; font-weight:bold;  display:inline-block; padding-left:20px; margin-left:25px; text-decoration:underline;
					
				}
				#contact-form .link8 a:hover {text-decoration:none;}
				
					#contact-form .color {
						color:#fff;
					}
			#contact-form textarea {
				line-height:1.2307em;
				width:280px;
				height:165px;
				padding:8px 0px 9px 13px;
				background:#fff;
				border:1px solid #c7c3b1;
				line-height:1.2307em;
				display:block;
				color:#bab09b;
				overflow:auto;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px;
				
				}
				#contact-form label {
					padding:0px 0 2px 5px;
					display:inline-block;
					font-size:13px;
					display:none;
				}
				#contact-form .rowElem label {
					font-size:11px;
					
					right:5px;
					top:0
				}
				#contact-form .textarea-box label {
					padding:0px 0 2px 5px;
					font-size:11px;
				}
#contact-form .error {
				color:red;
			}

div#contact_form .download-box {
	margin:0px 30px 0 0;
	padding-top:24px;
}
#back {
	display:inline-block;
	background:url(../images/link-bg.gif) 3px 7px no-repeat; color:#8a8273; font-weight:bold;  display:inline-block; padding-left:20px;
	cursor:pointer;
} 

.link10 {background:url(../images/link-bg.gif) 3px 7px no-repeat; color:#8a8273; font-weight:bold;  display:inline-block; padding-left:20px;}
.link10:hover {text-decoration:underline;}
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */