html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
   text-align: center;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
}

img{
	border: none;
}


.dropdown{
	color:#fff;
	margin:0px;
}

.wrapper{
	background-color: #f2f2f2;
	color:#333;
	position: relative;
    margin: 0 auto;
	border: 1px solid #000;
	height:600px;
	width:800px;
}


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

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


.content {
	margin:30px 10px 10px 10px;
	text-align: center;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;
}


a.row {
	padding:10px 10px 10px 10px;
}


/* menu items */


#header{
	left: 0px; top: 494px; width: 801px; height: 72px;
	position: absolute;
	background-image: url(../images/CP_logo.gif);
}

i {visibility: hidden;}

#index_link{
 	left: 65px; top: 545px;
	position: absolute;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;	
}

#images_link{
 	left: 170px; top: 545px;
	position: absolute;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;	
}

#cv_link{
	left: 270px; top: 545px;
	position: absolute;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;
}

#press_link{
	left: 360px; top: 545px;
	position: absolute;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;
}


#contact_link{
	left: 460px; top: 545px;
	position: absolute;
	font: normal normal bold 1em "Times New Roman", Times, Verdana, serif;
}


/* explination text */

#explanation{
	left: 560px; top: 500px; 
	position: absolute;
	font: italic  1em "Times New Roman", Times, Verdana, serif;
	text-align: right;
}

/* legal text */

.legal_wrapper{
	position: relative;
    margin: 0 auto;
	width:800px;
}


.legal{
	right: 0px; top: 20px;
	position: absolute;
	font: italic  .7em "Times New Roman", Times, Verdana, serif;
	text-align: right;
	color:#999;
}

/* -------- image links ------   images.html */

#images .content {
	text-align:left;
	margin:260px 0px 0px 0px;
}

#images .content span{
	font-weight: bold;
}

#images #painting{
	left: 200px;
	top:260px;
	position: absolute;
}
#images #art_08{
	left: 210px;
	top: 280px;
	position: absolute;
}
#images #art_09{
	left: 210px;
	top: 295px;
	position: absolute;}
#images #prints{
	left: 330px;
	top:260px;
	position: absolute;
}
#images #photos{
	top:260px;
	left: 530px;
	position: absolute;
}


/* padding for heat press images --- one.html */

#one #content_long{
	margin:40px 0px 0px 0px;
	width: 800px; /* set yours */
	height: 530px; /* set yours */
	z-index:-30;
}

#one #content_long b{
	font-weight: normal;
	padding:0 10px;
	z-index:-10;
}

#one #longrow1{
	font-weight: normal;
	text-align:center;
	height:auto;
	float:center;
	z-index:-20;
	padding:0px;
}

#one #longrow2{
	font-weight: normal;
	text-align:center;
	height:auto;
	float:center;
	z-index:-20;
	padding:15px 0px 0px 0px;
}

#one #longrow3{
	font-weight: normal;
	text-align:center;
	height:auto;
	float:center;
	z-index:-20;
	padding:15px 0px 0px 0px;
}

/* padding for denril vellum paintings --- paintings.html */

#two #content_long{	
	padding:150px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 800px; /* set yours */
	height: 450px; /* set yours */
	overflow-x: scroll; /* key */
	overflow:auto; /* key */
	z-index:-30;
}

#two #content_long b{
	font-weight: normal;
	padding:0 10px;
	z-index:-10;
}

#two #longrow{
	display: inline;
	white-space: nowrap;
}




/* padding for photos test --- photo.html */

#three_test #content_long{
	margin:140px 0px 0px 0px;
	width: 800px; /* set yours */
	height: 460px; /* set yours */
	overflow-x: scroll; /* key */
	overflow:auto; /* key */
	z-index:-30;
}

#three_test #content_long b{
	font-weight: normal;
	padding:0 10px;
	z-index:-10;
}

#three_test #longrow{
	font-weight: normal;
	text-align:left;
	height:auto;
	width:1900px;
	float:left;
	z-index:-20;
}

.top_photos{
	margin:0px 0px 15px 0px;
}



/* contact */

#contact .content {
	margin:270px 0px 0px 0px;
}



/* the cv layout -- cv.html */



#cv .content {
	margin:0px 0px 10px 10px;
	text-align: left;
}

#cv .content{
	width:auto;
	height:480px;
	overflow: scroll;
	overflow-x:hidden;
}

.cv_content{
	overflow:hidden;
	width:750px;
	padding:5px 10px 5px 0px;
}

.left_cv{
	width:90px;
	float:left;
	padding:0px 10px 0px 0px;
}
 
.right_cv{
	width:650px;
	border-left:100px; 
	margin-left:-100px; 
	float:right;
}




/* the press layout -- press.html */

#press .content a{
	font-weight: normal;
}
#press .content a:hover{
	font-weight: normal;
	text-decoration: underline;
}

#press .content {
	margin:0px 0px 10px 10px;
	text-align: left;
}

/*#press .content{
	width:auto;
	height:480px;
	overflow: scroll;
	overflow-x:hidden;
}*/

.press_content{
	overflow:hidden;
	width:750px;
	padding:5px 10px 5px 0px;
}

.left_press{
	width:90px;
	float:left;
	padding:0px 10px 0px 0px;
}
 
.right_press{
	width:650px;
	border-left:100px; 
	margin-left:-100px; 
	float:right;
}

/* contact layout */

.contactform label,
.contactform input,
.contactform textarea,
.contactform select
{
	clear: both;
	float: left;
	font-weight: normal;
}

.contactform label.required {
	font-weight: bold;
}

.contactform label.error {
	color: red;
}


#contact .content{
	margin:50px 10px 10px 40px;
	text-align: left;
}

#contact .info{
	font: italic  1em/1.2em "Times New Roman", Times, Verdana, serif;
	text-align: left;
	padding:10px 40px 0 5px;
}