body         { 
background-color: #CCCCCC; 
background:url(../images/warmlinentexture.jpg);
font-family:  Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #666666;
margin: 0px; 
min-height: 100%;
padding-bottom: 1px;
}

/* DECORATION */
#leftshadow {
width:750px;
margin-right:auto;
margin-left:auto;
margin-top:0;
margin-bottom:0px;
padding:0px;
/*background-color: #FF0000; */
/*background-image: url(../images/leftshadow.gif);*/
background-repeat: no-repeat;
box-shadow: 0 5px 21px rgba(0,0,0,0.5);
-moz-box-shadow: 0 5px 21px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 5px 21px rgba(0,0,0,0.5);

}

#bottomshadow {
width:750px;
height: 70px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding-top:15px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
/*background-color: #FF0000; */
/*background-image: url(../images/bottomshadow.gif);*/
background-repeat: no-repeat;
text-align:center;
}



.footer {
margin:0px;
padding:0px;
color: #666666;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal;
width: 740px;
text-align:center;
}

#footer1 {
float: left;
text-align: left;
}

#footer2 {
float: left;
text-align: center;
}

#footer3 {
float: left;
text-align: right;
}

/* MAIN CONTENT CONTAINER */	
#mainframe {
width:750px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background-color: #ffffff; 
}

/* CONTENT PLACEHOLDERS */	

#banner {
width:730px;
height:40px;
margin:0px;
padding:0px;
padding-left: 20px;
padding-top: 16px;
background-color: #516270; 
}

#flash {
width:750px;
height:200px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin:0px;
padding:0px;
}

#breadcrumb {
width:735px;
height:13px;
margin:0px;
padding:0px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
background-color: #ffffff; 
border-bottom: 1px solid #CCCCCC;
font-size: 11px;
color: #666666;
font-weight: bold;
}

#contentframe {
width:750px;
margin:0px;
padding:0px;
background-color: #ffffff; 
background-image: url(../images/menubg.gif);
background-repeat: repeat-y;
}

#contentframenonav {
width:750px;
margin:0px;
padding:0px;
background-color: #ffffff; 
/*background-image: url(../images/menubgnonav.gif);*/
background-repeat: repeat-y;
}

#footspacer {
clear:both;
width:750px;
height:32px;
margin-left:0px;
border-top: 1px solid #CCCCCC;
background-color: #ffffff; 
}

.picturecredits {
width:500px;
float:left;
padding-top:20px;
padding-bottom:10px;
font-size: 11px;
clear:both;
bottom:0px;
}


/* MAIN PAGE CONTENT ELEMENTS */	

#contentspacer {
width:136px;
margin:0px;
padding:15px;
padding-top: 20px;
padding-right: 8px;
float: left;
line-height: 20px;
font-size: 11px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif; 
}

#leftnav {
width:136px;
margin:0px;
padding:15px;
padding-top: 20px;
padding-right: 8px;
padding-left:20px;
float: left;
line-height: 20px;
font-size: 11px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif; 
clear: both;
}

#pagecontent {
width:560px !IMPORTANT;
/*height:410px;*/
margin:0px;
margin-left: 185px;
padding:0px;
padding-left: 0px;
padding-top: 20px;
padding-right:0px;
margin-right:0px;
background-color: #ffffff; 
}

#pagecontentnonav {
width:710px !IMPORTANT;
float:left;
margin:0px;
margin-left: 5px;
padding:0px;
padding-left:15px;
padding-top: 20px;
padding-right:0px;
margin-right:0px;
background-color: #ffffff; 
}

.workthumb, .workthumbselected {
float:left;
padding:0px;
padding-bottom: 3px;
margin: 0px;
margin-right: 15px;
margin-bottom: 20px;
border-bottom: 2px solid #FFFFFF;
}

.workthumbselected {
border-bottom: 2px solid #D010B1;
}

.showthumb, .showthumbselected {
float:left;
padding:0px;
margin: 0px;
margin-right: 10px;
margin-bottom: 12px;
border: 1px solid #000000;
}

.showthumbselected {
border: 1px solid #CCFF00;
}

/* HOMEPAGE ELEMENTS */

#homecolumn1 {
width:164px;
height:276px;
margin:0px;
margin-left: 13px;
padding:10px;
background-color: #EBF7F7; 
float: left;
}

#homecolumn2 {
width:164px;
height:276px;
margin:0px;
margin-left: 6px;
padding:10px;
background-color: #F4EAF3; 
float: left;
}

#homecolumn3 {
width:164px;
height:276px;
margin:0px;
margin-left: 6px;
padding:10px;
background-color: #EAF4ED; 
float: left;
}

#homeimagecolumn1 {
width:184px;
height:134px;
margin:0px;
margin-left: 13px;
padding:0px;
background-color: #EBF7F7; 
float: left;
}

#homeimagecolumn2 {
width:184px;
height:134px;
margin:0px;
margin-left: 6px;
padding:0px;
background-color: #F4EAF3; 
float: left;
}

#homeimagecolumn3 {
width:184px;
height:134px;
margin:0px;
margin-left: 6px;
padding:0px;
background-color: #EAF4ED; 
float: left;
}

/*typography*/


li {  
margin: 0px;
margin-top: 10px;
margin-bottom: 10px; 
}

ol {
list-style-position: outside; 
text-indent: 0px;
} 

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
line-height: 16px;
margin-bottom: 35px;
}

h2 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
line-height: 16px;
margin-top: 10px;
margin-bottom: 10px;
}


h1.home1 {
color: #FF4000;
margin-top: 22px;
margin-bottom: 20px;
}

h1.home2 {
color: #0060B6;
margin-top: 22px;
margin-bottom: 20px;
}

h1.home3 {
color: #006B33;
margin-top: 22px;
margin-bottom: 20px;
}

p {
font-weight: normal;
line-height: 16px;
}


/*links*/

a:link, a:visited, a:active {
	color: #666666;
	text-decoration: underline;
}

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

a.nounderline:link, a.nounderline:visited, a.nounderline:active {
	color: #666666;
	text-decoration: none;
}

a.nounderline:hover {
	color: #666666;
	text-decoration: underline;
}

a.footer:link, a.footer:visited, a.footer:active {
	color: #ffffff;
	text-decoration: none;
}

a.footer:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.nav:link, a.nav:visited, a.nav:active {
	color: #666666;
	text-decoration: none;
}

a.nav:hover {
	color: #666666;
	text-decoration: underline;
}

a.red:link, a.red:visited, a.red:active {
	color: #FF0000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.red:hover {
	color: #FF0000;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.blue:link, a.blue:visited, a.blue:active {
	color: #1F8AFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.blue:hover {
	color: #1F8AFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.green:link, a.green:visited, a.green:active {
	color: #64BF00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.green:hover {
	color: #64BF00;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.yellow:link, a.yellow:visited, a.yellow:active {
	color: #FEA910;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.yellow:hover {
	color: #FEA910;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.pink:link, a.pink:visited, a.pink:active {
	color: #D010B1;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.pink:hover {
	color: #D010B1;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.purple:link, a.purple:visited, a.purple:active {
	color: #827FFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.purple:hover {
	color: #827FFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

a.bluebody:link, a.bluebody:visited, a.bluebody:active {
	color: #1F8AFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

a.bluebody:hover {
	color: #1F8AFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

a.greenbody:link, a.greenbody:visited, a.greenbody:active {
	color: #64BF00;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

a.greenbody:hover {
	color: #64BF00;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

a.pinkbody:link, a.pinkbody:visited, a.pinkbody:active {
	color: #D010B1;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

a.pinkbody:hover {
	color: #D010B1;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

a.blog:link, a.blog:visited, a.blog:active {
	color: #0098C3;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.blog:hover {
	color: #0098C3;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}


#selected {
	text-decoration: underline;
}

.red {
color: #FF0000;
}

.blue {
color: #1F8AFF;
}

.green {
color: #64BF00;
}

.darkgreen {
color: #00A33D;
}

.yellow {
color: #FEA910;
}

.pink {
color: #D010B1;
}

.purple {
color: #827FFF;
}

.formfield {
float: left;
width: 450px;
vertical-align: middle;
}

.leftform, .leftformerr {
float: left;
width: 70px;
margin: 5px;
padding: 0px;
text-align: right;
vertical-align: middle;
}

.leftformerr {
color: #CC3300;
}

.errmsg {
color: #CC3300;
}

.rightform {
float: left;
width: 245px;
margin: 5px;
padding: 0px;
text-align:left;
vertical-align: middle;
}

.formtext {
 font-size: 12px;
 font-family: Arial, Verdana;
color: #666666;
border-color: #666666;
border-width : 1px;
border-style : solid;
width: 240px;
}

.button {
background-color : #FFFFFF;
padding: 0px;
color: #666666;
font-weight: normal;
border-color: #666666;
border-width : 1px;
border-style : solid;
 font-size: 11px;
 margin-right:0px;
}

tr.header {
background-color: #F7F7F7;
}

td.headerleft, td.headerright, td.headermiddle {
border-top: 1px solid #CCCCCC;
font-weight:bold;
}

td.left, td.right, td.middle, td.headerleft, td.headerright, td.headermiddle {
border-bottom: 1px solid #CCCCCC;
text-align: center;
vertical-align: top;
}

td.left, td.headerleft {
border-left: 1px solid #CCCCCC;
text-align: left;
}

td.right, td.headerright {
border-right: 1px solid #CCCCCC;
text-align: right;
}

td.middle, td.headermiddle {
text-align: left;
}

img {border:0;padding:0;margin:0;}