/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#fff;
}

div#container {
	position:relative; 
	width:810px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	padding-top:30px;
	background-image:url("/img/bg.gif");
	background-position:180px 180px;
	background-repeat:no-repeat;
	border:0px solid black;
}

div#branding {
	height:135px;
}

#branding img {margin-top:20px;
}

ul#nav {
	width:100%;
	height:38px;
	margin:0;
	margin-top:50px;
	margin-bottom:20px;
	margin-left:60px;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	text-align:center;
	border:0px solid black;
}

#nav a{
	display:block;
	height:38px;
	border:0px solid black;
}

#weddings, #portraits, #events, #details, #blog {
	float:left;
	height:38px;
	margin-right:13px;
	margin-left:13px;
}

#weddings {width:108px;}

#weddings a, #weddings a:visited {background:url("/img/btn-weddings.gif") top left no-repeat;}

#weddings a:hover {background:url("/img/btn-weddings.gif") top right no-repeat;}

#portraits  {width:116px;}

#portraits a, #portraits a:visited {background:url("/img/btn-portraits.gif") top left no-repeat;}

#portraits a:hover {background:url("/img/btn-portraits.gif") top right no-repeat;}

#events {width:149px;}

#events a, #events a:visited {background:url("/img/btn-events.gif") top left no-repeat;}

#events a:hover {background:url("/img/btn-events.gif") top right no-repeat;}

#details {width:99px;}

#details a, #details a:visited {background:url("/img/btn-details.gif") top left no-repeat;}

#details a:hover {background:url("/img/btn-details.gif") top right no-repeat;}

#blog {width:74px;}

#blog a, #blog a:visited {background:url("/img/btn-blog.gif") top left no-repeat;}

#blog a:hover {background:url("/img/btn-blog.gif") top right no-repeat;}

/* +++ */
div#content {

	padding:0 0 0 0px;
	text-align:left;
	border:0px solid black;
}

div#content_main {
	float:left;
	width:486px;
	border:0px solid black;
}

div#content_sub {
	float:right;
	width:294px;
	border:0px solid black;
}

div#site_info {
	height:100px;
	padding:0 0 0 0px;
}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#7d7d7d;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	font-weight:normal;
	color:#7d7d7d;
	margin:0px 0px 4px 0px;
}

p, ul, ol {font-size:1.2em;}

h1 {font-size:2em;} 

h2 {font-size:1.6em;}

h3 {font-size:1.4em;}

h4 {font-size:1.2em;}

p {margin:0px 0px 10px 0px;}

a {
	font-size:1em;
	color:#7f8bad;
	text-decoration:underline;
}

a:visited {}

a:hover {text-decoration:none;}

ul {
	margin:0;
	padding:0 0 10 30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0 0 10 30px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}

img {border:0;}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
ul.striped, ol.striped { /* list style */
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}

ul.striped li, ol.striped li {}

ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
}

ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}

ul.striped li a:visited, ol.striped li a:visited {}

ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#fff;
	color:#7d7d7d;
}

a.no_link, #news_list .no_link {text-decoration:none;color:#7d7d7d;}

#news_list {
	padding:0;
	padding-bottom:10px;
	list-style:none;
	list-style-image:none;
}

#news_list li {
	background-image:url("/dev/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:6px;
}

#news_list h3 {
	font-size:12px;
	margin:0;
}

#news_list p {
	font-size:11px;
	margin-bottom:4px;
}

#news_list p.date {
	font-style:italic;
	padding-bottom:6px;
	text-align:right;
}
.center {text-align:center;}

.bold {font-weight:bold;}

.italic {font-style:italic;}

.small {font-size:1.1em;}

.no_spacing {margin:0px; padding:0;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.photo {
	border:1px solid #a9a9a9;
	padding:8px;
	background-color:#fff;
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
	-moz-opacity:100%;
	filter:alpha(opacity=100)
}

.photo_thumb {
	float:left;
	border:1px solid #a9a9a9;
	padding:5px;
	background-color:#fff;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:14px;
}

.photo_home {
	border:1px solid #a9a9a9;
	padding:8px;
	background-color:#fff;
	margin-right:24px;
	margin-left:25px;
}

.photo:hover, .photo_thumb:hover {background-color:#eeeeef;}

div#photo_lg {text-align:center;}

.even {background:#efefef;}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN OAF TOOLS */
td {
	font-size:0.8em;
}

.adminBar {
	background-color:#2d4122;
}

.tableLight {
	background-color:#e8f0f3;
}

.tableDark {
	background-color:#cfdfe5;
}

.tableHighlight {
	background-color:#5f4f4b;
}

.white {
	color:#FFFFFF;
}

.submit {
	font: 12px bold Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#dac5a8;
	color:#422c28;
}

/* END OAF TOOLS */
div#nav_sub {font-size:12px;text-align:center;margin-bottom:20px;}

div#nav_sub a {margin-right:3px;}