body {
	background: #171717 url(images/bkgd.jpg) repeat-x top left;
	margin:0;
}
body.gallery {
	background: #171717 url(images/bkgd6.jpg) repeat-x top left;
	margin:0;
}
a:link, a:visited {
	color: #5c5fd2;
	text-decoration: none;
}
a:hover, a:active {
	color: #c2c2c1;
	text-decoration: underline;
}
#container-wrap {
	background: url(images/bkgd2.jpg) no-repeat top center;
	width: 100%;
	overflow:hidden;
}
#container-wrap-gallery {
	background: url(images/bkgd5.jpg) no-repeat top center;
	width: 100%;
	overflow:hidden;
}
#container {
	margin: 0 auto 0 auto;
	width: 989px;
	overflow:hidden;
}
#left-col {
	width: 300px;
	float:left;
	margin-bottom:30px;
}
#middle-col {
	width:420px;
	margin:0 0 0 10px;
	float:left;
}
#right-col {
	float:right; 
	width:220px; 
	margin-left:20px;
}
#content {
	width:890px;
	margin:10px auto 0 auto;
	overflow:hidden;
}
#content-2col {
	width:600px;
	float: right;
	margin:10px auto 0 auto;
}
#imageGallery {
	width:600px;
	margin:0;
}
#contentGallery {
	width:600px; 
	float: right;
	padding:0;
	margin:120px 0 0 0;
}

/* ----------main body-------------- */
h1 {
	font: normal 20px "Trebuchet MS", Arial, sans-serif;
	color: #c2c2c1;
}
h2 {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #c2c2c1;
	margin-bottom:0;
}
h3 {
	font: italic 16px "Trebuchet MS", Arial, sans-serif;
	color: #c2c2c1;
	margin-bottom:0;
}
p {
	font: normal 12px/18px "Trebuchet MS", Arial, sans-serif;
	color: #c2c2c1;
	margin:6px 0 12px 0;
}
table, #content li, #middle-col li {
	font: normal 12px/18px "Trebuchet MS", Arial, sans-serif;
	color: #c2c2c1;
}
hr {border: none 0; 
	border-top: 1px dotted #7e8ab1;
	border-bottom: 1px solid #6B78A0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}
#copyright p {
	font: normal 11px/16px "Trebuchet MS", Arial, sans-serif;
	color: #676767;	
}
#copyright a:link, #copyright a:visited  {
	color: #676767;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #ccc;
}
.social-media {
	margin: 10px 0 0 0;	
}
input, select, textarea {
	background-color:#ccc;
	border: none;
	padding:0;
}	
hr {
	border-bottom: solid 1px #000;
	border-top: none;
	height: 1px;
	color:none;
}	
.callout {
	background-color: #1c1c1c; 
	padding:8px 14px 14px 14px; 
	border: 1px solid #2b2b2b;
	margin-top:20px;
}
.address {
	width: 200px; 
	float:left;
	margin:10px 60px 0 0px;
}
.header {
	margin:0;
	float:right;
}
.clearer {
	clear:both;
}
.png {
	behavior: url(/iepngfix.htc); 	
}
.unbold {
	font-weight: normal;
}
/* ----------gallery page category boxes-------------- */
.photo-gallery {
	width: 400px;
	float: left;
	margin:0 0 0 8px;	
}
.photo-gallery img {
	margin:0 20px 0 0;
	float:left;
}
.photo-gallery a img {
	margin:0 0 0 -6px;
	border:none;
}
/* ----------menu-------------- */
ul#navlist {
	padding: 0px;
	margin: 36px 0 0 12px;
	font: normal 15px "Trebuchet MS", Arial, sans-serif;
}
ul#navlist li {
	list-style: none;
	margin: 0px;
	border: 0px;
	background: url(images/menu-line.gif) no-repeat bottom left;
}
#container-wrap-gallery ul#navlist li {
	list-style: none;
	margin: 0px;
	border: 0px;
	background: url(images/menu-line2.gif) no-repeat bottom left;
}
ul#navlist li a {
	display: block;
	width: 200px;
	\width: 202px;
	w\idth: 200px;
	padding: 10px 20px 4px 40px;
	border: 0px;
	color: #6c6c6c;
	text-decoration: none;
	text-align: left;
	outline:none;
}
ul#navlist li a:hover { 
	color: #ffffff;
	font-weight: bold; 
}

/*-------gallery sidebar boxes-------*/
.boxes {
	float: left;
	overflow:hidden;
	margin:0 10px 0 30px;
	_margin:0 0 0 16px;	
	padding: 0;
	outline:none;
}
.boxes h2 {
	margin-top:40px;	
}
.boxes span{
	width:255px; 
	height:73px;
	padding:26px 0 0 18px;
	margin:0 0 -20px 0;
	color:#787878; 
	font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	outline:none;
	behavior: url(/iepngfix.htc); 	
}
.boxes a:hover span  {
	text-decoration:none;
	cursor:pointer;
	outline:none;	
	color: #fff;
}
.boxes a:active span  {
	outline:none;	
}
a:link span.baby-pictures, a:visited span.baby-pictures {
	background: url(images/baby-photography-off.png) no-repeat top left;
	outline:none;
}
a:hover span.baby-pictures, a:active span.baby-pictures {
	background: url(images/baby-photography-on.png) no-repeat top left;
	outline:none;	
}
.baby-pictures-on {
	background: url(images/baby-photography-on.png) no-repeat top left;
	outline:none;
	color:#FFF !important;
}
a:link span.family-portraits, a:visited span.family-portraits {
	background: url(images/family-portraits-off.png) no-repeat top left;	
	outline:none;
}
a:hover span.family-portraits, a:active span.family-portraits {
	background: url(images/family-portraits-on.png) no-repeat top left;
	outline:none;
}
.family-portraits-on {
	background: url(images/family-portraits-on.png) no-repeat top left;
	outline:none;
	color:#FFF !important;	
}
a:link span.senior-pictures, a:visited span.senior-pictures {
	background: url(images/senior-pictures-off.png) no-repeat top left;	
	outline:none;
}
a:hover span.senior-pictures, a:active span.senior-pictures {
	background: url(images/senior-pictures-on.png) no-repeat top left;
	outline:none;
	font-weight: normal;
}
.senior-pictures-on {
	background: url(images/senior-pictures-on.png) no-repeat top left;
	outline:none;
	font-weight: normal;	
	color: #FFF !important;
}
a:link span.model-portfolios, a:visited span.model-portfolios {
	background: url(images/model-portfolios-off.png) no-repeat top left;	
	outline:none;
}
a:hover span.model-portfolios, a:active span.model-portfolios {
	background: url(images/model-portfolios-on.png) no-repeat top left;
	outline:none;
}
.model-portfolios-on {
	background: url(images/model-portfolios-on.png) no-repeat top left;
	outline:none;
	color: #FFF !important;
}
a:link span.commercial-photography, a:visited span.commercial-photography {
	background: url(images/commercial-photography-off.png) no-repeat top left;	
	outline:none;
}
a:hover span.commercial-photography, a:active span.commercial-photography {
	background: url(images/commercial-photography-on.png) no-repeat top left;
	outline:none;
}
.commercial-photography-on {
	background: url(images/commercial-photography-on.png) no-repeat top left;
	outline:none;
	color: #FFF !important;
}

/* ----------footer-------------- */
#footer {
	background: #171717 url(images/footer-line.jpg) no-repeat top center;
	padding:10px 50px 0 50px;
	margin:60px 0 10px 0;
}
#footer p {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #676767;
	text-align: left;
}
#footer a:link, #footer a:visited  {
	color: #676767;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #ccc;
}
/* ----------weblinx-------------- */
div.transOFF {
	width: 230px;
	background-color:#ffffff;
	border:2px solid #cccccc; 
}
div.transON {
	width: 230px; 
	background-color:#ffffff;
	border:2px solid #cccccc;
	opacity:0.10;
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
}
#weblinx {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	text-align: center;
	padding: 5px;
	margin: 10px auto 0 auto;
}
#weblinx a:link, #weblinx a:visited  {
	color: #000000;
	text-decoration: none;
}
#weblinx a:hover, #weblinx a:active {
	color: #000000;
}