/* CSS Document */

body {
background: #6ebbef;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
margin: 0;
padding: 0;
text-align:center;
}

#horizontal_container {
background: url(../images/horizontal_back.jpg) top center no-repeat;
width: 100%;
margin: 0 auto 0 auto;
}

#vertical_container {
background: #fff url(../images/body_back.jpg) top center repeat-x;
width: 100%;
margin: 0 auto 0 auto;
}

#container {
position:relative;
width: 900px;
margin: 0 auto 0 auto;
padding: 0;
background:;
text-align: left;
}

#content{
margin:25px 10px 20px 0;
text-align:left;
width: 600px;
float: right;
}

#footer{
position:relative;
clear:both;
width:100%;
background:#6ebbef;
}

#footer_content{
position:relative;
text-align:left;
width:880px;
margin: 0 auto;
background:#6ebbef;
color: #FFF; font-weight:normal; font: 12px Arial, Helvetica, sans-serif;
padding: 10px;
}



/* ///////////////////////////////////////////////////////////////////////////////////  HEADER NAVIGATION  ////////// */

#header_nav {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:110px;
	z-index:100;
	padding:0;
	margin:0;
	background:url(../images/MenuBack.jpg) no-repeat;
}

.home_logo {
	position: absolute;
	list-style: none;
	width: 190px;
	height: 75px;
	left: 48px;
	top: 0px;
}

.home_logo a{
	width: 190px;
	height: 75px;
}

.home_logo a:hover{
	background:url(../images/MenuOver.jpg) -48px -0px no-repeat;
}

.home {
	position: absolute;
	list-style: none;
	width: 59px;
	height: 28px;
	left: 48px;
	top: 82px;
}

.home a{
	width: 59px;
	height: 28px;
}

.home a:hover{
	background:url(../images/MenuOver.jpg) -48px -82px no-repeat;
}

.about {
	position: absolute;
	list-style: none;
	width: 90px;
	height: 28px;
	left: 129px;
	top: 82px;
}

.about a{
	width: 90px;
	height: 28px;
}

.about a:hover{
	background:url(../images/MenuOver.jpg) -129px -82px no-repeat;
}

.products {
	position: absolute;
	list-style: none;
	width: 98px;
	height: 28px;
	left: 240px;
	top: 82px;
}

.products a{
	width: 98px;
	height: 28px;
}

.products a:hover{
	background:url(../images/MenuOver.jpg) -240px -82px no-repeat;
}

.samples {
	position: absolute;
	list-style: none;
	width: 154px;
	height: 28px;
	left: 359px;
	top: 82px;
}

.samples a{
	width: 154px;
	height: 28px;
}

.samples a:hover{
	background:url(../images/MenuOver.jpg) -359px -82px no-repeat;
}

.direct {
	position: absolute;
	list-style: none;
	width: 153px;
	height: 28px;
	left: 534px;
	top: 82px;
}

.direct a{
	width: 153px;
	height: 28px;
}

.direct a:hover{
	background:url(../images/MenuOver.jpg) -534px -82px no-repeat;
}

.contact {
	position: absolute;
	list-style: none;
	width: 139px;
	height: 28px;
	left: 706px;
	top: 82px;
}

.contact a{
	width: 139px;
	height: 28px;
}

.contact a:hover{
	background:url(../images/MenuOver.jpg) -706px -82px no-repeat;
}

.link {margin:0 auto 0 auto; position:relative;}

.link a {color:#a51d21; text-align:left; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; height:auto; width:auto;}

.link a:hover{background-color:#335ab4; text-decoration:none; background:none;}

.link a:active{background-color:#335ab4;}


/* ///////////////////////////////////////////////////////////////////////////////////  LEFT NAVIGATION  ////////// */
#left_nav_container {
float:left;
margin:25px 0 0 10px;
width:269px;
height:530px;
}

.left_nav {
	position:relative;
	left:0px;
	top:0px;
	width:269px;
	height:530px;
	z-index:99;
	padding:0;
	margin:0;
	background:url(../images/LeftMenuBack.jpg) no-repeat;
	
}

.left_nav a {
	display:block;
}

.left_nav li {
	list-style:none;
	position: absolute;
}

.free_demographic {
	width: 269px;
	height: 78px;
	left: 0px;
	top: 0px;
}

.free_demographic a{
	width: 269px;
	height: 78px;
}

.free_demographic a:hover{
	background:url(../images/LeftMenuOver.jpg) 0px 0px no-repeat;
}

.quotes {
	width: 269px;
	height: 78px;
	left: 0px;
	top: 83px;
}

.quotes a{
	width: 269px;
	height: 78px;
}

.quotes a:hover{
	background:url(../images/LeftMenuOver.jpg) 0px -83px no-repeat;
}

.request {
	width: 269px;
	height: 78px;
	left: 0px;
	top: 165px;
}

.request a{
	width: 269px;
	height: 78px;
}

.request a:hover{
	background:url(../images/LeftMenuOver.jpg) 0px -165px no-repeat;
}

.sample_cards {
	width: 269px;
	height: 78px;
	left: 0px;
	top: 247px;
}

.sample_cards a{
	width: 269px;
	height: 78px;
}

.sample_cards a:hover{
	background:url(../images/LeftMenuOver.jpg) 0px -247px no-repeat;
}

.work_left {
	width: 269px;
	height: 196px;
	left: 0px;
	top: 329px;
}

.work_left a{
	width: 269px;
	height: 196px;
}

.work_left a:hover{
	background:url(../images/LeftMenuOver.jpg) 0px -329px no-repeat;
}


/* ///////////////////////////////////////////////////////////////////////////////////  INDEX NAVIGATION  ////////// */
.index_nav {
	position:relative;
	right:0px;
	top:10px;
	width:600px;
	height:125px;
	padding:0;
	margin:0;
	background:url(../images/dds_index_bottom.jpg) no-repeat;
	
}

.index_nav a {
	display:block;
}

.index_nav li {
	list-style:none;
	position: absolute;
}

.invited {
	width: 295px;
	height: 125px;
	left: 0px;
	top: 0px;
}

.invited a{
	width: 295px;
	height: 125px;
}

.invited a:hover{
	background:url(../images/dds_index_bottom_over.jpg) 0px 0px no-repeat;
}

.work {
	width: 295px;
	height: 125px;
	left: 305px;
	top: 0px;
}

.work a{
	width: 295px;
	height: 125px;
}

.work a:hover{
	background:url(../images/dds_index_bottom_over.jpg) -305px 0px no-repeat;
}


/* ///////////////////////////////////////////////////////////////////////////////////  STYLES  ////////// */

.clear {clear:both;}

.float_left {float:left; margin:0 10px 5px 0px; clear:both;}

.float_right {float:right; margin:0 0px 5px 10px; clear:both;}

.h1 { 
	font: 26px "Times New Roman", Times, serif; color: #2974A2; margin-top:0; padding-top:0;}

.h2 {font: 20px "Times New Roman", Times, serif; color: #333; }

.h3 {font: 16px Arial, Helvetica, sans-serif; color: #333;}

h3 {font: 16px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #4B4B4B; margin:0; padding:5px ; border-bottom: #333333 1px solid;}

h3.toggler a:link, h3.toggler a:visited, h3.toggler a:active {color:#FFFFFF; display:block; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}

h3.toggler a:hover, h3.toggler a:visited:hover {color:#333;}

.separator {margin:0; padding:0; border-top: 1px solid #ccc;}

.samples_separator {margin:5px 0 5px 0; padding:0; border-top: 1px solid #ccc;}


.left {margin:5px; padding:0; list-style:none;}
.left li {margin:5px; padding:0;}

.first_paragraph {margin-top:0; padding-top:0;}


a:link {
	color:#2974A2;
	font-weight: bold;
	text-decoration: none;
}
a:visited:hover {
	text-decoration: none;
	color:#999999;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #2974A2;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color:#999999;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color:#2974A2;
	font-weight: bold;
}


a.footer_link:link {
	color:#FFCC99;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
}
a.footer_link:visited:hover {
	text-decoration: none;
	color:#FFCC99;
	text-transform:none;
	font-weight:normal;
}

a.footer_link:visited {
	text-decoration: none;
	color: #FF9900;
	text-transform:none;
	font-weight:normal;
}

a.footer_link:hover {
	text-decoration: none;
	color:#FF9900;
	text-transform:none;
	font-weight:normal;
}
a.footer_link:active {
	text-decoration: none;
	color:#FFCC99;
	text-transform:none;
	font-weight:normal;
}

.footer_right {text-align:right; float:right; }
.footer_left {text-align: left; padding:0px 0px 20px 20px; margin-bottom:20px; font: 14px Arial, Times, serif; color:#FFCC99;}

.form_element {
	background-color: #cccccc;
	border:1px #999 solid;
	font-size:14px;
	padding:3px;
}

.form_header {
	font: 16px Arial, Helvetica, sans-serif; color: #fff;}

p {margin-left:10px;}

ul {margin-left:10px;}