/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- YUI RESET ---- */


body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset,img {
	border: 0;
	}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
	}

caption,th {
	text-align: left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}

q:before,q:after {
	content: '';
	}

abbr,acronym {
	border: 0;
	}

/* --- / YUI RESET --- */


body {
	margin-left: 1.5em;
	font-size: 75%;
	font-family: verdana, sans-serif;
	color: #1f2827;
	background-color: #0e95a9;
	text-align: center;
	min-width: 1008px;
	}
	
body#page-dgb { background-color: #fff; min-width: 978px; }
body#page-dgb #header { height: 210px; background: url(../images/dgb-header.png) no-repeat left top; }
body#page-dgb .top-navigation { margin-top: 28px; }
body#page-dgb #container {
	margin: 0 auto;
	width: 978px;
	text-align: left;
	position: relative;
	background: url(../images/dgb-bg-pg.gif) repeat-y;
	}
body#page-dgb .left-column { display: none; }
body#page-dgb .right-column {
	float: none;
	margin: 32px auto 0 auto;
	position: relative;
	right: 0;
  left: -15px;
	width: 920px;
	}
body#page-dgb .dgb-register p { width: 520px; font-weight: bold; }
body#page-dgb .dgb-register p.right { width: 150px; float: right; font-weight: normal; font-size: 1.5em; text-align: center; margin-right: 20px !important; margin-right:  10px;; line-height: 1.4em; }
body#page-dgb .dgb-register p.right a {color: #000;}
body#page-dgb #footer {
	padding: 25px 0 0 0;
	background: #fff url(../images/dgb-bg-footer.png) no-repeat top left;
	color: #fff;
	}
body#page-dgb .dgb-register { background: transparent url(/images/dgb-banner.png) no-repeat top left; padding: 20px 0 5px 165px !important; padding: 20px 0 20px 165px; }	

body#page-dgb .dgb-video { border-top: 6px solid #fa880c; overflow: visible; height: 1%; margin-bottom: 25px; clear:  right; }
body#page-dgb .dgb-video .dgb-video-description-footer { height: 21px; background: transparent url(/images/dgb-video-bg-footer.gif) no-repeat; }	
body#page-dgb .dgb-video-description h2 { color: #000; text-align: center; margin-bottom: 35px; }
body#page-dgb .dgb-video-description { width: 223px; float: right; background: transparent url(/images/dgb-video-bg.gif) no-repeat top left; }
body#page-dgb .dgb-video-description .quote { font-style: italic; color: #147e8e; }
body#page-dgb .dgb-video-description .type-small { font-size: 0.83em; }
body#page-dgb .dgb-video-description p { padding-right: 25px; padding-left: 25px; line-height: 1.2em; }
html>body {
	font-size: 12px;
	}

html, body {
	height: 100%;
	}

ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.5em;
	padding-bottom: 0;
	}
	
div.top-navigation {	
	position: absolute;
	top: 133px;
	left: 11px;
}	



/* ----- NAVIGATION ----- */

/* --- Navigation --- */
ul#navigation {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 32px;
  width: 770px;
  z-index: 9999;
  position: absolute;
  }

#navigation li {
  padding: 0;
  margin: 0;
  float: left;
  height: 32px;
	position: relative;
  }

#navigation li a:link,
#navigation li a:visited,
#navigation li a:hover {
  padding: 0;
  margin: 0;
  height: 32px;
	border: none;
  }

a:link img.tooltip,
a:visited img.tooltip {
	display: none;
	}

a:hover img.tooltip {
	display: block !important;
	display: none;
  position: absolute;
	}
	
a:hover img#tooltip-kelee {
	position: absolute;
	top: 100px;
	right: 0;
}	




#container {
	margin: 0 auto;
	width: 1008px;
	text-align: left;
	position: relative;
	background: url(../images/bg-pg.png) repeat-y;
	}
	
/* ----- HEADER ----- */	
	
#page-home #header {
	background: url(../images/bg-header.jpg) no-repeat left
	}

	#header {
		height: 176px;
		background: url(../images/bg-header-2.jpg) no-repeat left;
		position: relative;
		z-index: 1;
		}	
	
	#header table {
		position: relative;
		top: 133px;
		left: 11px;
		}
		
#page-video #header {
	background: url(../images/bg-header-video.jpg) no-repeat left;
	}		
	
#page-design-stars #header {
	background: url(../images/bg-header-design-stars.jpg) no-repeat left;
	}
	
#page-who #header {
	background: url(../images/bg-header-who.jpg) no-repeat left;
	}	
		
		
/* ----- CONTENT ----- */
	
#content {
	width: 1008px;
	position: relative;
	margin: 0 0 25px 0;
	overflow: hidden;
	}
	
	
#page-home .right-column {
	margin: 0;
	position: relative;
	right: 0;
	width: auto;
	}

.right-column {
	float: right;
	margin: 32px 0 0 0;
	position: relative;
	right: 30px;
	width: 829px;
	}
	
#page-design-stars .right-column,
#page-video .right-column,
#page-who .right-column{
		margin: 0;
		}


		
	
.left-column {
	float: left;
	margin-left: 11px !important;
	margin-left: 6px;
	}	

.left-column img {
	width: 107px !important;
	width: 106px;
	}


	
.video {
	top: 26px;
	left: 26px;
	position: absolute;
	}
	
td.vid-description {
	padding: 10px 0 5px 0;
}	

td.vid-description iframe {
	margin-top: 10px;
}


td.vid-description p {
	font-size: 0.94em;
	padding: 10px;	
	line-height: 1.3em;	
}

.video-top {
	background: url(../images/bg-video-top.jpg) no-repeat;
	width: 829px;
	height: 173px;
	padding: 60px 0 22px 22px;
}

.design-stars-top {
	background: url(../images/bg-design-star-jeff.jpg) no-repeat top left;
	width: 845px;
	height: 114px;
	padding: 50px 0 22px 22px;
	overflow: hidden;
	}
	
	.jodi {
		background: url(../images/bg-design-star-jodi.jpg) no-repeat top left;
		}
		
	.kuehls {
		background: url(../images/bg-design-star-kuehls.jpg) no-repeat top left;
		height: 110px;
		}
		
	.izayah {
		background: url(../images/bg-design-star-izayah.jpg) no-repeat top left;
		}	
		
	.becka {
		background: url(../images/bg-design-star-becka.jpg) no-repeat top left;
		}		
		
	
.design-stars-top p {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.2em;
	}
	
.design-jeff-button {
	position: absolute;
	top: 830px;
	left: -122px;
	}
	
.design-jodi-button {
	position: absolute;
	top: 837px;
	left: -122px;
	}
	
.design-kuehls-button {
	position: absolute;
	top: 842px;
	left: -122px;
	}
	
.design-izayah-button {
	position: absolute;
	top: 837px;
	left: -122px;
	}
	
.design-becka-button {
	position: absolute;
	top: 842px;
	left: -122px;
	}		

#page-design-stars .right-column,
#page-who .right-column {
	padding: 0 25px 0 0;
	width: 820px;
	}
	
.who-top {
	background: url(../images/bg-who.jpg) no-repeat top right ;
	width: 840px;
	height: 114px;
	padding: 50px 0 22px 20px;
	}

#page-who .right-column {
padding-right: 23px;
}	

.video-top p {
	color: #fff;
}


.video-btm {
	background: url(../images/bg-video-btm.jpg) no-repeat;
	width: 829px;
	height: 91px;
	padding: 15px;
}

.video-btm a:link,
.video-btm a:visited,
.video-btm a:hover {
	color: #fdf57a;
	text-decoration: underline;
}

.video-btm p {
	margin: 0;
	font-size: 1em;
	color: #fdf57a;
}	
	
table.vid-container {
	background-color: #d7e2e0;	
}	

.designstar {
	top: 412px;
	left: 55px;
	position: absolute;
	}

.entrance {
	top: 746px;
	left: 57px;
	position: absolute;
	}
	
#footer {
	font-size: 0.833em;
	height: 32px;
	padding: 25px 0 0 0;
	text-align: center;
	background: #0e95a9 url(../images/bg-footer.png) no-repeat top left;
	color: #fff;
	}
	
#footer img {
	margin: 5px 0 0 0;
	}	

#footer p a:link,
#footer p a:visited,
#footer p a:hover {
	margin: 0;
	}


#footer p.footer-nav a:link, #footer p.footer-nav a:visited {
	color: #fff;
	text-decoration: none;
	margin-right: 75px;
	}
	
#footer p.footer-nav a:hover {
	text-decoration: underline;
	}	

ul.side-navigation {
	margin: 0;
	width: 107px;
	padding: 0;
	}
		
ul.side-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 107px;
	line-height: 0.4em;
	}	
	
ul.side-navigation a:link,
ul.side-navigation a:visited {
	padding: 0;
	margin: 0;
	}	
	
input {
	font: 12px/100% "Verdana";
	color: #333332;
	}

textarea, select {
	font: 12px/160% "Verdana";
	color: #333332;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	}

h1 {
	line-height: 1em;
	font-size: 2em;
	margin: 0 0 .5em 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}

h1.pagetitle {
	border-bottom: 1px solid #f0eddf;
	padding: 0 0 0.3em 0;
	}

h2 {
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 0.5em 0 0.5em 0;
	color: #09606d;
	}

h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	text-transform: uppercase;
	color: #73AAC5;
	}
	
	.video-top h3 {
		color: #fdf57a;
		font-size: 1.5em;
		width: 435px;
		text-transform: none;
		line-height: 1.2em;
	}

h4 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.125em 0 0.375em 0;
	font-weight: bold;
	}

h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.125em 0 0.375em 0;
	font-weight: bold;
	}

h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.125em 0 0.375em 0;
	font-weight: bold;
	}

.printTitle {
	display: none;
	}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	}

a:link {
	color: #d28509;
	text-decoration: none;
	}

a:visited {
	color: #d28509;
	text-decoration: none;
	}

a:hover {
	color: #d28509;
	text-decoration: underline;
	}

a:active, a.active {
	color: #d28509;
	}

hr {
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #990000;
	}
	
.ie-off {
	display: none;
	}	

img.pic {
	border: 1px solid #f0eddf;
	}
	
.caption {
	padding: 3px 0 0 10px;
	}	

h1 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	position: absolute;
	}

h1 a,h1 a:hover {
	text-decoration: none;
	width:410px;
	height:100px;
	margin:11px 0 0 0;
	padding:0;
	border:0;
	display:block;
	}
	
.yellow {
	color: #faeb01;
}	

.blue {
	color: #097988;
}

.blue a:link,
.blue a:visited,
.blue a:hover {
	color: #097988;
	text-decoration: underline;
}

p.dog {
	background: url(../images/vid-inset-dog.jpg) no-repeat right;	
}

.video-top p.inset {
	color: #000;
	width: 285px;
	line-height: 1.2em;
	margin: 0 0 3px 0;
}

.video-top a:link,
.video-top a:visited,
.video-top a:hover {
	color: #000;
	text-decoration: underline;
}