* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif;font-size: 11px;background: #ccc; line-height: 18px}

body.blackBG {font-family: Arial, Helvetica, sans-serif;font-size: 11px;background: #000; line-height: 18px}
#wrapperPhotoBG { margin-left:0px; width:1200px;; background-color:#000;height:auto;}
.leftColumnBG {position:relative; top:0px; float:left; color: #333333;height: 819px;width:323px;margin-left:0px;background-color:#000;background-repeat: no-repeat;background-image: url(../../images/leftSideBlack.jpg);}
.logoBG {position:absolute; left:136px;top:160px;height: 235px;width:256px;background-color:transparent;background-repeat: no-repeat;background-image: url(../../images/logoBG.png);}


img {border:none;}
p {font-family: Arial, Helvetica, sans-serif;color:#707070;font-size:11px;}
.green {color:#868613;}
a {text-decoration: none;}

h1 {font-family: Arial, Helvetica, sans-serif;color: #96BF55;font-size: 20px;font-weight: normal;margin: 5px 0 5px 0;text-align: left;}

h2 {text-align: left; font-weight: normal;color: #09f;margin: 5px 0 0px 0;text-decoration: none;font-size:12px;}
* html h2 {text-align: left; font-weight: normal;color: #09f;margin: 5px 0 0px 0;text-decoration: none;font-size:12px;}
h2 a {font-weight: normal;color: #09f;text-decoration: none;}

h5 {text-align:left;font-size:12px;padding-left:55px;}
* html h5 {text-align:left;font-size:12px;padding-left:30px;}
h5 a {font-weight: 600;color: #C95659;text-decoration: none;}

.resContent {width:auto; padding-left:180px;}
.res {float:left;text-align:left;font-size:11px;margin-left:4px;}
.res a {color:#D4797B;}
.bld { font-weight:600; font-size:9px; }
.resImg {float:left;margin-right:4px;padding-top:4px;}

h4 {float:left;margin-left:90px;font-size:12px;font-weight: normal;color: #868613;text-decoration: underline;}

.bgrn {color:#c1c16d;font-weight:700;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.contner {position:relative; left:22px;}
.ital {font-style:italic;}
.italLnk {font-style:italic; color:#0099FF;}
#wrapper { margin-left:0px; width:831px; background-color:#ccc;height:auto;}
#wrapperPhoto { margin-left:0px; width:1200px;; background-color:#ccc;height:auto;}
.leftColumn {position:relative; top:0px; float:left; color: #333333;height: 819px;width:323px;margin-left:0px;background-color:#ccc;background-repeat: no-repeat;background-image: url(../../images/leftSide.jpg);}

.logo {position:absolute; left:136px;top:160px;height: 235px;width:256px;background-color:transparent;background-repeat: no-repeat;background-image: url(../../images/logo.png);}

.rightColumnPhoto {position:relative; top:0px; float:left; color:#333333; width:800px; height: 819px; margin:left; padding:0px; background-color:transparent; }

.rightColumn {position:relative; top:0px; float:right; color:#333333; width:500px; height:100%; margin:left; background-color:transparent; padding:0px;}
.rightColumnTBF {position:relative; top:0px;  float:right; color:#333333; width:500px; height:100%; margin:left; background-color:transparent;}


.rightContent {position:absolute; top:46px; left:100px; padding:0px; margin:0px; background-color:transparent;}
.rightContentPhoto {position:absolute; top:46px; left:100px; padding:0px; margin:0px; background-color:transparent; width:auto;}

.flashContainer { margin: 0 auto; text-align:center; padding-top:20px; width:660px;}


.contnerphoto {margin:0 auto; padding:0px; width:602px; background-color:#000; height:30px; border:1px solid #595959;}
.contnerphoto h1 { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#898989; line-height:16px; padding-left:10px; padding-top:3px; text-transform:uppercase; font-weight:400; letter-spacing:1px; width:600px;}
.floatLeft {float:left;}

.innerCenter {align:center;color: #333333;width:360px;margin-left: 12px;margin-bottom:10px; border:thin #CCCCCC dashed; padding:2px;}
.innerLeft {position:relative;float:left; color: #333333;width:180px;margin-left: 12px;margin-bottom:10px; border:thin #CCCCCC dashed; padding:2px;}
.innerRight {position:relative;float:right; color: #333333;width:180px;margin-right: 12px;margin-bottom:10px; border:thin #CCCCCC dashed; padding:2px;}

 /* midNav */
.midNav {font-family: Arial, Helvetica, sans-serif;}
a.midNavOff:link, a.midNavOff:visited {color:#D4797B ;text-decoration: none; font-size:10px;}
a.midNavOn:link, a.midNavOn:visited, a.midNavOff:hover  {color: #E3DF46;text-decoration: underline;}
a.midNavOff:hover {color: #E3DF46; text-decoration: underline;}

 /* topNav */
.topNav {font-family: Arial, Helvetica, sans-serif;}
a.topNavOff:link, a.topNavOff:visited { color:#0099FF; ;text-decoration: none; font-size:11px;font-weight:600;}
a.topNavOn:link, a.topNavOn:visited, a.topNavOff:hover  { color: #878514;text-decoration: underline;}
a.topNavOff:hover {color: #878514; text-decoration: underline;}

 /* btmNav */
.btmNav {font-family: Arial, Helvetica, sans-serif;padding: 0px; margin: 0; line-height:16px; text-align:center;color:#878514;}
a.btmNavOff:link, a.btmNavOff:visited {color:#878514;text-decoration: none; font-size:12px;}
a.btmNavOn:link, a.btmNavOn:visited, a.btmNavOff:hover  {color: #DC8081;text-decoration: underline;}
a.btmNavOff:hover {color: #DC8081; text-decoration: underline;}

/* list smlLeft */
.smlLeft {float:left; padding-top:0px;padding-left: 20px; width:180px;}
.smlLeft ul{ list-style-image: url(../../images/redarrow.jpg );font-size: 10px; list-style-type: disc;line-height:18px;}  
.smlLeft ul li{ font-family: Verdana, Arial, Helvetica, sans-serif;color: #4d81c3; }
.smlLeft ul li a { color: #878514;text-decoration: none;}
.smlLeft ul li a:link,.smlLeft ul li a:visited,.smlLeft ul li a:active,.smlLeft ul li a:hover { color: #878514;text-decoration: none; }
.smlLeft ul li a:hover{ color: #DC8081;text-decoration:none }

/* list freelance work */
.siteColumn {float:left; padding-top:0px;padding-left: 6px; width:180px;}
.siteColumn ul{ list-style-image:none;font-size: 11px; list-style-type: none;line-height:14px;}  
.siteColumn ul li{font-family: Arial, Helvetica, sans-serif;color: #808080; }

/* list camera */
.camera { padding-top:0px;padding-left: 10px;padding-right: 10px;padding-bottom: 12px;}
.camera ul{ list-style-image:none;font-size: 11px; list-style-type: none;line-height:16px;}  
.camera ul li{ font-family: Arial, Helvetica, sans-serif;color:#707070; }

.redarrow {position:relative; top:3px;}

.lftsde {float:left;margin-left:15px; margin-right:10px;}

.freeContent {border: 1px solid #FFD2D2; background:#FFF2F2; width:380px; margin: 0 auto; margin-top:12px; padding-bottom:6px; }

.cornerLeft {float:left;width:123px; height:32px;background-image: url(../../images/leftside.png);background-color:transparent;background-repeat: no-repeat;margin:0px; padding:0px;}
.corner {float:left;width:135px; height:32px;background-image: url(../../images/clientlist.png);background-color:transparent;background-repeat: no-repeat;margin:0px; padding:0px; }
.cornerRight {float:right;width:108px; height:32px;background-image: url(../../images/rightside.png);background-color:transparent;background-repeat: no-repeat;margin:0px; padding:0px;}

.sitemap {margin-left:90px;font-size:9px;font-weight: normal;color: #868613;}
.sitemap a {color: #C1C16D;text-decoration: underline;}
.myBack { position: relative;left: 30px;width:100px;height:16px;background-color:#C95659;border-top:#ffffff 1px solid;text-align: center;color:#ffffff;font-family: Arial, Helvetica, sans-serif;}
a.myBackOff:link, a.myBackOff:visited { color:#ffffff; ;text-decoration: none; font-size:11px;}
a.myBackOn:link, a.myBackOn:visited, a.myBackOff:hover  { color: #0099FF;text-decoration: none;}
a.myBackOff:hover {color: #0099FF; text-decoration: none;}

.spacer {padding:1px; background-color:#ffe8e8;} 
.goto {position:absolute; right:20px;top: 60px;height: 9px;width:9px;border: 0px;background-color:transparent;background-repeat: no-repeat;background-image: url(../../images/goto.gif);}

.clear {clear: both;}
.clear12 {clear: both;height:12px;}

i small {font-size: 14px;color: #333333;}

	h1 span {color: #ffffff;font-size: 20px;font-weight: normal;margin: 5px 5px 5px 0;text-align: left;}

.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}

#container {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto 0 auto;
	width: 445px;
}

	#top_container {
		width: 680px;
		height: 130px;
		margin: 10px auto 10px auto;
	}
	
	#bottom_container {
		clear: both;
		width: 700px;
	}
	
.page-top {	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #09f;
	border-bottom: 5px solid #444444;
}

.page-sidebar { 
	position: fixed; 
	top: 30px; 
	left: 20px;	
	width: 250px; 
}

* html .page-sidebar { 
	top: 30px; 
	left: 20px;	
	width: 250px; 
	position:absolute; 
}

.page-title {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

	.page-title h1 {
		margin: 0 0 5px 0;
	}
	
	
	.page-title h2 {
		clear: both;
		font-size: 100%;
		color: #FF9;
		font-weight: normal;
		margin: 0;
	}

.page-body {
	margin: 0 10% 0 315px;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-footer {
		margin: 20px  0 0 0;	
		text-align: left;
		font-size: 10px;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	

goto {text-align: left;font-weight: normal;color: #09f;margin: 5px 0 0px 0;}

	h2 span {clear: both;font-size: 70%;color: #FF9;}
	

.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

.navigation { 
	list-style: none; 
	margin: 10px 0 30px 0; 
	width: 200px;
}

	.navigation li { 
		padding: 0; 
		margin: 0; 
	}

	.navigation a, 
	.navigation a:visited {
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 10px 0 10px;
		border-bottom: 3px solid #FFE8E8;
		color: #ffffff;
		background-color: #333333;
		text-decoration: none;
	}

	.navigation a:hover {
		color: #000000;
		background-color: #a9d06a;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		
	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}


pre {
  	font-size: 11px;
  	padding: 10px;
  	background: #000000;
  	overflow: auto;
	margin: 10px 0 10px 0;
}

code {
  	color: #ffffff;
  	background: #000000;
  	font-family: Monaco, Courier, monotype;
}
.fun_toggle {
			display: block;
			height: 30px;
			width: 425px;
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #868613;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #FFE8E8;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 10px;
			border-bottom: 1px solid #868613;
			border-top: 1px solid #868613;
			margin: 0 0 0 0;
		}

.white {width:445px; background:#ffffff; height: auto; border:1px solid #DE8283;margin-left:22px;}
.navContainer {width:445px; background:#CCC; height: auto; margin-top:30px; margin-left:100px;}
.padding {padding:6px;}
.litl {color:#9FD9FF; font-size:9px;}