body {
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.brdr-blog {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #858D99;
	border-right-color: #858D99;
	border-bottom-color: #858D99;
	border-left-color: #858D99;
}

a {
	/*  Pick a color that will stand out in the psd 
    and do a find and replace throughout this 
	document with this link color, it will change 
	the look and feel for the site. */
    color: #53637D;
	text-decoration: none;
}

a:hover {
	color: #2D3953;
	text-decoration: underline;
}

a.link01 {
	color: #996666;
	text-align: left;
	font-weight: bold;
}

a.link01:hover {
	color: #336699;
	text-decoration: underline;
}

a.link02 {
	text-decoration: none;
	font-weight: bold;
	color: #D6D2A4;
}

a.link02:hover {
	text-decoration: underline;
	color: #99CCCC;
}

a.link03 {
	color: #FFF; text-decoration: none;
}

a.link03:hover {
	color: #FFF; text-decoration: underline;
}

a.link04 {
	color: #666; text-decoration: none;
}

a.link04:hover {
	color: #000; text-decoration: underline;
}

a.navlink01 {
	text-align: left;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 28px;
	width: 200px;
}

a.navlink01:hover {
    text-align: left;
	background-image: url(../images/home2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 28px;
	width: 200px;
}

a.navlink02 {
	text-align: left;
	background-image: url(../images/bio.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 26px;
	width: 200px;
}

a.navlink02:hover {
    text-align: left;
	background-image: url(../images/bio2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 26px;
	width: 200px;
}

a.navlink03 {
	text-align: left;
	background-image: url(../images/illus.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 28px;
	width: 200px;
}

a.navlink03:hover {
    text-align: left;
	background-image: url(../images/illus2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 28px;
	width: 200px;
}

a.navlink04 {
	text-align: left;
	background-image: url(../images/paint.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink04:hover {
    text-align: left;
	background-image: url(../images/paint2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink05 {
	text-align: left;
	background-image: url(../images/print.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 26px;
	width: 200px;
}

a.navlink05:hover {
    text-align: left;
	background-image: url(../images/print2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 26px;
	width: 200px;
}

a.navlink06 {
	text-align: left;
	background-image: url(../images/web.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink06:hover {
    text-align: left;
	background-image: url(../images/web2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}


a.navlink07 {
	text-align: left;
	background-image: url(../images/exper.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink07:hover {
    text-align: left;
	background-image: url(../images/exper2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink08 {
	text-align: left;
	background-image: url(../images/vid-mot.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink08:hover {
    text-align: left;
	background-image: url(../images/vid-mot2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 27px;
	width: 200px;
}

a.navlink09 {
	text-align: left;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 25px;
	width: 200px;
}

a.navlink09:hover {
    text-align: left;
	background-image: url(../images/contact2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 25px;
	width: 200px;
}
a.oldnavlink02 {
	color: #FFFFFF;
	text-align: left;
}

a.oldnavlink02:hover {
	color: #FFFFFF; text-decoration: underline;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
} 

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #810000; 
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #316672;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1948CC;
	margin: 0px;
	font-weight: normal;
}

p {
	margin-top: 0px; 
}

ul {
	padding: 0;
	margin: 0px 0px 10px 20px;
}

li {
	list-style: disc;
	padding-left: 0px;
	margin: auto;
	line-height: 16px;
}
.txt01 {
	/*  When formatting the text in your pages, 
    you can use .txt01 class to make text stand out. */
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	
}

.txt02 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 9px;
}

.txt03 {
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #D6D2A4;
	font-family: Arial, Helvetica, sans-serif;
}

.txt04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #810000;
	font-weight: bold;
}

.hdr-txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0px;
}

.txtred {
	color: #FF0000;
}

.txtgreen {
	color: #009900;
}

.pad01 {
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.pad02 {
	padding-top: 36px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.pad03 {
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 150px;
}

.popup01 {
/*  Here you can change the up bar 
    background color in the .up01 class 
	(normally if you do a find and replace 
	with the link color as I stated above, 
	you won't need to unless you want 
	different colors). */
	background-color: #810000;
	color: #FFF;
	font-size: 12px;
}

.popup02 {
	background-color: #FFF;
	font-size: 12px;
	color: #000;
	line-height: 15px;
	padding: 15px;
}

.popup02 p {
	line-height: 17px;
}

.Footer01 {
	font-size: 10px;
	text-align: center;
}

.Footer01 p {
	margin: 0px;
}

.FooterBG {
	margin: 0px;
	background-image: url(../images/footer-bg.jpg);
	display: block;
	height: 101px;
	width: 800px;
	color: #7787A1;
}
.main-bg{
	background-image: url(../images/mainbg4.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.sp-bg {
	background-image: url(../images/site-splashweb2bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.nav-bg {
	background: url(../images/nav-bg.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg2 {
	background: url(../images/nav-bg2.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg3 {
	background: url(../images/nav-bg3.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg4 {
	background: url(../images/nav-bg4.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg5 {
	background: url(../images/nav-bg5.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg6 {
	background: url(../images/nav-bg6.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.nav-bg7 {
	background: url(../images/press-bg3.jpg) no-repeat top left;
	height: 310px;
	width: 299px;
	display: block;
	font: normal 13px Arial; /* Change 12px as desired */	
}
.glide-bg {
	padding-top: 25px;
	padding-left: 40px;

}
.show-bg {
	height: 123px;
	width: 299px;
	display: block;
	font: normal 10px Arial; /* Change 12px as desired */
	background-image: url(../images/show-cbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;

}
.serv-bg {
	height: 181px;
	width: 208px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/hserv-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.side-bg {
	height: 181px;
	width: 293px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/h-cbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
.gallery-bg {
	height: 241px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/gal-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
.bio-bg {
	height: 296px;
	width: 368px;
	display: block; /* Change 12px as desired */
	background-image: url(../images/bio-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Tahoma;
	font-size: 10px;
	color: #CCCCCC;

}
.bio-bg2 {
	height: 99px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/bio-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.contact-bg {
	height: 346px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/ct-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sm-bg {
	height: 346px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/sm-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.web-bg {
	height: 241px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/web-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.motion-bg {
	height: 241px;
	width: 368px;
	display: block;
	font: normal 10px Tahoma; /* Change 12px as desired */
	background-image: url(../images/motion-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a.thmlink01 {
	text-align: left;
	background-image: url(../images/t-reg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 60px;
	width: 56px;
}

a.thmlink01:hover {
    text-align: left;
	background-image: url(../images/t-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 60px;
	width: 56px;
}

s.expando{ /*sample CSS for expando images. Not required but recommended*/
	border: none;
	vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/

}
.description{ /*style for description DIV. */
	width: 400px;
	margin-top: 9px;
	text-align: left;
	padding-left: 20px;
}

a.btnlink01 {
	text-align: left;
	background-image: url(../images/gal-btn1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 98px;
}

a.btnlink01:hover {
    text-align: left;
	background-image: url(../images/gal-btn2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 98px;
}

a.btnlink02 {
	text-align: left;
	background-image: url(../images/site-btn1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 110px;
}

a.btnlink02:hover {
    text-align: left;
	background-image: url(../images/site-btn2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 110px;
}

a.btnlink03 {
	text-align: left;
	background-image: url(../images/vid-btn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 98px;
}

a.btnlink03:hover {
    text-align: left;
	background-image: url(../images/vid-btn2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 40px;
	width: 98px;
}
a.enterlink01 {
	text-align: left;
	background-image: url(../images/e1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 54px;
	width: 214px;
}

a.enterlink01:hover {
    text-align: left;
	background-image: url(../images/e2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 54px;
	width: 214px;
}

a.tablink01 {
	text-align: left;
	background-image: url(../images/prev1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 23px;
	width: 36px;
}

a.tablink01:hover {
    text-align: left;
	background-image: url(../images/prev2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 23px;
	width: 36px;
}

a.tablink02 {
	text-align: left;
	background-image: url(../images/next1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 23px;
	width: 39px;
}

a.tablink02:hover {
    text-align: left;
	background-image: url(../images/next2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 23px;
	width: 39px;
}

.info {
	width: 300px;
	padding-left: 20px;
	background-position: center;
	height: 280px;
	text-align: left;
	
}

.desc01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #316672;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	
	}
	

a:focus { outline: 0; }
#page-wrap { width: 300px; margin: 80px auto; }


	/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }
	
	/* Specific to example two */

#example-two .list-wrap { background: #000; padding: 2px; margin: 0 0 5px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 2px; color: #fff; }
#example-two ul li a:hover { background: #d5d1a3; color: black; }


#example-two .nav { overflow: hidden; }
#example-two .nav li {
	width: 65px;
	float: left;
	margin: 0 2px 0 0;
	list-style-type: none;
}
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #558a9a; color: black; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover {
	background-color: #000 !important;
	color: fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #558A9A;
	border-right-color: #558A9A;
	border-bottom-color: #558A9A;
	border-left-color: #558A9A;
}
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #70aec1;}
	
}