form.inplaceeditor-form { /* The form */
}

form.inplaceeditor-form input[type="text"] { /* Input box */
	border: 1px solid black;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	width: 95%;
	height: 90%;
	background-color: #F4F2E9;
	border: 1px solid gray;
	padding: 5px;
	font-family: "Times New Roman", times, sans-serif;
	font-size: 12px;
}

form.inplaceeditor-saving { 
	background: url('../images/wait.gif') bottom right no-repeat; 
}

#content_bot_right form.inplaceeditor-form textarea {
	font-size: 14px;
	line-height: 150%;
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
	margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
	margin-left:1em;
}

#upload form {
	margin: 0px;
	padding: 0px;
}

body {
background: #F4F2E9;
font-size: 12px;
font-family: "Times New Roman", arial, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #F32F00; text-decoration:none;}
a:visited {color:#F32F00;}
a:hover {color: #F32F00;}
a:active { color:#F32F00;}

h1 {
font-size: 11px;
text-transform:uppercase;
margin:0px;
}

h2 {
color: #9A1212;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

img.download {vertical-align:middle;}


/* ----------container to center the layout-------------- */


#container {
width: 999px;
margin-left: auto;
margin-right: auto;
height:100%;
background: #F4F2E9;
}

#container hr {
margin-top:30px;
margin-bottom: 20px; 
}


/* ----------banner for logo-------------- */


#banner {
height:28px;
text-align: center;
background:  url('../images/logo-top.png') no-repeat bottom left;
background-color: #F4F2E9;
padding: 0px;
margin: 0px;
}

#banner img {padding:10px 0px;} 
#bannertitle{padding-top:50px;font-size:2em;font-weight:bold;}


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

#inner {
	height: 440px;
}

#content_right {
	padding: 0px;
	height: 424px;
	float:left;
	width:638px;
}

p {
padding: 5px 10px;
margin:0px;
}

#leftCol p {
        padding: 0px;
        margin: 0px;
}

#content_right img  {
	border: 1px solid #CCCCCC; 
	position:absolute;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#crossfade li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

#controls {
	width:640px;
	float: right;
	margin-top: 15px;
}

#controls #crossfade-next { color: #F32F00; cursor:pointer; float:right; }
#controls #crossfade-previous { color: #F32F00; cursor:pointer; float:left; }


#toolbox {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 200px;
}

#toolbox img {
	border: 0px;
	margin-right: 5px;
}

#toolbox a {
	color: lightgray;
}

#toolbox a:hover {
	text-decoration: underline;
}

#toolbox hr {
	margin:10px;
}

#toolbox div.fileinputs {
	position: relative;
}

#toolbox div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#toolbox input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#toolboxBody {
	background-image: url('../images/toolboxbody.png');
	background-repeat:repeat-y;
	padding:5px;
	color:white;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#toolboxFooter {
	height: 10px;
	background-image: url('../images/toolboxfooter.png');
	background-repeat: no-repeat;
}



.swfuploadbtn {
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
}

.browsebtn { background: url(../images/add.png) no-repeat 0 4px; }
.uploadbtn { 
	display: none;
	background: url(../images/accept.png) no-repeat 0 4px; 
}

.cancelbtn { 
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(../images/cancel.png) no-repeat; 
}

#cancelqueuebtn {
	display: block;
	display: none;
	background: url(../images/cancel.png) no-repeat 0 4px;
	margin: 10px 0;
}

#SWFUploadFileListingFiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.SWFUploadFileItem {
	display: block;
	width: 180px;
	height: 50px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;

}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
	display: none;
}

span.progressBar {
	width: 170px;
	display: block;
	font-size: 10px;
	height: 4px;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #CCC;
}



/* --------------left navi------------- */


#left {
float: left;
width: 358px;
margin: 0px;
padding: 0px;
background:#F4F2E9;
height:90%;
}


/* -----------content bottom ONLY ON PORTFOLIO PAGE--------------------------- */

#content_bot_left {
font-family: "times new roman", times, sans-serif;
float:left;
text-align:left;
width: 330px;
}

#content_bot_right {
font-family: "times new roman", times, sans-serif;
font-size: 14px;
line-height: 150%;
float:right;
text-align:left;
width: 645px;
}

#content_bot_right {
	margin:0px;
	padding: 0px;
	margin-bottom: 15px;
}

#content_bot_right.contact input[type="text"], #content_bot_right.contact textarea {
	background-color: #F4F2E9;
	border: none;
	border: 1px solid lightgray;
	border-bottom: 1px solid gray;
	font-size: 14px;
	font-family: times, arial, verdana, sans-serif;
	color: #564b47;
}

#content_bot_right p {
	margin:0px;
	padding:0px;
	margin-bottom: 6px;
}


#content_right img.editable:hover, #content_bottom img.editable:hover {
	border: 1px solid orange;
	cursor: pointer;
}

.introtxt{
color: #F32F00;
}


/* -----------content bottom ONLY ON PORTFOLIO PAGE--------------------------- */


#content_bottom {
clear: both;
margin: 0px;
padding:0px;
text-align: left; 
}

#content_bottom p {
color:#A69B91;
font-size:13px;
font-style:italic;
border-top: 1px solid #878681;
width: 180px;
}

#content_bottom a{
color:#A69B91;
font-size:13px;
font-style:italic;
width: 180px;
}

#content_bottom h1 a{
color:#ccc;
}
#content_bottom h1{
padding:5px 5px 0px 0px;
}
 
 
/* ----------- bottom menu --------------------------- */

 
#enlarge { float:left; padding:0; margin:0 auto; list-style-type:none; width:225px;}
#enlarge li {display:block; float:left; width:25px; height:25px; position:relative;}
#enlarge li a {display:block; width:25px; height:25px; font: 11px "Times New Roman", Times, serif; color:#DA3D44; text-decoration:none; padding-left: 12px; padding-top: 8px;}
#enlarge li a img {width:100%; height:100%; border:0; }
#enlarge li a:hover,  #enlarge li a:active {background:url('../images/circle.gif') no-repeat;}

#decimals { float:left; padding:0; margin:0 auto; list-style-type:none;}
#decimals li {display:block; float:left; width:24px; height:25px; position:relative;}
#decimals li a {display:block; width:24px; height:25px; font: 11px "Times New Roman", Times, serif; color:#DA3D44; text-decoration:none; padding-left: 8px; padding-top: 8px;}
#decimals li a img {width:100%; height:100%; border:0; }
#decimals li a:hover,  #decimals li a:active, #decimals li a.active {background:url('../images/circle.gif') no-repeat;}


 
 /**********menu***************/ 

 
.verticalmenu div{
margin: 30px 20px 0px 40px;
}

.menu {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 40px;
width: 150px;
list-style: none;
background: #F4F2E9;
background: url(../images/menu_line.gif) left top no-repeat;
}

.menu li {
padding: 0px;
margin: 0px;
width: 150px;
height: 23px;
list-style: none;
background-repeat: no-repeat;
border-bottom: 1px solid #C3C1BA;
}

.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 23px;
background-repeat: no-repeat;
}

#title p {
        margin: 0px;
        margin-left: 4px;
        padding: 0px;
}

#doy-plate {
	margin-left: 130px;
	margin-top: 20px;
}

#home {background-image: url(../images/home.gif);}
#home a  {background-image: url(../images/home_a.gif);}
#about {background-image: url(../images/about.gif);}
#about a {background-image: url(../images/about_a.gif);}
#portfolio {background-image: url(../images/portfolio.gif);}
#portfolio a {background-image: url(../images/portfolio_a.gif);}
#side_plate {background-image: url(../images/the_side_plate.gif);}
#side_plate a {background-image: url(../images/the_side_plate_a.gif);}
#contact {background-image: url(../images/contact.gif);}
#contact a {background-image: url(../images/contact_a.gif);}
#home a:hover, #home .active, #about a:hover, #about .active, #portfolio a:hover, #portfolio .active, #side_plate a:hover, #side_plate .active, #contact a:hover, #contact .active {background: none;}
 
form {
	margin:0px;
	padding:0px;
}