/*
- Axsys Design / 2005
- Author : Mark Elkins
- www.axsysdesign.com
*/

.box {
  vertical-align: top;
  padding:5px;
  border:1px solid #CCCCCC
}

body {
  margin: 0px;
  padding: 0px;
	text-align: center;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #CCCCCC;
/*	background-image: url("/img/top_border.gif");
	background-repeat: repeat-x; */
}

div#header_back {
	width: 100%;
  background-image: url("/img/header_back.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

div#main {
  margin: 0px auto;
  padding: 0px;
	width: 750px;
	text-align:left;
}

div#header {
	height: 100px;
	margin: 0px;
	padding: 0px;
	background-image: url("/img/header.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#menu {
	height: 20px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 3px
}

div#menu a {
	margin-right: 20px;
}

div#sidecolumn {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 190px;
}

div#maincolumn {
	margin: 0px;
	margin-left: 210px;
	padding-top: 10px;
}

div#footer {
	height: 200px;
	font-size: 8pt;
	background-image: url("/img/footer_back.jpg");
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	color: #AAAAAA;
	border-top: 1px solid #DDDDDD;
}

div#footer_content {
	margin: 0px auto;
	padding: 5px;
	width: 750px;
	height: 200px;
	text-align: left;
	background-image: url("/img/footer_photography.jpg");
	background-repeat: no-repeat;
}

img#login {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#portfolio {
	display: none;
	width: 130px;
	height: 350px;
	overflow: auto;
}

/*-----( Side Column )-----*/

div#loginbox {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

* html div#loginbox {
	margin-right: 10px;
}

div.sidecolumn {
	font-size: 8pt;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

*html div.sidecolumn {
	margin-left: 0px;
}

div.columncontent {
	margin-bottom: 10px;
	text-align: left;
}	

div.blue_box {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
/*-----( Elements )-----*/

img {
	border: 0px;
	display: block;
}

img.main {
  	border: 1px solid #666666;
}

a	{
	text-decoration: none;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #336699;
}

a:hover {
	color: #000000;
}

a.small {
	font-size:10px;
}

hr 	{
	clear: left;
	margin-left: 5px;
	margin-right: 5px;
	height: 1px;
	border: 0px;
	border-bottom: 1px solid #CCCCCC;
}

*html hr {
	margin-left: 0px;
}

hr.stopfloat {
	display: block; 
	clear: left; 
	margin: 0px;
	padding: 0px;
  visibility: hidden;
}

*html hr.sidecolumn {
	width: 150px;
}

p	{
	padding: 0px;
}

p.small {
	font-size: 8pt;
}

td {
	vertical-align: top;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 8pt;
	color: #666666;
}

td img {
	display: block;
}

h1	{
	margin-top: 0px;
	font-family: Trebuchet MS, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid #999999;
}

h2 	{
	margin-top: 0px;
	font-family: Trebuchet MS, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #DDDDDD;
}

h3 	{
	margin: 0px;
	font-family: Trebuchet MS, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #336699
}

.border {
	border: 1px solid #CCCCCC;
}

dt {
	color: #000000;
	font-weight: bold;
}

dd {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*----------Photo Main----------*/

.photoback {
  width: 250px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.photoback_main {
	margin: 0px;
	padding: 0px;
	background-image: url('/img/photos/photoback.gif');
	background-repeat:no-repeat;
	background-position:top left;
	width:250px;
	height:120px
}

td.photoback_browser {
	margin: 0px;
	padding: 0px;
	background-color: #E7E4D3;
	background-image: url('/img/photos/browse_back.jpg');
}

div.gallery_nav {
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}

td.vertical_spacer {
	width: 20px;
}

img.photo_img {
	margin: 5px;
}

img.photo_float{
	float: left;
	margin: 10px;
}

*html img.photo_float {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}

div.photo_content {
	margin-left: 130px;
}

div.pic_back_grey {
	padding-top: 1px;
	margin: 0px auto;
	height: 110px;
	width: 110px;
	background-image: url('/img/photos/pic_back_grey.gif');
	background-repeat: no-repeat;
}

div.pic_back_white {
	padding-top: 1px;
	margin: 0px auto;
	height: 110px;
	width: 110px;
	background-image: url('/img/photos/pic_back_white.gif');
	background-repeat: no-repeat;
}

*html div.pic_back_grey {
	padding: 0px;
}

*html div.pic_back_white {
	padding: 0px;
}

div.no_pic_back {
	margin: 0px auto;
	height: 100px;
	width: 100px;
}

div.browse_odd {
	height: 130px;
	width: 530px;
	background-image: url('/img/photos/browse_back.gif');
}

div.browse_even {
	padding: 0px;
	height: 130px;
	width: 530px;
}

table.browse {
	margin-top: 15px;
	margin-left: 15px;
	width: 500px;
	text-align: center;
}

td.photo {
	margin: 10px;
	width: 125px;
	text-align: left;
}

td#photo_viewer_tabs {
}

table#photo_picker {
	width: 180px;
	margin: 5px;
}

td.photo_name {
	width: 100px;
	background-color: #DDDDDD;
	font-size: 10px;
	text-align: left;
}

td.photo_price {
	background-color: #EEEEEE;
	font-size: 10px;
}

td.add_photo {
	width: 16px;
	background-color: #EEEEEE;
}

td.photo_quantity {
	background-color: #EEEEEE;
}

/*----------Shopping Cart----------*/

td.cart_header {
	background-color: #CCCCCC;
	font-weight: bold;
}

td.cart_image {
	text-align: center;
	background-color: #DDDDDD;
}

td.cart_info {
	background-color: #EEEEEE;
}

img.cart_image {
	margin: 0px auto;
}

/*----------Checkout----------*/

table#checkout {
	margin-top: 20px;
	width: 100%;
	border: 1px solid #CCCCCC;
}

table.checkout {
	text-align: right;
}

td.field {
	width: 150px;
}

input.checkout {
	width: 150px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
}

td.checkout_info {
	padding: 5px;
	background-color: #EEEEEE;
} 

div.checkout_total {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

/*---------Portfolio-----------*/

#clear, #ole, #pc, #scda, #sftcu, #maple, #cc, #mms, #tb, #fusionlogo, #mmslogo, #gmnlogo, #ssm {
padding: 10px;
height: 506px;
width: 506px;
z-index: 2;
display: none;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
}

.portfolio_border {
}

div#portfolio_left_side {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 190px;
}

div#portfolio_side h3 {
	clear: left;
}

div#portfolio_main {
	margin: 0px;
	height: 560px;
	margin-left: 210px;
	padding-top: 10px;
	background-image: url('/img/intro.jpg');
	background-repeat: no-repeat;
}

img.portfolio_thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

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

/*-----( Photo Affiliate)----*/

div#photo_a {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: left;
}

/*----( Jason's -- feel free to move this, Mark )----*/

ul.expanded {
   display: block;
}
ul.collapsed {
   display: none;
}

div.expanded {
   display: block;
}
div.collapsed {
   display: none;
}

div#promotion {
	padding: 10px;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}

div#promotion ul a {
	text-decoration: underline;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #336699;
}

div.clearfloat {
	clear: both;
}

ul#gallery li { display:inline; text-align:left; clear:none; float:left; border:0; }
*html ul#gallery li a { margin:5px; border:1px solid #DDDDDD; padding:3px; position:relative; float:left; display:block; height: 98px; width: 98px; }
ul#gallery li a { margin:5px; border:1px solid #DDDDDD; padding:3px; position:relative; float:left; display:block; height: 90px; width: 90px; }
ul#gallery li a:hover { z-index:2; }
ul#gallery li a img { position:absolute; width:90px; height:90px; }
/*ul#gallery li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:200px; left:50px; top:37px; z-index:1; border:1px solid #EEEEEE; } */