/*-------------------------------------------------
Title:		Stroik styles for screen media
Author:		John Reed, jreed@cre8media.com
Updated:	June 30 2010
------------------------------------------------- */





/* redefined HTML
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	background: #fcf8d8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 1;
	height: 100%;
	text-align: center;
	}

abbr {
	border: none;
	cursor: help;
	}

img, a img {
	border: none;
	vertical-align: text-bottom;
	}
	
fieldset {
	border: none;
	}

legend {
	display: none;
	}

table {
	border-collapse: collapse;
	}
/* -------------------------------------------------
                                         end HTML */





/* typography
------------------------------------------------- */
h1 {
	font-size: 1em;
	}

div.title h2 {
	color: #333;
	font-family: "Trajan Pro", "Times New Roman", Georgia, Times, serif;
	font-size: 2.5em;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
	}

h3 {
	color: #333;
	font-size: 1.4em;
	line-height: 1.2857;
	}

	div.title h3 {
		color: #222;
		font-family: "Trajan Pro", "Times New Roman", Georgia, Times, serif;
		font-size: 1.4em;
		line-height: 1;
		font-weight: normal;
		text-transform: uppercase;
		}
	
	h3 em.pdf {
		color: #666;
		font-size: .857em;
		font-style: normal;
		font-weight: normal;
		line-height: 1.5;
		}

h4 {
	font-size: 1.3em;
	line-height: 1.3846;
	}

p {
	font-size: 1.4em;
	line-height: 1.2857;
	margin: 0 0 1.2857em 0;
	text-align: justify;
	}
	
	p.caption {
		color: #666;
		font-family: arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.2727;
		padding: .2727em;
		}
	
	p:last-child {
		margin: 0;
		}
	
	#lead p:last-child {
		margin: 0 0 1.2857em 0;
		}
	
	p.byline,
	p.loc {
		font-size: 1.2em;
		line-height: 1;
		margin: 0 0 0 1px;
		}
		
		.index p.byline {
			line-height: 1.5;
			margin: 0 0 1.5em;
			}

	#footer p {
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1;
		margin: 0;
		padding: 1em;
		text-align: center;
		}

ul {
	margin: 0 0 1.8em 2.4em;
	}
	
li {
	font-size: 1.4em;
	line-height: 1.2857;
	margin: 0 0 .64285em 0;
	}

blockquote {
	margin: 0 0 1.8em 0;
	padding: 1.35em;
	background: #f3f3f3;
	color: #333;
	font-style: italic;
	}
	
	blockquote p {
		font-size: 1.3em;
		line-height: 1.385;
		margin: 0 0 1.385em 0;
		text-align: left;
		}
	
	blockquote p cite {
		display: block;
		text-align: right;
		}


dd, dt {
	font-size: 1.4em;
	line-height: 1.2857;
	}

dd {
	margin: 0 0 .64285em 0;
	}

dd.note {
	color: #666;
	font-size: 1.2em;
	line-height: 1.8;
	margin: -.75em 0 .75em 0;
	}

dt.error {
	color: #aa0000;
	font-size: 1.3em;
	line-height: 1.3846;
	}
/* -------------------------------------------------
                                   end typography */





/* link styles
------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #9b4012;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:active {
	}
	
	.feature a:link,
	.feature a:visited,
	.feature a:hover,
	.feature a:active {
		}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #666;
	text-decoration: underline;
	}

#footer a:hover {
	color: #000;
	text-decoration: none;
	}

.button:link,
.button:visited,
.button:hover,
.button:active {
	float: left;
	display: block;
	padding: .2em .5em;
	background: #fff;
	color: #545454;
	border: 1px solid #ddd;
	text-decoration: none;
	}

.button:hover {
	background: url(/themes/dgs/img/ui/bg_alpha_66.png);
	color: #fff;
	}

.copy .less,
.copy .more {
	font-size: .786em;
	padding: 0 13px 0 0;
	color: #999 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	}
	
	.copy .less {background: url(/themes/dgs/img/ui/arrow_up.png) no-repeat 100% 3px;}
	.copy .more {background: url(/themes/dgs/img/ui/arrow_down.png) no-repeat 100% 3px;}
	
	.copy .less:hover,
	.copy .more:hover {
		background-position: 100% -18px !important;
		color: #333 !important;
		text-decoration: underline !important;
		}

#prev01, #prev02, #prev03 {display: block; text-align: center; padding: 12px 0 4px 0;}
#next01, #next02, #next03 {display: block; text-align: center; padding: 4px 0;}
/* -------------------------------------------------
                                  end link styles */





/* structure
------------------------------------------------- */
.clear {clear: both;}

#wrap {
	width: 1082px;
	margin: 0 auto;
	padding: 0 9px;
	text-align: left;
	background: #fff url(/themes/dgs/img/ui/bg_wrap_1100x10.png) repeat-y 0 0;
	}
/* -------------------------------------------------
                                    end structure */





/* header
------------------------------------------------- */
#masthead {
	background: #fff;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	}

#logo {
	top: 0;
	left: 0;
	float: left;
	display: block;
	width: 363px;
	height: 0;
	padding: 50px 37px 0 0;
	overflow: hidden;
	background: #545454 url(/themes/dgs/img/ui/logo_363x18.png) no-repeat 16px 16px;
	}

/* -------------------------------------------------
                                       end header */





/* navigation
------------------------------------------------- */
#nav {
	float: right;
	height: 50px;
	padding: 0 15px 0 0;
	color: #464646;
	}
	
#nav li {
	float: left;
	list-style: none;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	color: #464646;
	height: 0;
	padding: 50px 0 0 0;
	overflow: hidden;
	background: url(/themes/dgs/img/ui/bg_nav_550x100.png) no-repeat 0 0;
	}

#nav li#n-port * {width: 135px;}
#nav li.active#n-port *,
#nav li#n-port a:hover {background-position: 0 -50px !important;}

#nav li#n-firm * {width: 145px; background-position: -135px 0;}
#nav li.active#n-firm *,
#nav li#n-firm a:hover {background-position: -135px -50px !important;}

#nav li#n-pubs * {width: 150px; background-position: -280px 0;}
#nav li.active#n-pubs *,
#nav li#n-pubs a:hover {background-position: -280px -50px !important;}

#nav li#n-cont * {width: 120px; background-position: -430px 0;}
#nav li.active#n-cont *,
#nav li#n-cont a:hover {background-position: -430px -50px !important;}

#nav li#n-cont {display: none;}


.tabs {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 580px;
	height: 30px;
	margin: 0;
	background: #fff;
	}

.tabs li {
	float: left;
	display: inline;
	font-size: 1.4em;
	line-height: 1;
	margin: 0;
	list-style: none;
	}
	
	.tabs li#n-send {
		float: right;
		font-size: 1.2em;
		}

.tabs li a:link,
.tabs li a:visited,
.tabs li a:hover,
.tabs li a:active {
	float: left;
	display: block;
	color: #898989;
	text-decoration: none;
	cursor: pointer;
	}
	
	.tabs li a:hover {color: #000; text-decoration: underline;}


	.tabs li#n-send a:link,
	.tabs li#n-send a:visited,
	.tabs li#n-send a:hover,
	.tabs li#n-send a:active {
		padding: .666em 0 .666em 20px;
		background: url(/themes/dgs/img/ui/icon_email.png) no-repeat 0 .666em;
		}

.tabs li a span {
	float: left;
	display: block;
	padding: .57143em 1em;
	}

	.tabs li#n-send a span {
		padding: 0;
		}

.tabs li.active a:link,
.tabs li.active a:visited,
.tabs li.active a:hover,
.tabs li.active a:active {
	background: #e3e3e3 url(/themes/dgs/img/ui/li_tab_left.png) repeat-y 0 0;
	color: #000;
	text-decoration: none;
	}

	.tabs li.active#n-01 a:link,
	.tabs li.active#n-01 a:visited,
	.tabs li.active#n-01 a:hover,
	.tabs li.active#n-01 a:active {
		background: #e3e3e3;
		}

.tabs li.active a span {
	background: url(/themes/dgs/img/ui/li_tab_right.png) repeat-y 100% 0;
	}
/* -------------------------------------------------
                                   end navigation */





/* content
------------------------------------------------- */
#content {
	clear: both;
	width: 1032px;
	min-height: 760px;
	margin: 15px auto 25px auto;
	}
	
#content:after,
.twocolumn .preview:after,
.threecolumn .preview:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

div.title {
	width: 1032px;
	margin: 25px auto 15px auto;
	}
	
	.copy div.title {
		background: #fcf8d8 /*url(/themes/dgs/img/titles/greek_cross.png) no-repeat 8px 50%*/;
		width: auto;
		margin: 0 0 1.6em 0;
		padding: 9px 0 7px 27px;
		padding: 9px 0 7px 8px;
		}
		
		.copy#index a.title {
			display: block;
			width: auto;
			margin: 0 0 1.6em 0;
			padding: 15px 0 14px 15px;
			background: #fcf8d8;
			}

.twocolumn .copy {
	float: left;
	width: 375px;
	}

.twocolumn .slideshow {
	position: relative;
	float: right;
	width: 550px;
	height: 1%;
	padding: 15px 15px 4.5em 15px;
	background: #e3e3e3;
	}
	
	.twocolumn .slideshow #video01 {
		padding: 28px 0;
		text-align: center;
		}

.twocolumn .hero {
	float: right;
	width: 550px;
	height: 1%;
	padding: 0;
	}

div.photo.right {
	float: right;
	margin: 0 0 1.8em 1.8em;
	}


.twocolumn .preview {
	width: 315px;
	margin: 0 0 12px 15px;
	}

.twocolumn .feature {
	float: right;
	width: 573px;
	}
	
	.twocolumn .feature .img {
		background: #e3e3e3;
		padding: 13px;
		}
	
	.twocolumn .feature .img img {
		border: 1px solid #9c9c9a;
		}
	
	.twocolumn .feature h4 {
		padding: 8px 13px;
		}

	.twocolumn .feature h4 em {
		color: #666;
		font-size: 1.077em;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		}

.threecolumn .copy {
	float: left;
	width: 308px;
	margin: 0 20px 0 0;
	padding: 0 8px;
	}

.threecolumn .copy div.title {
	margin: 0 -8px 1.6em -8px;
	}


.threecolumn .preview {
	width: 100%;
	margin: 0 0 12px 0;
	}

.preview img {
	float: left;
	border: 1px solid #eee;
	}

.preview h4 {
	float: right;
	width: 200px;
	}

.preview p.loc {
	float: right;
	width: 200px;
	margin: 3px 0 0 0;
	}

/* -------------------------------------------------
                                      end content */





/* table styles
------------------------------------------------- */

/* -------------------------------------------------
                                 end table styles */





/* form styles
------------------------------------------------- */
dd input,
dd textarea {
	font-size: .857em;
	padding: .16666em;
	}

/* -------------------------------------------------
                                  end form styles */





/* vcard
------------------------------------------------- */
.vcard {
	font-size: 1.4em;
	line-height: 1.2857;
	margin: 0 0 1.2857em 0;
	}

.vcard .tel .type {
	color: #666;
	font-size: .786em;
	line-height: 1.63636;
	text-transform: uppercase;
	}

.vcard .org,
.vcard .country-name {display: none;}

.vcard .email {
	padding: 0 0 0 20px;
	background: url(/themes/dgs/img/ui/icon_email.png) no-repeat 0 3px;
	color: #333;
	text-decoration: none;
	}

.vcard .email:hover {
	color: #333;
	text-decoration: underline;
	}

	#content .vcard .title,
	.copy .vcard div.title {
		width: auto;
		margin: 0;
		padding: 0 0 0 20px;
		background: none;
		color: #666;
		font-style: italic;
		}

.vcard#dgs {
	margin-top: 7px;
	}

.vcard#dgs .adr {
	margin-bottom: 1.2857em;
	}
/* -------------------------------------------------
                                        end vcard */





/* footer
------------------------------------------------- */
#footer {
	width: 1100px;
	margin: 0 -9px;
	color: #666;
	background: url(/themes/dgs/img/ui/bg_footer_1100x20.png) no-repeat 0 100%;
	}

/* -------------------------------------------------
                                       end footer */








/* homepage
------------------------------------------------- */
body.olg,
body.stec,
body.tac {
	min-width: 1100px;
	height: auto;
	}

	body.olg {background: #fcf8d8 url(/themes/dgs/img/features/olg_1296x1936.jpg) no-repeat 50% 0;}
	body.tac {background: #fcf8d8 url(/themes/dgs/img/features/tac_1350x900.jpg) no-repeat 50% 0;}
	body.stec {background: #fcf8d8 url(/themes/dgs/img/features/stec_1350x900.jpg) no-repeat 50% 0;}

.feature #wrap,
.promo #wrap {
	background: none;
	position: relative;
	text-align: left;
	width: auto;
	max-width: 1296px;
	}

.feature #masthead,
.promo #masthead {
	background: url(/themes/dgs/img/ui/bg_nav_66.png);
/*
	width: auto;
	max-width: 1298px;
*/
	}

.feature #logo,
.promo #logo {
	width: 363px;
	padding: 50px 10px 0 110px;
	background: #545454 url(/themes/dgs/img/ui/logo_363x18.png) no-repeat 110px 16px;
	}

	.feature #nav,
	.promo #nav {
		float: left;
		margin: 0;
		}

.feature img.title {
	display: block;
	margin: 30px 0 3em 110px;
	}
	
	body.stec img.title {
		margin-top: 160px;
		}

.feature #copy p {
	clear: right;
	font-size: 1.3em;
	line-height: 1.846;
	margin: 0 0 2em 0;
	text-align: left;
	}
	
	.feature #copy p.buttons {
		float: left;
		width: 100%;
		height: 1%;
		margin: 0 0 2em 0;
		padding: 0;
		}

.feature #more {
	position: absolute;
	top: 50px;
	left: 11em;
	width: 490px;
	padding: 0 10px 0 0;
	background: url(/themes/dgs/img/ui/icon_more_9x9.png) no-repeat 100% 1px;
	color: #943b1d;
	text-align: right;
	text-decoration: none !important;
	text-transform: uppercase;
	}
	
	body.stec #more {
		background: url(/themes/dgs/img/ui/icon_more_fff_9x9.png) no-repeat 100% 1px;
		color: #fff;
		width: 400px;
		}
		
		body.stec #more:hover {
			text-decoration: underline !important;
			}

.feature #copy .close {
	position: absolute;
	top: 1.2em;
	right: 1.2em;
	color: #ddd;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	}

.feature #copy .close:hover {
	text-decoration: underline !important;
	}

	
.feature #copy {
	position: relative;
	width: 34em;
	margin: 0 0 0 100px;
	padding: 30px 2em 0 2em;
	background: url(/themes/dgs/img/ui/bg_alpha_66.png);
	color: #fff;
	}

.feature #footer,
.promo #footer {
	width: 100%;
	margin: 0;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #fff;
	}






.promo #promo {margin: 0 0 0 100px;}
.promo .right#promo {margin: 0 100px 0 0;}



.promo #promo div.title {
	position: relative;
	width: auto;
	margin: 0 0 15px 0;
	padding: 0 20px 10px 20px;
	}
	
	.promo .right#promo div.title {
		text-align: right;
		}

.promo #promo img.fp {
	padding: 0 0 3px 0;
	}

.promo #more {
	position: absolute;
	display: block;
	padding: 0 10px 0 0;
	bottom: 0;
	left: 22px;
	background: url(/themes/dgs/img/ui/icon_more_9x9_222222.png) no-repeat 100% 1px;
	color: #222222;
	text-decoration: none !important;
	text-transform: uppercase;
	}
	
	.promo .white#more {
		background: url(/themes/dgs/img/ui/icon_more_fff_9x9.png) no-repeat 100% 1px;
		color: #fff;
		}
	
	.promo #more:hover {
		text-decoration: underline !important;
		}
	
	.promo .right#promo #more {
		right: 20px;
		text-align: right;
		}

.promo #copy {
	position: relative;
	width: 340px;
	padding: 30px 20px 0 20px;
	background: url(/themes/dgs/img/ui/bg_alpha_66.png);
	color: #fff;
	}
	
	.promo .left#promo #copy {
		float: left;
		}
		
	.promo .right#promo #copy {
		float: right;
		}

.promo #copy p {
	clear: right;
	font-size: 13px;
	line-height: 24px;
	margin: 0 0 26px 0;
	padding: 0;
	text-align: justify;
	}
	
	.promo #copy p.buttons {
		float: left;
		width: 100%;
		height: 1%;
		}

.promo #copy .close {
	position: absolute;
	top: 12px;
	right: 12px;
	color: #ddd;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	}

.promo #copy .close:hover {
	text-decoration: underline !important;
	}
/* -------------------------------------------------
                                     end homepage */