/* 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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{
	background: url(../images/bg2.jpg) 0 0 no-repeat;
	border:0;
	color:#7b7b7b;
	line-height:21px;
	min-width:965px;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.block {height:60px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px;}
body, html {height:100%;}

.spinner{
	position:absolute;
	z-index:89;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat #282627;
	width:100%;
	height:100%;
	top:0;
	left:0
}

/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#e95d0f}
h1{
	padding:20px 0 0 20px;
}
h2{
	font-size:20px;
	color:#fff;
	line-height:1.2em;
	padding:17px 0 17px 0
}
h3{
	font-size:18px;
	color:#fff;
	line-height:1.2em;
	padding:0 0 17px 0;
}

p{ padding-bottom:21px;}

.txt-12px {font-size:12px;}

/* ============================= header ====================== */
header{
	height:120px;
	width:100%;
	overflow:hidden
}

#logo{
	display:block;
	text-indent:-9999px;
	background:url(../images/logo-dyptic.png) 0 0 no-repeat;
	width:300px;
	height:150px;
}

#menu {
	padding:0 0 0 0;
}
#menu > dt {
	height:52px;
	margin-top:-2px;
	position:relative;
	background:url(../images/menu_line.png) 0 bottom repeat-x;
	padding-left: 20px;
}
#menu > dt > span{ position:absolute; width:100%; height:100%; background:#0f0e0e; top:0; left:0; z-index:1;}
#menu > dt > a{
	display: block;
	font-size:22px;
	padding-left:48px;
	line-height:50px;
	position:relative;
	z-index:2;
	overflow:hidden
}
#menu > dt img{ float:left; margin: 25px 30px 0 0}
#menu > dt > a:hover{ color:#fff}

#menu dd{
	background:#0f0e0e;
	height:600px;
	overflow:hidden;
}

/* ============================= content ====================== */

#content{ padding-bottom:50px}

.marg_right1{ margin-right:10px;}
.pad_bot1{ padding-bottom:30px}

.box{ padding-top:28px;}

.list1 { margin-top:-2px;}
.list1 li{ line-height:24px;}
.list1 a{ color:#e95d0f; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}
.list1 span{ background:url(../images/underline.gif) 0 bottom repeat-x}
.list1 a:hover{ color:#fff; background-position:0 5px}
.list1 a:hover span{ background:none}

.list2 { margin-top:0px; padding-left:5px; }
.list2 li{ line-height:25px;background:url(../images/marker_1.gif) 0 -20px no-repeat;text-indent: 10px;}

#gallery1{ margin-top:8px; height:263px !important;}
#gallery1 li{ padding-bottom:1px;}
#gallery1 a{ position:relative; display:block}
#gallery1 img{ position: relative; z-index:1}
#gallery1 span{
	position:absolute;
	z-index:2;
	background:url(../images/border3.gif) 0 0 no-repeat;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
}

.next, .prev{ position:relative; float:left; display:block}
.next{ float:right;}
.next img, .prev img{ position:relative; z-index:1}
.next .img_act, .prev .img_act{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2}

.color1{ color:#d5d5d5}
.font1{  color:#d5d5d5; font-size:15px; padding-bottom:7px;}

.tabs{ position:relative; width:100%; padding-top:8px; height:330px;}

.nav{ position:absolute; z-index:2}
.nav li{ float:left; padding-right:6px;}
.nav a{ display:block; width:221px; border:1px solid #353033; background:url(../images/bg_tabs2.gif) 0 -1px repeat; height:43px; border-bottom:none; font-size:17px; font-weight:700; line-height:42px; color:#d4d4d4; text-align:center;}
.nav a:hover{ border-color:#4c4749}
.nav .selected a{ background-image:url(../images/bg_tabs.gif); padding-bottom:1px; border-color:#4c4749}

#nav1{}
#nav2 a{ background-position: 0 0px}
#nav3 a{ background-position: 0 1px}
#nav4 { padding-right:0}
#nav4 a{ background-position: 0 2px}

.tab_content{ background:url(../images/bg_tabs.gif) 0 0 repeat; border:1px solid #4c4749; padding-left:30px; height:278px;  position:relative; z-index:1; top:44px; overflow:hidden;}
.tab-content{padding-top:30px; height:248px;}

#tab1{ background:url(../images/page4_img1.png) right bottom no-repeat}
#tab2{ background:url(../images/page4_img2.png) right bottom no-repeat}
#tab3{ background:url(../images/page4_img3.png) right bottom no-repeat}
#tab4{ background:url(../images/page4_img4.png) right bottom no-repeat}

.col1{ width: 290px; float: left;}
.col2{ width:500px; float: left; padding-left:50px;}

#tab2 .col1, #tab3 .col1, #tab4 .col1{ width:370px; }
#tab2 .col2, #tab3 .col2, #tab4 .col2{ width:410px; padding-left:65px;}
#tab3 .col2, #tab4 .col2{ padding-left:60px}

.button1{ position:relative; background:#e95d0f; display:inline-block}
.button1 a{ position:relative; font-size:12px; color:#151414; font-weight:bold; text-transform:uppercase; padding:0 17px; height:38px; line-height:38px; z-index:2; display:block;}
.button1 span{ position:absolute; z-index:2; background:#000; width:100%; height:100%; top:0; left:0;}
.button1 a:hover{ color:#e95d0f}

.dropcap{ float:left; background:url(../images/bg_dropcap.png) 0 0 no-repeat; width:53px; height:52px; margin-right:10px; font:36px Verdana, Geneva, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:50px;}

.partners li{
	padding-bottom:5px;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E95D0C;
	margin-bottom: 10px;
	height: 100px;
}
.partners figure{
	float:left;
	margin-right:20px;
	height: 100px;
}
.partners  .font1{
	display:inline-block;
	padding:0 0 0 0
}

.programs{}
.programs li{
	padding-bottom:4px;
	background:url(../images/line_hor1.gif) 0 bottom repeat-x;
	margin-bottom:6px;
	overflow:hidden;
}
.programs figure{ float:left; margin-right:16px; padding-top:4px;}
.programs .last{ background:none; padding-bottom:0; margin-bottom:0}

.link1{ display:inline-block; padding-right:13px; color:#e95d0f; background:url(../images/marker_2.gif) right 9px no-repeat}
.link1:hover{ color:#fff}


.address{
	width:185px;
}

/* ============================= footer ====================== */

footer { height:16px; background:url(../images/menu_line.png) 0 0 repeat-x; color:#fff; line-height:16px; padding:22px 0}
footer a{}
footer a:hover{}

#footer_menu{ float:right;}
#footer_menu li{
	float:left;
	padding-right:8px;
	background:url(../images/footer_menu_line.gif) right 4px no-repeat;
	margin-right:8px;
}
#footer_menu .last{ padding-right:0; margin-right:0; background:none}
#footer_menu a{
	display:block;
	color:#fff
}
#footer_menu a:hover {
	color:#F60;
}
#footer_menu .active {
	color:#333;
	font-weight: bold;
	}


/* ============================= forms ============================= */

#ContactForm{}
#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ padding-bottom:5px; display:none}
#ContactForm .success strong{ color:#e95d0f}
#ContactForm label{ position:relative;min-height:40px; display: inline-block;}
#ContactForm .col{ width:288px;}
#ContactForm .message{ height:200px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#e95d0f; line-height:14px; display:none; width:100%; padding-bottom:3px;}
#ContactForm .button1{ margin-left:20px; float:right; margin-top:30px}
#ContactForm .input { margin:0;width:266px; height:16px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:570px; height:175px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#121111; border:1px solid #212121; border-top:1px solid #000; border-left:1px solid #000; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left;}