/* 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: #6E758F url(../img/bluebg.gif) repeat;
}

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

/* be kind to netscape 4 */
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd {
 font-family: arial, verdana, sans-serif;
 font-size: 11px;
}

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;
 padding: 0;
}

/* container styles -------------------------------------------------------- */
 
#clientarea{ 
 width: 765px; 
 text-align: left; 
 padding: 0;
 margin: 5px auto;
 background: #767C98;
 border: solid #000 1px; 
}

#header {
 width: 765px;
 height: 55px;
 padding: 0;
 margin: 0; 
	background: #F6C361 url(../img/header.jpg);
}

#headerprint {
	display: none;
}

#leftcol250 {
 width:233px;
 min-height: 250px;
 height: 250px;
 float:left; 
 position:relative; 
 margin-left:-233px; 
 margin-right: 2px; 
	background: url(../img/menubg.jpg) no-repeat;
}

#leftcol250print {
	display: none;
}

#leftcol280 {
 width:233px;
 min-height: 280px;
 height: 280px;
 float:left; 
 position:relative; 
 margin-left:-233px; 
 margin-right: 2px; 
	background: url(../img/menubg.jpg) no-repeat;
}

#outer{ 
 border:solid white 0px; 
 /*/*/ border-left-width: 233px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #3A4155;   /* left column colour */ 
 border-left-style: solid; 
 width: auto; 
 } 

#inner {
 margin:0; 
 width: 532px;
}

#outer>#inner {
 border-bottom: 1px solid #3A4155;
}

#maincol250 { 
 float: left; 
 width:  532px;
 min-height: 250px;
 position: relative; 
 margin: 0 -8px 0 -2px; 
}
 
#maincol280 { 
 float: left; 
 width:  532px;
 min-height: 280px;
 position: relative; 
 margin: 0 -8px 0 -2px; 
}

#defaultmaincol280 { 
 float: left; 
 width:  532px;
 height: 280px;
 position: relative; 
 margin: 0 -8px 0 -2px; 
	background: url(../img/collage.jpg) no-repeat;
}

#resumecol { 
 float: left; 
 width:  765px;
 min-height: 280px;
 position: relative; 
 margin: 0; 
}
 
.content {
 border: 0;
 padding: 0;
 margin: 10px;
 color: #fff; 
}

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 #212839;
}

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

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

.topthinlinefull {
 border: 0;
 margin: 0;
 padding: 0;
 border-top: 1px solid #212839;
} 

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

.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 ul {
 padding: 0;
 margin: 10px; 
	list-style-type: none;
}
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

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

#menu ul {
 padding: 0;
 margin: 10px 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: 765px;
 height: 30px;
 padding: 0;
 margin: 0; 
	background: url(../img/infobar.gif);
}

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

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

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

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

#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 1px;
 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;
 position: relative;
 font-weight: normal; 
 width: 110px;
 float: left; 
 text-align: right;
 color: #FFF;
 line-height: 19px;
}

span.labelfloatleft{
 border: 0;
 margin: 0 0 0 6px;
 padding: 0;
 position: relative;
 font-weight: normal; 
 float: left; 
 text-align: right;
 line-height: 19px;
}

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

span.label80{
 border: 0;
 margin: 0;
 padding: 0;
 position: relative;
 font-weight: normal; 
 width: 80px;
 float: left; 
 text-align: right;
 line-height: 19px;
}

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

#spiderman2panel2 {
 width: 266px;
 height: 250px;
 padding: 0;
 margin: 0;
 display: inline;
 float: left;
}

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

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

#swordfishpanel2 {
 width: 266px;
 height: 250px;
 padding: 0;
 margin: 0;
	background: url(../img/swordfish2.jpg) no-repeat;
 display: inline;
 float: left;
}

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

#perfectstormpanel2 {
 width: 266px;
 height: 250px;
 padding: 0;
 margin: 0;
	background: url(../img/perfectstorm2.jpg) no-repeat;
 display: inline;
 float: left;
}

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

#independencedaypanel2 {
 width: 266px;
 height: 250px;
 padding: 0;
 margin: 0;
	background: url(../img/id2.jpg) no-repeat;
 display: inline;
 float: left;
}

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

#grumpyoldmenpanel2 {
 width: 266px;
 height: 250px;
 padding: 0;
 margin: 0;
	background: url(../img/grumpyoldmen2.jpg) no-repeat;
 display: inline;
 float: left;
}

/* table styles ------------------------------------------------------------ */
.resumetable {
 width: 745px;
}

.admintable {
 width: 510px;
}

.admintableheader {
	background: #3A4155;
	color: #fff;
}

.admintableoddrow {
	background: #3F465B;
	color: #fff;
}

.admintableevenrow {
	background: #656C85;
	color: #fff;
}

.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: #6E758F;
 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 ----------------------------------------------------- */
#resumeemailclientarea{ 
 width: 560px; 
 text-align: left; 
 padding: 0;
 margin: 5px auto;
 background: #767C98;
 border: solid #000 1px; 
}

#resumeemailouter{ 
 border:solid white 0px; 
 /*/*/ border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #3A4155;   /* left column colour */ 
 border-left-style: solid; 
 width: auto; 
 } 

#resumeemailinner {
 margin:0; 
 width: 380px;
}

#resumeemailouter>#resumeemailinner {
 border-bottom: 1px solid #3A4155;
}

#resumeemailheader {
 width: 560px;
 height: 55px;
 padding: 0;
 margin: 0; 
	background: #F6C361 url(../img/headershort.jpg);
}

#resumeemailleftcol {
 width:180px;
 min-height: 280px;
 height: 280px;
 float:left; 
 position:relative; 
 margin-left:-180px; 
 margin-right: 2px; 
	background: url(../img/menubg.jpg) no-repeat;
}

#resumeemailmaincol { 
 float: left; 
 width:  380px;
 min-height: 280px;
 position: relative; 
 margin: 0 -8px 0 -2px; 
}

#footershort {
 color: #000; 
 padding: 0;
 margin: 0; 
 width: 560px; 
	background: #F6C361 url(../img/footershort.jpg);
 height: 22px
} 

#resumeemailinfobar {
 clear: both;
 width: 180px;
 height: 30px;
 padding: 0;
 margin: 250px 0 0 0; 
	background: url(../img/infobarshort.gif);
}

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

.demoreels { 
 float: left; 
 width:  520px;
 text-align: center;
}