/****************
Styles for twoguysandacamera.com by john dot flournoy at gmail


***************
Base
****************/

body {
/*	font-family: Rockwell,"american typewriter",Georgia, serif;*/
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #999;
	background: #fff;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

img {
	border:none;
}

/****************
List Styles
****************/
#navbar li{
	list-style:none;
	display:inline;
}
#cs_nav li{
	list-style:none;
	margin: 10px 0px 10px -40px;
	padding: 0px 0px 0px 0px;
}
#cs_nav ul{
}

/****************
Image based stretchy Backgrounds as Necessary
****************/

#cs_nav_bg_mr {
	background: url('cs_nav_bg_mr.gif') top right repeat-y;
}
#cs_nav_bg_tr {
	background: url('cs_nav_bg_tr.gif') top right no-repeat;
}
#cs_nav_bg_bl {
	background: url('cs_nav_bg_bl.gif') bottom left no-repeat;
}
#cs_nav_bg_br {
	background: url('cs_nav_bg_br.gif') bottom right no-repeat;
}

/****************
Sizes and Borders
****************/
#body_container,
#content,
#footer,
#current,
#current_side {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#header{
	padding:0px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	width:600px;
	border-bottom:1px solid #aaa;
}
#header img{
	padding:0px 0px 5px 0px;
}
#navbar {
	padding:0px 0px 0px 40px;
	margin:10px 0px 10px 0px;
}
#navbar ul{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navbar li{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
#navbar li a{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.v_center {
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.decor {
	margin-left:auto;
	margin-right:auto;
}

#home .v_center {
	margin-left:0px;
}

#home td {
	width: 398px;
	text-align:center;
}

#content_container{
	margin:0px 0px 0px 0px;
	height:500px;
	padding:10px 0px 10px 0px;
}

#home,
#contact,
#commercial,
#weddings {
	height:100%;
}

#home p{
	margin:1.5em 0px 1.5em 0px;
	padding:0px 0px 0px 0px;
}

.notice
{
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
	border:1px dashed #666;
	width:494px;
}



#cs_nav_container {

}
#cs_nav {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	text-align:left;
	width: 11.4em;
}
#cs_nav_bg_br {
	padding:10px 10px 10px 10px;

}

#cs_content_icon_container {
	text-align:center;
	width:75px;
	padding-left:25px;
}
#cs_content_icon_container .img_frame{
	margin: 20px 0px 0px 0px;
	text-align:center;
	width:50px;
	height:50px;
	overflow:hidden;
	border:1px solid #999;
}

#cs_content {
	margin:0px 0px 0px 0px;
	padding: 10px 40px 10px 40px;
	text-align:center;
	width:395px;
}
#cs_content.decor {
	width:650px;
}
#cs_content img{
	margin:0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}


#contact .content{
	width: 495px;
	border:1px dashed #666;
	padding:10px;
}
#contact .title {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
}

#widener {
	display:table-cell;
	width:100%;
	border:1px solid #fff;
}
.clearer,
#clearer{
	clear:both;
}
#footer{
	margin:0px 0px 10px 0px;
	padding:10px 40px 0px 0px;
	width:600px;
	border-top:1px solid #666;
	float:right;
}

/****************
Fonts and Colors
****************/
#navbar {
/*	background: #f00 url('bg_navbar.gif') bottom left repeat-x;*/
	font-size: .8em;
	letter-spacing:.1em;
}

#home {
	text-align:center;
	font-family: "Lucida Calligraphy", cursive;
	font-size:1.1em;
	color:#000;
}

.notice,
#contact {
	font-family:garamond, serif;
	text-align:center;
}

#content_container {
	color:#000;
	background:#fff;
}

#cs_nav{
	font-size:.8em;
}

#cs_nav .title{
	color: #111;
	border-bottom:2px solid #ccc;
}

#contact .title,
#cs_content_icon_container,
#cs_content .title {
	font-family: "lucida calligraphy","Lucida Handwriting",cursive;
}
#contact .description,
#cs_content .description {
	font-family:garamond, "times new roman", serif;
}

#footer {
	text-align:right;
}

#footer .credits, 
#footer .copyright
{
	font-size:.6em;
	color:#ccc;
}

#footer .credits a, 
#footer .copyright a,
#footer .credits a:visited, 
#footer .copyright a:visited,
#footer .credits a:hover, 
#footer .copyright a:hover
{
	color: #ccc;
}

/*---Links---

this is here just for IEMAC*/

#home a,
#weddings a,
#about a,
#contact a,
#home a:visited,
#weddings a:visited,
#about a:visited,
#contact a:visited,
#home a:hover,
#about a:hover,
#contact a:hover,
#navbar a:hover,
#cs_nav a:hover,
#weddings a:hover,
#cs_nav a,
#cs_nav a:visited,
#navbar a,
#navbar a:visited
{
	color: #44a;
	text-decoration:none;
}

#navbar #current a,
#cs_nav #cs_current a,
#cs_nav #cs_current a:visited,
#navbar #current a:hover,
#cs_nav #cs_current a:hover
{
	color: #f00;
	text-decoration:none;
}

/*IEMAC WON't SEE THIS BECAUSE IT CAN't HANDLE THIS \*/
#home a,
#weddings a,
#about a,
#contact a,
#home a:visited,
#weddings a:visited,
#about a:visited,
#contact a:visited
{
	color: #f00;
	text-decoration:none;
}

#home a:hover,
#about a:hover,
#contact a:hover,
#navbar a:hover,
#cs_nav a:hover,
#weddings a:hover
{
	color:#333;
	border-bottom: 1px dotted #f00;
}

#navbar #current a,
#cs_nav #cs_current a,
#cs_nav #cs_current a:visited{
	color:#f00;
	text-decoration:none;
}

#navbar #current a:hover,
#cs_nav #cs_current a:hover{
	border-bottom:none;	
}

#header a,
#header a:visited,
#cs_nav a,
#cs_nav a:visited{
	color: #333;
	text-decoration:none;
}

#navbar a,
#navbar a:visited{
	color: #888;
	text-decoration:none;
}

#header a:hover{
	border-bottom:none;
}

/*END IEMAC HACK*/