html,body{
width:100%;
text-align:center;
margin: 0px;
padding: 0px;
height:100%;
}

#wrapperFlashHeader{
position: absolute;
top:70px;
left:0px;
height:375px;
width:100%;
}

#wrapper{
background:#000000 url(../images/back.jpg);
height:100%;
}

#wrapperTop{
background:#000000 url(../images/back_top.jpg) repeat-x;
width:100%;
height:365px;
}

#wrapperTop2{
background:url(../images/header_back.jpg) no-repeat top center;
width:100%;
height:365px;
}

#wrapperMiddle{
background:#ffffff;
width:100%;
}

#wrapperBottom{
background:url(../images/back_bottom.jpg) repeat-x;
width:100%;
height:220px;
}

#header{
z-index:10;
text-align:left;
margin: 0 auto;
width:770px;
height:365px;
position:relative;
}

#nav {
padding: 0px;
margin: 0px;
list-style-type:none;
position: absolute;
left:0px;
top:0px;
}	

	#nav li{
	float: left; 
	height:70px;
	padding: 0px;
	margin: 0px;
	}
	
	#nav li a{
	text-decoration: none;
	float: left; 
	padding: 0px;
	margin: 0px;
	}

#content{
text-align:left;
width:770px;
margin: 0 auto;
}

#contentLeft{
position:relative;
padding:43px 0px 0px 0px;
width:460px;
float:left;
}

#contentRight{
position:relative;
padding:43px 0px 0px 25px;
width:285px;
float:left;
}

#secondContentLeft{
overflow:visible;
position:relative;
padding:43px 29px 0px 0px;
width:216px;
float:left;
}

#secondContentRight{
position:relative;
padding:43px 0px 0px 0px;
width:525px;
float:left;
}

#contentBottom{
height:20px;
overflow:hidden;
width:770px;
clear:both;
}

#graybox{
width:241px;
padding:20px 22px 20px 22px;
position:relative;
background:#E8E8E8;
}

#grayboxtop{
position:absolute;
top:0px;
left:0px;
}

#grayboxbot{
position:absolute;
bottom:-2px;
left:0px;
}

#grayboxarrow{
position:absolute;
top:19px;
left:-16px;
}

#graybox2{
width:172px;
padding:20px 22px 20px 22px;
position:relative;
background:#E8E8E8;
}

#grayboxtop2{
position:absolute;
top:0px;
left:0px;
}

#grayboxbot2{
position:absolute;
bottom:-2px;
left:0px;
}

#grayboxarrow2{
position:absolute;
top:19px;
right:-15px;
}

#footer{
position:relative;
clear:both;
text-align:left;
margin: 0 auto;
width:770px;
}

#copyright{
top:60px;
left:110px;
position:absolute;
}

#footernav{
top:110px;
left:110px;
position:absolute;
}

#footerinfo{
top:145px;
left:110px;
position:absolute;
}

#cdkcredit{
top:145px;
right:0px;
position:absolute;
}

#cards{
top:27px;
right:0px;
position:absolute;
}

div.hr4{
	top:135px;
	position:absolute;
	padding:0px;
	margin:0px;
  height: 1px;
  width:770px;
  background: #C6C6C6;
}
div.hr4 hr{
  display: none;
}

#dog{
width:161px;
height:191px;
position:absolute;
top:-10px;
left:-25px;
}

#pin1{
z-index:30;
position:absolute;
left:160px;
top:-5px;
width:101px;
height:90px;
}

#pin2{
z-index:30;
position:absolute;
left:-100px;
top:600px;
width:101px;
height:90px;
}

#pin3{
z-index:30;
position:absolute;
left:160px;
top:-5px;
width:101px;
height:90px;
}

#pin4{
z-index:30;
position:absolute;
left:420px;
top:330px;
width:101px;
height:90px;
}

#pin5{
z-index:30;
position:absolute;
left:-150px;
top:600px;
width:101px;
height:90px;
}

#pin6{
z-index:30;
position:absolute;
left:370px;
top:-5px;
width:101px;
height:90px;
}

#pin7{
z-index:30;
position:absolute;
left:400px;
top:400px;
width:101px;
height:90px;
}

#pin8{
z-index:30;
position:absolute;
left:250px;
top:-5px;
width:101px;
height:90px;
}

#pin9{
z-index:30;
position:absolute;
left:450px;
top:600px;
width:101px;
height:90px;
}

#pin10{
z-index:30;
position:absolute;
left:400px;
top:-5px;
width:101px;
height:90px;
}

#pin11{
z-index:30;
position:absolute;
left:180px;
top:-5px;
width:101px;
height:90px;
}



/* forms */

input.boxstyle{
background: none;
border: 0; 
padding:0px 3px 3px 3px;
height:21px;
width:196px;
}

input.boxstyle2{
background: none;
border: 0; 
padding:0px 3px 3px 3px;
height:21px;
width:144px;
}

input.buttonstyle{
width:80px;
height20px;
}

textarea{
background:none;
overflow: auto;
padding:3px 3px 0px 3px;
border: 0; 
width:294px; 
height:82px;
}

select{
border: 1px solid #DADADA; 
background: #FAFAFA;
height:20px;
}

input, textarea, select {
font-family:arial,verdana,helvetica; font-size:12px; color:#000000; line-height:20px;
}


#textareaback{
background: url(../images/textarea_back.gif) no-repeat left top;
width:300px; 
height:90px;
}

#textboxback{
background: url(../images/inputbox_back.gif) no-repeat left top;
width:202px; 
height:24px;
}

#textboxback2{
background: url(../images/inputbox_back2.gif) no-repeat left top;
width:150px; 
height:24px;
}

/* misc */
	
div.hr{
	margin:20px 0px 20px 0px;
  height: 1px;
  background: #EBEBEB;
}
div.hr hr{
  display: none;
}

div.hr2{
	margin:3px 0px 3px 0px;
  height: 1px;
  background: #EBEBEB;
}
div.hr2 hr{
  display: none;
}

div.hr3{
	margin:3px 0px 3px 0px;
  height: 1px;
  background: #D6D6D6;
}
div.hr3 hr{
  display: none;
}



/* print fixes */

@media print{

#nav li{
clear:right;
}

#contentLeft{
clear:right;
}

#contentRight{
clear:right;
}

#secondContentLeft{
clear:right;
}

#secondContentRight{
clear:right;
}

}