/* default styles ----------------------------------------------------------- */

html { 
 margin:0; 
 padding:0; 
 text-align:left; 
} 

body {
 font-family: arial, verdana, sans-serif;
 font-weight: normal; 
 font-size: 11px;
 border: 0;
 margin: 0;
 padding: 0;
 text-align: left;
	background: #526372 url(../img/bluebg2.gif) repeat;
}

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

p {
 border: 0;
 margin: 15px 0;
 padding: 0;
 text-align: left;
 color: #fff; 
}

.margins5px { 
 border: 0;
 margin: 5px 5px 0 0;
 padding: 0;
}

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

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

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

a:active {
 color: #fff; 
 text-decoration: none;
}

.clear {
 clear: both;
}

.hide {
 display: none;
}

.nomargins { 
 border: 0;
 margin: 0;
 overflow: hidden;  
 padding: 0;
}

h1 {
 font-family: Times New Roman, Arial;
 font-size: 18px;
 margin: 0;
 padding: 0;
 text-align: center;
}

/* container styles -------------------------------------------------------- */
 
#clientarea{ 
 background: #526372;
 border: solid #000 1px; 
 margin: 0 auto;
 min-height: 500px;
 overflow: hidden;
 padding: 0;
 text-align: left; 
 width: 960px; 
}

#header {
	background: #F6C361 url(../img/header.jpg);
 height: 55px;
 margin: 5px auto 0 auto; 
 overflow: hidden; 
 padding: 0;
 width: 960px;
}

#headerprint {
	display: none;
}

.headernameline {
 font-family: Times New Roman, Arial;
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 margin: 1px 0 0 0;
}

#leftcolprint {
	display: none;
}

.leftcol {
	background: url(../img/ray-headshot.jpg) no-repeat;
 float: left; 
 width: 355px;
}

.rightcol { 
 float: left;
 width:  605px;
}

.rightcolhome { 
	background: url(../img/collage.jpg) no-repeat;
 float: left; 
 height: 500px;
 width:  605px;
}

#resumecol { 
 float: left; 
 margin: 0; 
 width:  960px;
}
 
.content {
 border: 0;
 color: #fff; 
 margin: 10px;
 padding: 0;
}

span {
 border: 0;
 margin: 0;
 padding: 0;
 font-weight: bold; 
 font-size: 11px;
 color: #fff;
}

span.underline3px { 
 border: 0;
 margin: 0;
 padding: 0;
 font-size: 11px;
 border-bottom: 3px solid #293239;
}

.topthinline {
 border: 0;
 margin: 0 7px 0 0;
 padding: 4px 0 0 0;
 border-top: 1px solid #293239;
} 

.topthinline180pxleftmargin {
 border: 0;
 margin: 0 7px 0 180px;
 padding: 4px 0 0 0;
 border-top: 1px solid #293239;
} 

.topthinline10 {
 border: 0;
 margin: 10px 7px 5px 0;
 padding: 0;
 border-top: 1px solid #293239;
} 

.topspacer10 { 
 border: 0;
 margin: 10px 0 0 0;
 padding: 0;
}

.inlineimageright {
 border: 0;
 margin: 0 0 0 5px;
 padding: 0;
 display: inline;
 float: right;
}

.contactinfo {
 float: left;
 overflow: hidden;  
 width: 290px;
}

.contactinfoonecol {
 float: left;
 overflow: hidden;  
 width: 580px;
}

.contactinfo ul, .contactinfoonecol ul {
 padding: 0;
 margin: 10px; 
	list-style-type: none;
}

.contactinfo p {
 margin: 10px 0 0 0;
}
 
/* menu styles -------------------------------------------------------------- */
#menu {
 width: 100px;
 height: 250px;
 padding: 0;
 margin: 0; 
 text-align: right;
 float: right;
}

#menu ul {
 padding: 0;
 margin: 7px 10px 0 0; 
	list-style-type: none;
 text-align: right;
}

#menu li {
 padding: 0;
 margin: 0; 
}

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

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

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

#menu a:active {
 color: #fff; 
 text-decoration: none;
}

#menu .paddingbelow {
 border: 0;
 margin: 0 0 6px 0;
 padding: 0;
 width: 86px;
}

/* info bar styles --------------------------------------------------------- */

#infobar {
 clear: both;
 width: 960px;
 height: 40px;
 padding: 0;
 margin: 0; 
	background: url(../img/infobar.gif);
}

#infobarshort {
 clear: both;
 width: 355px;
 height: 40px;
 padding: 0;
 margin: 0; 
	background: url(../img/infobarshort.gif);
}

#infotext {
 font-family: times new roman;
 font-weight: normal;
 font-size: 18px;
 line-height: 40px;
 border: 0;
 margin: 0 0 0 10px;
 padding: 0;
 text-align: left;
 color: #fff; 
}

/* footer styles ------------------------------------------------------------ */

#footer {
	background: #F6C361 url(../img/footer.jpg);
 color: #000; 
 height: 22px;
 margin: 0 auto 5px auto; 
 overflow: hidden; 
 padding: 0;
 width: 960px; 
} 

#footerleft {
 float: left;
 width: 483px;
 line-height: 22px;
}

#footerright {
 float: right;
 text-align: right;
 width: 282px;
 line-height: 22px;
}

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

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

/* control styles ---------------------------------------------------------- */
.textbox {
 border-right: #fff 1px solid; 
 border-top: #999 1px solid; 
 border-left: #999 1px solid;
 border-bottom: #fff 1px solid; 
 margin: 1px 0 2px 4px;
 padding: 0 0 0 2px;
 font: 11px arial, sans-serif; 
 color: #000; 
 background: #ddd;
 float: left;
}

.checkbox {
 border: 0;
 margin: 0 5px 0 0;
 padding: 0;
 font: 11px arial, sans-serif; 
 float: left;
}

.dropdown {
 border: 0;
 margin: 1px 0 1px 4px;
 padding: 0;
 font: 11px arial, sans-serif; 
 color: #000; 
 background: #ddd;
 float: left;
}

.textarea {
 margin: 1px 0 2px 4px;
 padding: 2px;
 font: 11px arial, sans-serif; 
 color: #000; 
 background: #ddd;
 border-right: #fff 1px solid; 
 border-top: #999 1px solid; 
 border-left: #999 1px solid;
 border-bottom: #fff 1px solid; 
}

span.label{
 border: 0;
 margin: 0;
 padding: 0;
 font-weight: normal; 
 width: 110px;
 float: left; 
 text-align: right;
 color: #fff;
 line-height: 19px;
}

span.label60 {
 border: 0;
 margin: 0;
 padding: 0;
 font-weight: normal; 
 width: 60px;
 float: left; 
 text-align: right;
 color: #fff;
 line-height: 19px;
}

/* panels ------------------------------------------------------------------ */
#spiderman2panel1, #spiderman2panel2 {
	background: url(../img/spiderman2.jpg) no-repeat;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0;
 width: 302px;
}

#spiderman2panel2 {
	background: url(../img/doc_ock1.jpg) no-repeat;
 width: 303px;
}

#spiderman2lowerpanel {
 width: 960px;
 padding: 0;
 margin: 0;
}

#swordfishpanel1, #swordfishpanel2 {
	background: url(../img/swordfish1.jpg) no-repeat;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0;
 width: 302px;
}

#swordfishpanel2 {
	background: url(../img/swordfish2.jpg) no-repeat;
 width: 303px;
}

#perfectstormpanel1, #perfectstormpanel2 {
	background: url(../img/perfectstorm1.jpg) no-repeat;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0;
 width: 302px;
}

#perfectstormpanel2 {
	background: url(../img/perfectstorm2.jpg) no-repeat;
 width: 303px;
}

#independencedaypanel1, #independencedaypanel2 {
	background: url(../img/id1.jpg) no-repeat;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0;
 width: 302px;
}

#independencedaypanel2 {
	background: url(../img/id2.jpg) no-repeat;
 width: 303px;
}

#grumpyoldmenpanel1, #grumpyoldmenpanel2 {
	background: url(../img/grumpyoldmen1.jpg) no-repeat;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0;
 width: 302px;
}

#grumpyoldmenpanel2 {
	background: url(../img/grumpyoldmen2.jpg) no-repeat;
 width: 303px;
}

/* table styles ------------------------------------------------------------ */
.resumetable {
 border: 1px solid #293239;
 width: 940px;
}

.resumetable a:link {
 color: #fff; 
 text-decoration: underline;
}

.resumetable a:visited {
 color: #fff; 
 text-decoration: underline;
}

.resumetable a:hover {
 color: #999; 
 text-decoration: underline;
}

.resumetable a:active {
 color: #fff; 
 text-decoration: underline;
}

.admintable {
 border: 1px solid #293239; 
 width: 585px;
}

.admintableheader {
	background: #293239;
	color: #fff;
 height: 30px;
 line-height: 30px;
}

.admintableoddrow {
	background: #293239;
	color: #fff;
 height: 30px;
 line-height: 30px;
}

.admintableevenrow {
	background: #526372;
	color: #fff;
 height: 30px;
 line-height: 30px;
}

.inlinethumbnails {
 border: 0;
 margin: 5px 10px 5px 0;
 padding: 0;
 display: inline;
 float: left;
}

/* photo popup styles ------------------------------------------------------ */
#galleryclientarea {
 margin: 5px auto;
 padding: 0;
 width: 500px; 
 background: #526372;
 text-align: left;
 border: solid #000 1px; 
}

#galleryphotoarea {
 border: 0;
 margin: 5px 0;
 padding: 0;
 text-align: center;
 width: 500px; 
}

#gallerybuttons {
 border: 0;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 11px;
 text-align: center;
}

#gallerybody {
 border: 0;
 margin: 0 auto;
 padding: 0;
 width: 500px;
 color: #fff;
}

#gallerybody p {
 border: 0;
 margin: 10px;
 padding: 0;
 font-size: 11px;
 text-align: left;
}

#gallerybody h5 {
 border: 0;
 margin: 5px 0 5px 0;
 padding: 0;
 font-weight: bold;
 font-size: 11px;
 text-align: center;
}

/* email resume styles ----------------------------------------------------- */
#resumeemailinfobar {
	background: url(../img/infobarshort.gif);
 clear: both;
 height: 40px;
 margin: 250px 0 0 0; 
 padding: 0;
 width: 355px;
}

.resumeleftcol {
	background: url(../img/ray-headshot.jpg) no-repeat;
 float: left; 
 height: 250px;
 width: 355px;
}

#resumeclientarea{ 
 background: #526372;
 border: solid #000 1px; 
 margin: 0 auto;
 min-height: 290px;
 overflow: hidden;
 padding: 0;
 text-align: left; 
 width: 960px; 
}