@charset "utf-8";
/* CSS Document */

body{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:13px;
	margin:0;
	padding:0;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat;	
	}
	
a{text-decoration:none;}

h1, h2, h3, h4, ul, li {color: white;}

p {padding:20px 20px 0px 20px; color:#ababab;}

p a {color:#FFF;}

p a:hover {color:#9BD800;}
	
#wrapper {
	width:960px;
	margin:0 auto;
		
	}
	
#headercontainer{
	width:100%;
	height:200px;
	margin:0;
	background:transparent url(../img/header.png) repeat-x scroll top center;
	margin-top:50px;
	
	}

#header{
	font-family:Arial, Helvetica, sans-serif;
	width:960px;
	height:200px;
	position:relative;
	margin:0 auto;
	
	}

#header h2 { font-size:60px; font-weight:100; letter-spacing:5px ; color:#ffffff; margin:0px; padding:20px 0 0 20px;}
#header h2 a{ text-decoration:none; color:#ffffff;}
#header h3 { font-size:25px; font-weight:100; letter-spacing: 20px; color:#ffffff; margin:10px 0px 0px 40px;}
#header h3 a{ text-decoration:none; color:#ffffff;}
#head {position:absolute; left:840px; top:25px;}
#line {position:absolute; left:20px; top:83px;}

/*OLD NAV
#nav { margin:0px 0px 0px 170px; padding:0px; position:absolute; top: 170px; display:block;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; position:relative; z-index:2; padding:5px; width:100px; z-index:900;}
#nav > li:hover ul { display:block; }
#nav > li:hover { background-color:#1b1b1b; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav li ul { margin:0px; padding:0px; display:none;}
#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
#nav li ul li a { display:block; padding:5px 10px; color:#e0e0e0; text-decoration:none;}
#nav li ul li:hover a { background-color:#CCC; -moz-border-radius:2px; -webkit-border-radius:2px; color:#000;}
#nav li span { color:#ffffff; cursor:pointer; margin:0px 5px; font-size:15px; font-weight:100;}

@media only screen and (max-width: 910px){
	#nav { margin:0px;}
	#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; position:relative; padding:5px; width:70px; z-index:900;}
	#head {position:absolute; left:675px; top:25px;}
}
@media only screen and (max-width: 750px){
	#header{ font-size:45px;}
	#header h2{ font-size:50px;}
	#header h3{ font-size:20px; margin: 20px 0px 0px 40px;}
	#head {position:absolute; left:450px; top:25px;}
	}
@media only screen and (max-width: 525px){
	#head {position:absolute; left:350px; top:25px;}
	#header h2{ font-size:40px;}
	#header h3{ font-size:20px; margin: 20px 0px 0px 40px; letter-spacing:13px;}
	#line {position: absolute; left: 36px; top: 68px; width: 270px; height: 12px;}
}
@media only screen and (max-width: 400px){
	#head {position:absolute; left:125px; top:60px;}
	#header{font-size:30px; padding:10px 0px 0px 50px;}
}
*/
/*NEW NAV
========================*/
/*navigation*/
div.band{
	position: absolute;
	top: 169px;
}
nav.primary ul,

nav.primary ul li { 
	margin: 0px;
}

nav.primary select { 
	display: none; 
	width:  100%; 
	height: 28px; 
	margin: 21px 0; 
	position:absolute; 
	top:-21px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

nav.primary ul li { 
	display: inline;
	float: left;
	position: relative;
	background-color: black;
}

nav.primary ul li a {
	display: inline-block;
	line-height: 28px;
	padding:  0 14px;
	color: #ebebeb;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 100;
	letter-spacing: 0.1em;
}

nav.primary ul li a:hover {
	background: #424242;
	cursor: pointer;
}

/*sub menu*/
nav.primary ul ul {
	opacity: 10; 
  	filter: alpha(opacity=0); 

	position: absolute;
	top:100%;
	left: 0;
	z-index: 999999;
	background: url(http://brianwolfey.com/images/bg_bottom.png);
	
	height: 0px;
	overflow: hidden;
	
	min-width: 100%;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
}

nav.primary ul li span {
	display: none;
}

nav.primary ul li:hover ul {
	opacity: 10; 
  	filter: alpha(opacity=100); 
  	
	height: auto;
	overflow: auto;
	
	display: block;
}

nav.primary ul ul li {
	float: none;
	display: list-item;
	border-bottom: 1px solid #383737;
}

nav.primary ul ul li a {
	display: block;
	line-height: 21px;
	text-transform: none;
	position: relative;
	z-index: 999999;
	white-space: nowrap;
	padding: 7px;
	text-transform: uppercase;
	font-size: .95em;

}

nav.primary ul li:hover > a {
	background: #424242;
}

@media only screen and (max-width: 910px){
	nav { margin:0px;}
	nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; position:relative; padding:5px; width:70px; z-index:900;}
	#head {position:absolute; left:675px; top:25px;}
}
@media only screen and (max-width: 750px){
	#site-title{ font-size:45px;}
	#header h2{ font-size:50px;}
	#header h3{ font-size:20px; margin: 20px 0px 0px 40px;}
	#head {position:absolute; left:450px; top:25px;}
	}
@media only screen and (max-width: 525px){
	#head {position:absolute; left:350px; top:25px;}
	#header h2{ font-size:40px;}
	#header h3{ font-size:20px; margin: 20px 0px 0px 40px; letter-spacing:13px;}
	#line {position: absolute; left: 36px; top: 68px; width: 270px; height: 12px;}	
	nav.primary select{display: block; width: 325px; margin:0px 0px 0px 40px; font-size:17px;}
	nav.primary ul {display:none;}
	#site-title{font-size:30px; font-weight: 500;}
}
@media only screen and (max-width: 400px){
	#head {position:absolute; left:110px; top:63px; width:75px; height:75px;}
	#header{font-size:30px; padding:10px 0px 0px 50px;}
	nav.primary select{display: block; width:225px; margin:0px 0px 0px 20px; font-size:17px;}
	nav.primary ul {display:none;}
	#site-title{font-size:30px; margin:0px 0px 0px 40px;}
}



#content {
	width:960px;
	margin:0 auto;	
	}
	
#content h1 {
	font-size:20px;
	font-weight:100;
	letter-spacing:5px;
	margin:20px 0px 20px 0px;
    text-align:center;
	
	}

#sv-container {
	margin:auto;
	width:960px;
	height:100%;
	margin:0px 0px 50px 0px;
	}
/**------------------------------------------------**/
/**-------------INDEX PAGE CUSTOM STYLING----------**/
	
/**zero out default browser settings**/
* {margin:0; border: 0; padding: 0; font-size: 100%;}

#column_container {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 960px;
height: auto; 
margin:0 auto; /**centered**/}

#column_container p {
line-height:1.4; 
padding: 0 20px 0 20px; 
font-size:12px;}

#box1, #box2, #box3 {
width: 270px; 
min-height: 370px; /**non-IE browsers**/
_height: 370px; /**IE6 only**/
margin: 45px 0px 45px 0px;
border: 1px solid white;
background-color:#1b1b1b; 
/**to reduce float drop issues in IE6**/
overflow: hidden; word-wrap: break-word; -moz-border-radius:10px; -webkit-border-radius:10px; }

#box1 h2,#box2 h2,#box3 h2 {font-size:50px; font-weight:100; letter-spacing: -5px; color:#ffffff; margin:0px 0px 0px 5px; padding:0px 0px 5px 0px;}
#box1 {float: left;}
#box2 {margin-left: 74px; float: left;}
#box3 {float: right;}
.clear {clear: both; line-height: 1px; visibility: hidden}



/**--------END INDEX PAGE CUSTOM STYLING-----------**/
/**------------------------------------------------**/
/**------PRICES/RAVES PAGE CUSTOM STYLING------**/

#price_box{
	width:auto;
	margin:35px 10px 0px 10px;
	border:1px solid white;
	background-color:#1b1b1b; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	}
	
#price_box h2 { font-size:40px; font-weight:100; letter-spacing: -2px; color:#FFF; margin:0px 0px 0px 5px;}
#price_box h3 { font-size:40px; font-weight:100; letter-spacing: -5px; color:#CCC; position: relative; bottom:65px; right:50px; float:right;}
#price_box h4 { font-size:25px; font-weight:100; letter-spacing: 5px; line-height:90%; color:#CCC; margin:0px 0px 0px 120px;}
#price_box ul {margin:10px 0px 10px 0px; width:700px;}
#price_box li {color:#ababab; margin: 0px 0px 0px 160px;}
#price_box li a{color:#FFF;}
#price_box li a:hover{color:#9BD800;}

	/**SLIDING ASTERISK STYLING**/
	
.client_list p {
	padding:0px 0px 5px 0px;
	}
	
h3.trigger_client {
		display: block;
	}
	
h3.trigger_price a {
	display: block;
	color:#FFF;
	text-decoration:none;
	font-size:50px;
	}
	
h3.trigger_price a:hover {
	color:#9BD800;
	}
	
h3 {
	font-size:40px;
	font-weight:100;
	letter-spacing: -2px;
	color:#FFF;
	text-decoration:none;
	}
	
h3.trigger_client a {
	font-size:40px;
	font-weight:100;
	letter-spacing: -2px;
	color:#FFF;
	text-decoration:none;
	}
	
h3.trigger_client a:hover {
	color:#9BD800;
	}
	
h3.trigger_price a:hover {
	color:#9BD800;
	}

h3.active {
	color:#9BD800;
	}
	
.toggle_container {
	width:auto;
	
	margin:0px 10px 0 10px;		
	}
p.popdown {
	text-align:right;
	padding:0px 0px 0px 0px;
	margin:0px 15px 5px 90px;
	}
	
	/**END SLIDING ASTERISK STYLING**/

/**-END PRICES/RAVES PAGE CUSTOM STYLING---**/
/**------------------------------------------------**/
/**------PORTFOLIO PAGE CUSTOM STYLING-------------**/

#categories {
	text-align: center;
	white-space: nowrap;
	line-height: 12px;
	overflow: hidden;
	width: 960px;
	padding: 0px 0px 15px 0px;
}

#categories p{
	padding:55px 0px 0px 5px;
	letter-spacing: -2px;	
	font-size: 20px;
	color:#fff;
	font-weight:100;
}

.cat {
	width: 180px;
	height: 75px;
	border: solid 1px #ccc;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	display: inline-block;
	letter-spacing: normal;
	font-size: normal;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
}
.cat a{
display:block;
height:75px;
}

/**EACH OF THE CATEGORIES HAS 3 STATES. STARTING WITH BLACK AND WHITE AND CHANGING TO COLOR ON HOVER. 
IF THE PAGE IS CURRENTLY ON THAT SECTION OF THE WEDDING PORTFOLIO, THE CATEGORY SHALL REMAIN COLOR WITH NO CHANGE ON HOVER.**/

#detail a{width:180px; left:0px; background:url(../portfolio/wedding/allcat.png) 0px 0px;}
#detail a:hover{width:180px; left:0px; background:url(../portfolio/wedding/allcat.png)0px -75px;}
#detail_active a{width:180px; left:0px; background:url(../portfolio/wedding/allcat.png) 0px -75px;}

#his a{width:180px; left:180px; background:url(../portfolio/wedding/allcat.png) -180px 0px;}
#his a:hover{width:180px; left:180px; background:url(../portfolio/wedding/allcat.png)-180px -75px;}
#his_active a{width:180px; left:180px; background:url(../portfolio/wedding/allcat.png)-180px -75px;}

#hers a{width:180px; left:360px; background:url(../portfolio/wedding/allcat.png) -360px 0px;}
#hers a:hover{width:180px; left:360px; background:url(../portfolio/wedding/allcat.png)-360px -75px;}
#hers_active a{width:180px; left:360px; background:url(../portfolio/wedding/allcat.png)-360px -75px;}	

#together a{width:180px; left:540px; background:url(../portfolio/wedding/allcat.png)-540px 0px;}
#together a:hover{width:180px; left:540px; background:url(../portfolio/wedding/allcat.png)-540px -75px;}
#together_active a{width:180px; left:540px; background:url(../portfolio/wedding/allcat.png)-540px -75px;}

#cerecept a{width:180px; left:720px; background:url(../portfolio/wedding/allcat.png)-720px 0px;}
#cerecept a:hover{width:180px; left:720px; background:url(../portfolio/wedding/allcat.png)-720px -75px;}
#cerecept_active a{width:180px; left:720px; background:url(../portfolio/wedding/allcat.png)-720px -75px;}


/**--------END PORTFOLIO PAGE CUSTOM STYLING-------**/
/**--------EQUIPMENT PAGE CUSTOM STYLING-------**/
#e_box{
	width:auto;
	margin:35px 10px 0px 10px;
	padding:10px;
	border:1px solid white;
	background-color:#1b1b1b; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	}
/**--------END EQUIPMENT PAGE CUSTOM STYLING-------**/
/**----FAQ PAGE STYLING STAND--------------**/

#q_box{
	width:auto;
	margin:35px 10px 0px 10px;
	border:1px solid white;
	background-color:#1b1b1b; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	}
	
#q_box h2.q { width:100px; font-size:50px; font-weight:100; color:#FFF; margin:5px 0px 0px 15px;}
#q_box h2.a { width:60px; margin:0px 0px 20px 40px; float:left; font-size:50px; font-weight:100; color:#CCC; /**position:relative; z-index:1; left:40px; top:-15px;**/}
#q_box h4 { font-size:25px; font-weight:100; letter-spacing: -1px; line-height:90%; position:relative; z-index:1; top:-35px; color:#CCC; margin:0px 0px 0px 80px;}
#q_box p {padding: 15px 15px 15px 0px; width:815px; height:auto; text-align:justify; float:right; z-index:1; top:-65px}
#q_box a{color:#FFF;}
#q_box a:hover{color:#9BD800;}

/**----FAQ PAGE STYLING END----------------**/
/**----------------------------------------**/
/**------REVIEWS PAGE START----------------**/
#ww-box {margin:70px 15px 15px 75px}


/**------REVIEWS PAGE END------------------**/
/**----------------------------------------**/
/**------ABOUT ME PAGE START---------------**/

#bio_show { width:550px; height:550px; margin:35px 0px 20px 0px; background-color:#1b1b1b; float:left; }
#bio_paragraph { width:390px; margin:15px 0px 20px 0px; float:right;}

/**-------ABOUT ME PAGE STYLING END--------**/
/**----------------------------------------**/
/**----CLIENT PAGE START-------------------**/

.client_box{
	width:auto;
	padding:15px;
	margin:35px 10px 0px 10px;
	border:1px solid white;
	background-color:#1b1b1b; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	}
.client_thisyear{
	width:150px;
	float:left;
	margin:15px;
	}
.client_yesteryear{
	width:150px;
	float:left;
	margin:15px;
	}
.testimonial{
	float:right;
	width:515px;
	padding:5px;	
}
.testimonial p{
	padding:5px;
}

/**------CLIENT PAGE END-------------------**/
/**----------------------------------------**/
/**------Individual Client PAGE START------**/

#content img{padding: 0px 0px 10px 0px; }

/**------Individual Client PAGE END--------**/
/**----------------------------------------**/
/**------FOOTER STYLING START--------------**/

#footercontainer{
	width:100%;
	height:145px;
	margin:20px 0px 40px 0px;
	background:transparent url(../img/footer.png) repeat-x scroll top center;
	
	}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:960px;
	height:145px;
	position:relative;
	margin:0 auto;
	
	}

#weddingwire { float:left; padding: 5px 0px 0px 10px;}

.fb-like{
	padding:15px 0 0 100px;
	}

#footer p { text-align: center; font-size:13px; color:#444444; padding: 10px 0px 0px 0px;}
#footer a { color:#818181; text-decoration:none; }
#footer a:hover { color:#5d8200;}
#footer h4 { position:absolute; left:5px; top:100px; font-size:10px; font-weight:100; letter-spacing: -1px; color:#a6a6a6;}

/**------END FOOTER STYLING--------------**/