/* Anuragdesign */
/* http://anuragdesign.com */

/* Thanks to Thierry ( http://tjkdesign.com ) for his help with the fake logo in the menu */


/* Basic Colors:
 * Background: 		#19110E;
 * Text: 			#838380;  
 * Headers + Menu: 	#989897; 
 * Borders: 		#543930;
 */

/*  Body
-------------------------------------------------------*/
body {
  	margin:0 1em;
  	padding:0;  
  	min-width:800px;
	
	font-size:100%;
  	font-family:Georgia, "Times New Roman", Times, serif; 	
	
  	background: #19110E;
  	color: #838380;  
}

/* Background images for each section */
body#main { 
	background-image: url(../images/logo/header_backg_mbv.gif);
}

body#weddings  { 
	background-image: url(../images/logo/header_backg_weddings.gif); 
}

body#portrait { 
	background-image: url(../images/logo/header_backg_portrait.gif); 
}

body#fashion { 
	background-image: url(../images/logo/header_backg_fashion.gif);
}

body#art { 
	background-image: url(../images/logo/header_backg_art.gif);
}

body#weddings, 
body#portrait, 
body#fashion, 
body#main,
body#art {  
  	background-repeat: no-repeat;  
  	background-position: 1em 5px;   
}

/*  Generic Classes
-------------------------------------------------------*/
.hide { 
  	position: absolute;  /* Rather than not displaying it, we keep it accessible and propel it out of sight */
	left: -999em; 
}
.clear {	
	clear:both }

.spacer {	
	margin-top:5em;
}

.footnote {	
	font-size:.75em
}

/*  Splash Page
-------------------------------------------------------*/
#splash_container {
	width: 1000px;
  	margin: 1.5em auto 0 auto;
  	text-align:center;
}

#splash_container h1 {
  	margin: 0;  
  	font-size: 150%;
  	font-weight: normal;
}

#splash_container p a {
	padding: 0 .5em;
}

#splash_container #splash_logo { 
  	margin-bottom: 1em;
  	border: 0;
}

#splash_container a {
	text-decoration: none;
	text-transform: uppercase;			/* make links all caps */
}

#splash_container a:link, 
#splash_container a:visited { 
	color: #616161 
}

#splash_container a:hover,
#splash_container a:active  { 
	color:#fff 
}

#home_images {
	margin: 2em 0;
}

#splash_container #home_images img {
	margin: 1em 1.5em;
}

#splash_container #home_images a img { 
	border: 3px solid #19110E;
}

#splash_container #home_images a:hover img,
#splash_container #home_images a:active img { 
	border: 3px solid #fff;
}

#home_links {
		margin-top: 3em
}

#home_links a {
	font-family: Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 1px;
}
/*
 * Basic Layout
-------------------------------------------------------*/

#header {	
	min-height: 85px;
	min-width: 1200px;	
	
	border-bottom: 1px solid #543930;
	
}
#wrap {
	margin: 1.5em;
	
}

/*  Header: Navigation + Logo
-------------------------------------------------------*/
/* Places the fake logo */
#menu span {		
	width:391px;	/* size of logot */
  	height:77px;
  	position:absolute;	/* take logo out of flow and place it top right */
  	right:0;
  	top:0;
  	background-image:url(../images/logo/logo_header.gif);
  	cursor:pointer;
}

/* make sure the menu stays open /* http://tinyurl.com/2xhp98 */
ul#menu { 
	position:relative;
	/* _height:53px; */  /* IE hack: moved to screen_IE.css */  
	min-width:800px;
	padding:50px 391px 0 0;
 	margin:1em 0 0 0;
}

#menu, #menu ul {
    list-style:none;
	padding:0;
	margin:0;
	z-index:2000;
}

#menu li { 
 /* display:inline; 
	padding:0 12px; */
 	float:left;
	padding: 0 10px;
	width:auto;
	
	border-bottom-color: #543930;
}

#menu li a {
  	font-family:   Times, Georgia, "Times New Roman", serif;
  	font-size:1.1em;
  	font-weight:normal;
  	text-decoration:none;
  	text-transform: uppercase;
  
}

/* Set Link colors*/
ul#menu li a:link, 
ul#menu li a:visited { 
	color:#989897; 
}

ul#menu li.current a:link, 
ul#menu li.current a:visited,
ul#menu li a:hover, 
ul#menu li a:active { 
	color:#fff;
}


/* footer
-------------------------------------------------------*/
#footer {
	clear:both;
  	border-top:1px solid #543930;
  	padding: 1em 0;

	font-family:Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  	font-size:.75em;
  	text-align:right; 
}

#footer a:link, 
#footer a:visited {
	color: #858585 
}


#footer a:hover, #footer a:active { 
	text-decoration:none; 
	color:#fff
}

#facebook_link_footer {
	float: left;
	padding: 3px;
}

#twitter_link_footer {
	float: left;
	padding: 3px;
}

#twitter_link_footer a img,
#facebook_link_footer a img {
	border: none;
}


/*  2 column layout 
-------------------------------------------------------*/
#container {
  	/* width:100%;
  	margin-left:30px; */ /*take out for IE7 */
	clear:left;
}

#sidebar {
  	width: 20%;
  	float: left;
}

#sidebarmenu {
	width: 220px;
}

#content { 
  	width:78%;
  	float:right;
}

#content_100 {
	width: 95%;
	float: right;
}


/*
 * 3 Column "Holy Grail" Layout - http://bit.ly/cvuzg7
 */
/* column container */
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-top: 1em;
}
/* holy grail 3 column settings */
.holygrail {   	/* Right column background colour */
}

.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
 }
.holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:470px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:220px;        	/* Width of left column */
}
.holygrail .col1 {
        margin:0 235px 1em 235px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
}
.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:220px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
}


/*  Sidebar / Sidenavigation
-------------------------------------------------------*/

#sidebar {
	margin-top: 1em;
	font-size:.9em;
  	text-align:center;
}

#sidebar h1 span {
	font-size: .9em;
}
#sidebar img { 
	margin-top:1.5em; 
}

#sidebar a { 
	font-size:1em 
}

#sidebar a.current  {
	color:#fff
}

#sidebar p.current a {
	text-decoration: none;
	color:#fff
}

#sidebar a:link, 
#sidebar a:visited { 
	color: #616161 
}

#sidebar a:hover, 
#sidebar a:active { 
	text-decoration:none;
	color:#fff
} 

#sidebar p.featured {
	font-family:Verdana;
  	font-size:1.1em;
  
	color:#F2F3E2;
}

#sidebar p.featured i { 
	font-size:.9em
}

#sidebar dl dd a {
	font-size:1em
}

#sidebar dl { border-top-color: #543930; }

#sidebar h1 {  
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
}

#sidebar h2  {
  	padding: 2px;
	margin:0;
	border-bottom:1px solid #543930;
	
	font-family:Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;	
	font-size: 1.2em;
	
	color:#fff;
}

#sidebar h3 {
  	font-family:Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
}


/* Style Links for Vendors 
-------------------------------------------------------*/
#sidebar #vendorlinks dl {
  margin:0;
  padding:0;
}

#sidebar #vendorlinks dl dd {
  margin:0;
  padding:.5em 0 1em 0;
}

#sidebar #vendorlinks h3 {
  padding-top: .5em;
}

#sidebar #vendorlinks dl dt {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  text-align:center;
}

/* Sidebar Menu = Quickmenu
-------------------------------------------------------*/

#sidebarmenu { 
  	margin-right:.5em;
	width: 198px;
}

#sidebarmenu ul {
	padding-right: .2em;
  	list-style-type:none;
  
  	text-align:right;
  	font-size:1.1em;
  	line-height:1.5em;
}
#sidebarmenu ul li {
	padding:0;
	margin:0;
}

#sidebarmenu ul li a { 
	text-decoration:none; 
}

#sidebar #sidebarmenu ul li.current a { color:#fff }

/* Mark all external links with little symbol
-------------------------------------------------------*/
#sidebar dl dd a[target="_blank"], 
#container #content a[target="_blank"] { 
 /*  padding-right:20px;
  background:  url("../images/logo/external_link.gif") no-repeat right 50%; */
}

#sidebar dl dd a:hover[target="_blank"], 
#sidebar dl dd a:active[target="_blank"],
#container #content a:hover[target="_blank"], 
#container #content a:active[target="_blank"] { 
  /* padding-right:20px;
  background:  url("../images/logo/external_link_hover.gif") no-repeat right 50%; */
}


/* Maincontent	
-------------------------------------------------------*/

#content, 
#content_100  { 
	text-align:left; 
	
}

#container {
		text-align:center;
}

#container strong {
	font-family:Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#container #content h1,
#container #content_100 h1 {  
  	font-size:1.75em;
  	font-weight:normal;
  	text-align:left;
}


#container #content h1 span {
  	font-size:.8em  /* to display the album smaller */
}

#container #content h2,
#container #content_100 h2{
  	font-size: 1.3em;
  	font-weight:normal;
  	text-align:left;
}

#container #content #testimonials p { 
  	text-align:right;
}

.img_float_left {
  	float:left;
	margin-top: 1em;
	padding: 0 1em 2em 0;
}

#container #content a:link, 
#container #content a:visited { 
	color: #616161 
}

#container #content a:hover,
#container #content a:active {
  	text-decoration:none;	
	
	color:#fff 
}

#container strong { 
	color: #616161; 
}

/* Music Player
-------------------------------------------------------*/

#musicPlayerGallery {
	position: absolute;
	right:1em;
	top: 102px;
	
	width: 220px;
	border: 1px solid #543930;
	border-top: none;
	
	text-align: left;
}

#musicPlayerGallery:hover {
	background-color: #000;
}

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

table#portfolio {
}

table#portfolio td {
  	padding: 1em;  
    font-size:1.4em;
	font-weight:normal;
	text-align:center;	
}

table#portfolio td a img {
  	border:none;
	margin-top:.5em;
}

table#portfolio td a {
	text-decoration:none;
}
/*  Featured Weddings
-------------------------------------------------------*/
table#slideshowselection {
  	margin-bottom:2em;
	
	text-align:center;
}

table#slideshowselection tr td {
  	padding: 20px 3.5em;
  	/* background:url(../images/logo/thumbnail_background.gif) no-repeat center center; */
	
  	font-size:.9em;
}

table#slideshowselection tr td:hover {
  	padding: 20px 3.5em;
  	/* background:url(../images/logo/thumbnail_background_hover.gif) no-repeat center center; */
}
table#slideshowselection img {
  	border:3px solid #19110E;
  	margin:4px 2px;
}

table#slideshowselection caption {  
	font-size:1.5em;
  	font-weight:normal;
  	text-align:center;
}

table#slideshowselection tr td a{
  	text-decoration:none;
}

#slideshowselection a:link, 
#slideshowselection a:visited { 
	color: #616161 
}

#slideshowselection a:hover, 
#slideshowselection a:active { 
	color:#fff 
}

#slideshowselection a:hover img, 
#slideshowselection a:active img { 
	border-color:#fff 
}

/*  Testimonials + Quotes
-------------------------------------------------------*/

#content blockquote {
  	margin: 2em 1em 1.5em 0;
  	text-indent: 1.5em;
 	/* background: url(../images/logo/lquote.gif);
  	background-position: 0 -10px;
  	background-repeat: no-repeat;*/
}

#content blockquote p {
  	line-height:1.8em;
  	padding-right: 30px;
  	display:inline;
 	/* background: url(../images/logo/rquote.gif);
  	background-position: bottom right;
  	background-repeat: no-repeat;*/
} 

#content #testimonials  blockquote {
  	margin: 2em 1em 1.5em 0;
  	text-indent: 0;
 	/* background: url(../images/logo/lquote.gif);
  	background-position: 0 -10px;
  	background-repeat: no-repeat;*/
}
#container #content #testimonials p {
  	margin-right:2em; 
}

#container #content #testimonials p.spacer { 
  	width: 150px; 
  	margin: 0 auto;
  	border-bottom:1px solid #231814;
}

/* -- Email and Request Info Packet
-------------------------------------------------------*/

#sendemail {
 	width:40%;
 	margin: 0 0 2em 2em;
}

#infopacketform  {
 	width:75%;
 	margin-bottom:2em;
}

#infopacketform div.special h2 {
	border: none;
	margin-top: .5em;
}

#infopacketform table {
  	border-collapse: collapse;
}

#infopacketform table tr td.label {
	width: 300px;
}
#infopacketform table tr td {
  	padding-top:5px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.9em;
}

#sendemail fieldset legend, 
#infopacketform fieldset legend {
 	font-family:Georgia, "Times New Roman", Times, serif; /* Geneva, Arial, Helvetica, sans-serif; */
	font-weight:normal;
 	font-size:1.4em;
	
	color: #fff;
}
#infopacketform h2 {
  	margin-top:2.5em;
  	border-bottom:1px solid #543930 ;
}

#infopacketform fieldset table tr td h2 {
  	font-family:Geneva, Arial, Helvetica, sans-serif;
  	font-size:.9em;
  	font-weight:bold;
}

#sendemail fieldset, 
#infopacketform fieldset {
 	border: none; 			/* 1px solid #444; */
 	/* padding:1em; */
 	padding:0;
 	margin:0;
}

#infopacketform fieldset span { 
	color:#616161; 
  	font-size:.85em
	display: inline;
}

#infopacketform p.footnote {	
  	font-size:.85em
}

/* Style all the form input fields */
#infopacketform input[type="text"], 
#infopacketform select, 
#infopacketform textarea, 
#infopacketform input[type="radio"],
#sendemail input[type="text"], 
#sendemail textarea  {
	
	padding: 1px 2px;
  	border: 1px solid #543930;
	
	background-color: #19110E;
 	color:#858585;
}

#infopacketform fieldset input[name="submit"]:hover, 
#infopacketform fieldset input[name="submit"]:active,
#sendemail fieldset input[name="submit"]:hover, 
#sendemail fieldset input[name="submit"]:active{
  	border-color:#fff;
  	color:#fff;
}


#sendemail fieldset legend,
#infopacketform fieldset legend { 
	margin: 0 2px 0 2px; 
}

#sendemail p {
	padding-left:0; 
	margin-left:0; 
	/* padding-left:10px; */		
	color:#ccc;
}

#sendemail p input[type=text], 
#sendemail p textarea {
	width:200px;
}

#infopacketform fieldset input[name="submit"],
#sendemail fieldset input[name="submit"] {
  	margin: 1em;
  	padding:.5em; 	
	border:1px solid #444;
	
	background-color:#19110E;
  	color:#858585;
}

/* Error Messages
-------------------------------------------------------*/
div.error {
  	width: 95%;
	padding: 0 1em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #F30;
}

#errormsg p.errormsg {
	color:#F93F00
}
/* highlight error form fields */
#infopacketform input[type="text"].error,
#infopacketform input[type="radio"].error,
#sendemail textarea.error, 
#sendemail input[type="text"].error,
#infopacketform select.error   { 
		border-color:#f30
}

#errormsg ul {
  	list-style-type:none;
  	font-size:.85em;
}

div.error h2, 
	div.error p {
  	color:#F30;
}

input#date-1-dd, 
input#date-1-mm {
  	width:30px;
}

input#date-1 { width:60px }


/* -- Flash Presentations
-------------------------------------------------------*/
#flash_presentation { 
	margin:10em 0 2em 0; 
}

#sidebar #sidebar_flash  { margin-top:1.5em;}

#inline_flash_container { 
	position:relative; 
	float: left;
	width: 400px;
	margin: .5em .5em .5em 0;
}

/* -- Home Page
-------------------------------------------------------*/

div#splashbox {
   /*  width: 220px;
	padding: .5em;
	margin-bottom: 2em;
	margin-left: 1em;
	float:right;
    border: 1px solid #543930;
        
	background-color: #000; 
   */
}  

/* Slides on Home Page */
div#splashbox .slide {
	position: absolute; 
	width: 200px; /* 220px */
	padding: .5em;
	margin-bottom: 2em;
	margin-left: 1em;
	float:right;
    border: 1px solid #543930;
	right: 1em;	
	background-color: #000;
	
}


div#splashbox strong,
div#splashbox .slide strong { 
	color: #fff; 
}
div#splashbox a:link, 
div#splashbox a:visited { 
	color: #616161 
}

div#splashbox a:hover,
div#splashbox a:active {
  	text-decoration:none;	
	color:#fff 
}

/* -- Home Page: Boxes in side bar and more
-------------------------------------------------------*/

div#splashbox {	
	font-family: Myriad, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center;
}

div#splashbox i {
    font-size: .85em;
	font-weight: bold;
	font-style:normal;
}

div#splashbox strong {
    font-size:1.2em;
	font-weight:normal;	
}

div.splashquote, 
div.quote_next_to_flash {
	width: 70%;
	
	font-size : .9em;
	text-align:right;
}

div.splashquote blockquote , 
div.quote_next_to_flash blockquote {
  	text-indent:0;
	text-align:justify;
}

/* Special Promotions */ 
div.special {
	width: 90%;
	max-width: 760px;
	margin-right:5px;
	padding: 0 .5em .5em .5em;
	border: 1px solid #543930;
	
	background-color: #000;
}


div.special a:link, 
div.special a:visited,
#blog_excerpt a:link, 
#blog_excerpt a:visited { 
	color: #616161 
}


div.special a:hover,
div.special a:active, 
#blog_excerpt a:hover, 
#blog_excerpt a:active {
  	text-decoration:none;	
	color:#fff 
}
div.special img.float {
	float:left; 
	margin: 0.5em 0.5em 0 0;
}

div.special p.clear { /* after a large image float, we need to have a clearing paragraph to prevent the image from "breaking out of the box" */
	clear: both;
	height: 1px;
	margin: 0;
	padding:0;
}
div.special h2 {
  	font-family:   Times, Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	text-align:left;
	
	color: #fff;
}

div.special p strong { 
	color: #fff; 
}

/* Movie on home page */

#video {
	float: left; /*float to left, so we can put it next to the blog excerpt */
}

/* Blog excerpt */

#blog_excerpt {
	border: 1px solid #543930;
	padding: 1em;
	width: 300px;
	
	margin-left: 20px;
	
	float: left; /*float it left, right next to movie */
	
	background-color: #000;	
}

#blog_excerpt h2 {
		
	margin-top: 0;
	
	font-family:   Times, Georgia, "Times New Roman", serif;
	font-size: 1.1em;	
	text-align: center;
	
}

#blog_exerpt h1 {
	font-family:   Times, Georgia, "Times New Roman", serif;
	font-size: 1.1em;	
	text-weight: normal;
	text-align: left;
}

#blog_excerpt h1 a {
	text-decoration: none;
}
#content #container #blog_excerpt h1 a:link,
#content #container #blog_excerpt h1 a:visited {
	color: #fff;
}


#content #container #blog_excerpt h1 a:hover,
#content #container #blog_excerpt h1 a:active {
	color: #616161;
}