.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 10pt 10pt 2pt 15pt;
	margin: 12pt;
	text-align: justify;
	color: #333333;
}
.bkgdcol { background-color:#6A7368;}
.bkgdcol2 {background-color:#6A7368; text-align:center; vertical-align:middle;}
.header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002500;
	text-align: center;
	display: block;
	margin-right: 65px;
	margin-left: 65px;
	margin-bottom: 14px;
}
.content a:hover {
	color: #0066CC;
}
img {border-style: none;}
img a {border:none;}
img.logo5 {border:solid 1px #333333;}
.a-list, .ab-list {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; display: block; line-height:17px;}
.a-list {color: #CC0000; margin: 6px 0 6px 215px;}
.ab-list {color: #333333; margin: 6px 0 6px 110px;}
.a-list ul {margin:0;}
.a-list li a {text-decoration:none; color: #CC0000;}
.a-list li a:visited {text-decoration:none; color: #CC0000;}
.a-list li a:hover {
	text-decoration:underline;
	color: #000099;
}

.mandla {
	float: left;
	height: 65px;
	width: 100px;
	margin-right: 12px;
	margin-left: 35px;
	position: relative;
	display: block;
}
.contenta, .contentb, .contentc, .contentf {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #2F2F2F; text-align: justify;}
.contenta {margin-right: 65px; margin-left: 65px;}
.contentb {margin-right: 75px; margin-left: 75px; list-style-type: disc;}
.contentf {margin-right: 75px; margin-left: 75px;}
.contentc {margin-right: 75px; margin-left: 145px; list-style-type: disc;}
.detailc {margin-right: 75px; margin-left: 145px; font-family:Helvetica, sans-serif; font-size:10px; font-style:italic; color: #2F2F2F;}
.acontenta {
	color: #333333;
	text-decoration: underline;
}
.acontentaa {
	color: #002500;
}
.contenta a:hover {
	color: #000000;
	text-decoration: underline;
}

.acontentb, .utube {
	text-decoration: underline;
	color: #2B5924;
}
.contentb a:hover {
	text-decoration: underline;
}
.branding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: -1800px;
	top: 10px;
	z-index: 2;
}
.donate {
	font-size: 12px;
	background-color: #FFFF99;
	text-align: justify;
	display: block;
	padding: 8px;
	border: thin solid #666666;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
	margin-left: 20px;
}
.header {margin: 0 75px 8px 75px; padding:4px 12px 4px 12px;
	background-color: #6A7368; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #FFFFFF; font-style: italic;}
.header a {color: #FFFFFF; font-style: italic; text-decoration:none;}
.header a:hover {color: #FFFFFF; text-decoration:underline;} 
.footer {
	font-size: 9pt;
	font-family: Arial, Helvetica;
	text-align: center;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 12px;
}
.navmap {margin:4px 0 5px 28px; width:640px;}

a:hover {
	text-decoration: underline;
	color: #0824EF;
}
.caption2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	display: block;
	margin-right: 55px;
	color: #2F2F2F;
}

.subnav {
	text-align: right;
	margin-right: 4pt;
}
.asubnav1 {
	color: #FFFFFF;
	text-decoration: none;
}

.afooter {
	color: #666666;
	text-decoration: none;
}
.footer a:hover {
	color: #333333;
	text-decoration: underline;
}
.contactbox {
	text-align: justify;
	padding-right: 35px;
	padding-left: 40px;
	display: block;
	background-color: #A7B28D;
	border: thin solid #666666;
	margin-right: 60px;
	margin-left: 60px;
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 8px;
}
.title {
	font-size: 13pt;
	font-weight: normal;
	color: #660000;
	margin-bottom: 8pt;
	font-family: skia, verdana, arial;
	text-align: center;
}

.atitle {
	text-decoration: none;
	color: #660000;

}

.soundpopup {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: 200;
	color: #660000;
	text-align: left;
	margin-left: 15px;
}

.acontent {
	color: #003300;
	text-decoration: underline;
}

.footer02 {
	font-family: skia, verdana, arial, helvetica;
	font-size: 7.5px;
	color: #E58B9C;
	letter-spacing: .05em;
	text-align: center;
	vertical-align: middle;
}
.afooter02 {
	color: #E58B9C;
	text-decoration: none;
}
.title1, .title2, .title3 {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #333366; font-weight: bold;}
.title1 {margin: 0 55px 10px 55px;}
.title2 {margin: 0 55px 0 55px;}
.title3 {margin: 0 0 0 100px;}
img.floatLeft {
	float: left;	
	margin: 5px;
	padding-right: 4px;
}
img.floatRight {
	float: right;
	margin: 5px;
	padding-left: 5px;
}

.specials {position: absolute; left:-4px;}

.pic-floatb {float: right; margin: -3px 75px 12px 12px;}
img.pic-floatf {float:right; margin:0 0 10px 15px;}
#maincontentb .pic-floatb {float: right; margin: 0 15px 12px 12px;}
.pic-floatc {float: right; margin: -20px -85px 12px 12px;}
.pic-floatd {position:absolute; left:820px; top:440px;}
.pic-floate {position:relative; margin:-10px 20px 0 -146px; float:left;}
.phantom {float:right; width:210px; height:250px;}
.phantome {float:left; width:180px; height:170px;}
.pic-float1, .pic-calig, .pic-james, .pic-staff {float: left;}
.pic-float1 {width: 123px;
	height: 110px; background-image: url(images/business_woman.jpg);
	background-repeat: no-repeat; background-position: 0px; margin: 2px 10px 0 25px;}
.pic-calig {background-image: url(images/callig-d.jpg); background-repeat: no-repeat;
	height: 191px; width: 170px; margin-top: 5px 15px 0 25px;}
.pic-james {background-image: url(images/jamienew.jpg); background-repeat: no-repeat;
	height: 80px; width: 118px; margin: 3px 12px 0 30px;}
.pic-staff {float: left; margin: 2px 15px 0 55px;}
.designlists {
	position: relative;
	width: 230px;
	background-color: #EBD6A7;
	padding: 2px 0 2px 5px;
	margin: 1px 0 1px 0;
}
.logos-v {float:right; z-index:3; margin:-12px 1px 0 0;
	font-family: Helvetica, sans-serif; font-size:9px; color:#585858;}
.logos-v img {border-style: none;}
.logos-v ul {margin:0; list-style:none;}
.logos-v ul li {margin:5px 0 0 0;} 

.logos-vhdr {position:relative; left:-5px; margin:5px 0 5px 0;}
img.logos-v {position:absolute; left:734px; top: 180px; z-index:3;}
img.logo {margin:0 0 0 28px;}

*  { padding:0px; margin:0px; }
#wrapper {
  margin-left: auto ;
  margin-right: auto ;
	top:0px;
	width: 777px;
	}

#index-firstcontainer
	{
	position: absolute;
	left: -400px;
	width: 750px;
	margin-right: 50%;
	margin-left: 50%;
	background-color: #FFFFFF;
	border: solid #333333;
	border-width: 0 1px 1px 1px; overflow:visible;
	}
#firstcontainer
	{margin:-4px 0 0 44px; 
	width: 750px;
	padding: 0px;
	background-color: #FFFFFF;
	border: solid #333333;
	border-width: 0 1px 1px 1px; overflow:visible;
	}

#firstcontainer-new
	{
	margin:-4px 0 0 44px;
	width: 750px;
	padding: 0px;
	background-color: #FFFFFF;
	border: solid #333333;
	border-width: 0 1px 1px 1px;
	background-image: url(images/index/bkgd02-index.jpg);
	background-position: 300px 80px;
	background-repeat: no-repeat; overflow:visible;
	}
#defaultpara
	{
	position: absolute;
	background-image:  url("images/b-srbkgd04-site.jpg");
	background-position: 0px 33px;
	background-repeat: no-repeat;
	z-index: 0;
	height: 500px;
	width: 750px;
	top: 100px;
	}
	
#maincontent
	{
	position: absolute;
	z-index: 0;
	width: 750px;
	top: 103px;
	display: block;
	background-color: #FFFFFF;
	border: solid 333333;
	border-width: 0 1px 1px 1px;  
	}

#maincontentb {
	position: relative;
	z-index: 0;
	width: 750px;
	background-color: #CFCDCE;
	background-image: url(images/bkgdgrade1.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: 0px -6px;
	color: #333333;
	padding-top: 20px;
	margin-top: 12px;
}
#logo
	{
	position: relative;
	height: 105px;
	width: 750px;
	background-color: #FFFFFF;
	background-image: url(images/bkgd-logo.jpg);
	background-repeat: no-repeat;
	}
.rightmargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	display: block;
	margin-right: 130px;
}
#footer
	{
	position: absolute;
	font-family: Skia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	color: #999999;
	display: block;
	z-index: 40;
	left: 0px;
	top: 572px;
	height: 23px;
	width: 750px;
	background-image:  url("images/a-srbkgd05.jpg");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
#contentinset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	position: absolute;
	height: 500px;
	width: 600px;
	left: 50px;
	top: 80px;
	z-index: 20;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
}

#contentinset2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
	position: absolute;
	height: 500px;
	width: 550px;
	left: 30px;
	top: 71px;
	z-index: 20;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
}
#contentinset3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
	position: absolute;
	height: 500px;
	width: 580px;
	left: 0px;
	top: 71px;
	z-index: 20;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
}

#ads 
{
	position: absolute;
	top: 55px;
	left: 615px;
	height: 600px;
	width: 121px;
	background-color: #ececed;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}

.red {
	font-weight: bold;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
}
.alexa2 { clear:right; float:left; margin:0 15px 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#999999; }
.clearRight {clear:right;}
ul.navlist
{
list-style-type: none;
width: 100%;
}

ul.navlist li { 
	display: inline; 
}

 ul.navlist li a
{
	float: right;
	text-decoration: none;
}

ul.index-navlist
{
list-style-type: none;
width: 100%;
}
.logostring {
	margin-left: 75px;
}
.rightmargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	display: block;
	margin-right: 130px;
}

ul.index-navlist li { 
	display: inline; 
}

 ul.index-navlist li a
{
	float: right;
	text-decoration: none;
}
/* ********  Begin text MENU ******* */
 
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	width: 750px;
	margin-top: 0; z-index:200;
}
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0; z-index:200;
}

.menu li{
float:left;
position:relative;
z-index:200;
}
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px; z-index:200;
}
.menu a, .menu :visited {
	display:block;
	font-size:12px;
	width:149px;
	padding:7px 0;
	color:#333333;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	background-color: #A7B28D;
}
.menu :hover{
color:#444;
background:#d4d8bd;
}


.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
.titlec {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #002500;
	margin: 0 55px 10px 55px; font-weight: bold;}
.titlec a {color: #002500; text-decoration:none;}
.titlec a:hover { text-decoration:underline;}
.pic-float3 {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 75px;
	background-color: #C0C0C0;
}
.pic-footer {
	position: absolute;
	left: 625px;
	background-image: url(images/calligmovement.jpg);
	height: 55px;
	width: 43px;
	display: block;
	background-repeat: no-repeat;
}
.pic-floatleft {
	float: left;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 35px;
	margin-top: 3px;
}

.staffright {
	text-align: right;
	margin-left: 154px;
}
.picright-staff {
	float: right;
	height: 100px;
	width: 84px;
	margin-top: 2px;
	margin-left: 15px;
	margin-right: 55px;
}
.staffleft {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F2F2F;
	text-align: justify;
	margin-left: 55px;
	margin-right: 154px;
}
.pic-videoscreens {
	float: left;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 75px;
	margin-top: 3px;
	list-style-position: inside;
	list-style-type: disc;
}
.staffleft {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F2F2F;
	margin-left: 55px;
	margin-right: 154px;
}

.portfolio {clear:left; text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #2F2F2F; margin:15px 20px 15px 30px;}

.portfolio .name, .portfolio .name2, .portfolio .title4 {color:#003300; font-weight:bold;
	font-family: Verdana, Helvetica; font-size:110%; }
.portfolio .name2 {margin-left:-16px;}
.portfolio .subhead {margin:7px 0 5px 0; font-style:oblique;}
.portfolio .desc {min-height: 60px; height: auto !important; height: 100%; 
	text-align:justify; overflow: hidden;}
.portfolio .name a {color:#003300; text-decoration:none;}
.portfolio .name a:hover {text-decoration:underline; color: #006600;}
.portfolio .results {float:right; margin:0 0 0 42px; min-height: 60px;
	height: auto !important; height: 100%; width:120px; 
		font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2F2F2F;}
.results ul { list-style-position: outside; list-style-type: circle; margin-top:7px;}
.results .dn {margin-top:22px;}
.results li {margin-bottom:4px;}
.results li a, .results li a:visited {
	text-decoration:none;
	color:#003300;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003300;
}
.results li a:hover {
	text-decoration:none;
	color:#004D00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004D00;
}
#logo2 {
	position: relative;
	height: 105px;
	width: 750px;
	background-color: #FFFFFF;
	background-image: url(images/bkgd-logo2.jpg);
	background-repeat: no-repeat;
}
.pos01 {position:absolute; top:151px; left:70px;}
.pos01p, .pos01p2 {position:relative; font-size:10px; color:#003300; 
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.pos01p {margin:-32px 0 39px 590px; width:130px;}
.pos01p2 {margin:-32px 0 5px 540px; width:200px;}
img.posA {position:relative; margin:-4px 0 0 25px;}
img.posB {margin:10px 0 0 20px;}
img.posC {margin:6px 0 0 -25px;}
img.posD {position:relative; margin:-3px 0 0 25px;}
img.biz1 {float:left; margin:0 15px 0 1px;}
.pos01p a, .pos01p2 a {text-decoration:none; color:#838C71; border-bottom: 1px dotted #838C71;}
.pos01p a:hover, .pos01p2 a:hover {text-decoration:none; color:#838C71; 
	border-bottom: 1px solid #838C71;}
.breath {height:12px;}
.breath2 {height:52px;}
.vidtxt {clear:left; font-size:10px; color:#2F2F2F; margin:10px 0 10px 40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.vidtxt2 {font-size:10px; color:#2F2F2F; margin:10px 30px 10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;} 
.media-left, .media-rt, .media-cntr {font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#2F2F2F;}
.media-left p, .media-rt p {margin:2px 0 0 10px; width:250px;}
.media-left .p1 {margin:2px 0 0 10px; width:350px;}
.media-left h2, .media-rt h2, .media-cntr h2 { font-weight:bold; margin:0 0 8px 10px; font-size:10px;}
.media-rt h2 { text-align:left;}
 .media {text-align:center; position:relative; display:block; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
	vertical-align:middle; z-index:300;}

.media a, .media a:visited {color: #fff;}
.media-left {clear:left; float: left; margin:13px 12px 4px 30px; z-index:300;}
.media-rt {clear:right; float:right; margin:13px 51px 4px 10px; text-align:center; 
	z-index:300;}	
.media-cntr {clear:both; width:100%; text-align:center;}
.media p {margin:20px 20px 0 20px;}	
/*    lightbox css video page  */

.LBbkgd, .LBbkgd2, .LBbkgd3 {width:100%; min-height:900px; height:100%; 
	vertical-align:middle; overflow:hidden; z-index:300;}
.LB1 {margin:0; overflow:hidden; }	
.LBbkgd {background-color:#6A7368;}
.LBbkgd2 {background-color:#000000;} 
.LBbkgd3 {background-color:#383D38;} 
.LBbkgd3 h2.title {color:#CCCCCC;}
/*     css Image Enlarge pic website portfolio page    */
a.p1 {display:block; text-decoration:none; background:#fff; border:0; margin:3px 12px 24px 0; float:left;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 .large {position:absolute; left:-2999px;}
a.p1:hover .large {top:-65px; left:150px; border:10px solid #7A7A7A;}

/*  ** for index page *  */
#maincontentb a.p1 {display:block; text-decoration:none; background:#fff; border:0; margin:3px 12px 24px 0; float:left;}
#maincontentb a.p1 img {display:block; border:0;}
#maincontentb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
#maincontentb a.p1 .large {position:absolute; left:-2999px;}
#maincontentb a.p1:hover .large {top:-65px; left:-200px; border:5px solid #7A7A7A;}

.clearBoth {clear:both;}