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

/*
Name: Bravo Events HTML
Date: April 2010
Description: HTML5 and CSS Code for Bravo Events.
Version: 1.0
Author: Lyndon B. Abing
Autor URI: http://www.lyndonabing.com/
*/

/******** Instance Formula ********/
/*
px * 0.0626 = em
For instance,
15px * 0.0626 = 0.939em
80px * 0.0626 = 5.008em 
*/

/*
Pixels 	EMs 		Percent Points
6px 	0.375em 	37.5% 	5pt
7px 	0.438em 	43.8% 	5pt
8px 	0.5em 		50% 	6pt
9px 	0.563em 	56.3% 	7pt
10px 	0.625em 	62.5% 	8pt
11px 	0.688em 	68.8% 	8pt
12px 	0.75em 		75% 	9pt
13px 	0.813em 	81.3% 	10pt
14px 	0.875em 	87.5% 	11pt
15px 	0.938em 	93.8% 	11pt
16px 	1em 		100% 	12pt
17px 	1.063em 	106.3% 	13pt
18px 	1.125em 	112.5% 	14pt
19px 	1.188em 	118.8% 	14pt
20px 	1.25em 		125% 	15pt
21px 	1.313em 	131.3% 	16pt
22px 	1.375em 	137.5% 	17pt
23px 	1.438em 	143.8% 	17pt
24px 	1.5em 		150% 	18pt

*/
/******** Global ********/

@font-face {
  font-family: 'GothicCustom';
  src: url("LeagueGothic.eot");
  src: url("LeagueGothic.otf") format('opentype'), url("leaguegothic.svg#lg") format('svg');
}		

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
  font-family: 'MuseoCustom';
  src: url("MuseoSans-500.eot");
  src: url("MuseoSans-500.ttf") format('opentype'), url("museo.svg#museo") format('svg');
}


/* Body */
body {	
		background-image:url(images/bubbles.jpg);
		background-repeat:no-repeat;
		background-color:#f1e0cd;
		margin: 0;
		padding: 0;
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;		
		color: #000305;
		text-align: left;
		font-size:0.6886em;
		line-height:0.7512em;
		margin-top:6.26em;				
}

/* Headings */
h2 {font-size: 1.375em}	/* 22px */
h3 {font-size: 1.25em}	/* 20px */
h4 {font-size: 1.125em}	/* 18px */
h5 {font-size: 1em}	/* 16px */
h6 {font-size: 0.875em}	/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 0.75em;
	margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #C74350;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	/*background-color: #C74350;*/
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}


/***** start: custom layout *****/
#home{
background-image:url(images/home_bg.png);
/*background-image:url(images/subpages_bg.png);*/
width:754px;
height:691px;
margin:auto;
}

	#home #header{
	width:auto;
	height:160px;
	display:block;
	}

	#home #header #bravo_logo{
	background-image:url(images/bravoevents_logo.png);
	width:238px;
	height:160px;
	float:left;
	margin-top:-4em;
	margin-left:-5em;
	text-indent:-99999px;
	}
	
	#home #header #bravo_logo a{
	display:block;
	width:238px;
	height:160px;
	}
	
	#home #header #bravo_logo a:hover{
	}
	
	#facebook_twitter{
	border:solid 0px #FFFFFF;
	width:150px;
	margin-left:860px;
	margin-top:-30px;
	}
	
	#home #header #main_navigation{
	border:solid 0px #FFFFFF;
	overflow:hidden;
	padding-top:3em;
	padding-left:2em;
	}
	
	#home #header #main_navigation ul{
	margin:0;
	padding:0;
	}
	
	#home #header #main_navigation ul li{
	float:left;
	list-style:none;
	padding:0;
	margin:0 .1878em 0 .1878em;
	}
	
	#home #header #main_navigation ul li a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase; 
	font-weight:normal; 
	/*margin:0; font-family: 'GothicCustom', 'Arial Narrow', sans-serif; */
	font-size:12px; 
	background:url(/img/line.png) no-repeat 100px 33px; 
	text-shadow:1px 1px #CCC;
	}
	
				#main_navigation ul .home ,#main_navigation ul .home a{
				background-image:url(images/mainnav_home.jpg);
				width:31px;
				height:24px;
				display:block;
				}	

				#main_navigation ul .company_profile ,#main_navigation ul .company_profile a{
				background-image:url(images/mainnav_companyprofile.jpg);
				width:91px;
				height:24px;
				display:block;
				}	
				
				#main_navigation ul .event_production ,#main_navigation ul .event_production a{
				background-image:url(images/mainnav_eventproduction.jpg);
				width:100px;
				height:24px;
				display:block;
				}		
				
				#main_navigation ul .decor ,#main_navigation ul .decor a{
				background-image:url(images/mainnav_decor.jpg)
				width:35px;
				height:24px;
				display:block;
				}	
				
				#main_navigation ul .occasions ,#main_navigation ul .occasions a{
				background-image:url(images/mainnav_socialoccasions.jpg);
				width:95px;
				height:24px;
				display:block;
				}
				
				#main_navigation ul .services ,#main_navigation ul .services a{
				background-image:url(images/mainnav_services.jpg);
				width:49px;
				height:24px;
				display:block;
				}
				
				#main_navigation ul .contact ,#main_navigation ul .contact a{
				background-image:url(images/mainnav_contact.jpg);
				width:47px;
				height:24px;
				display:block;
				}	
				
				#main_navigation ul .separator{
				background-image:url(images/mainnav_separator.jpg);
				width:5px;
				height:24px;
				display:block;
				}
				
#home #slideshow{
width:506px;
height:290px;
display:block;
background-color:#FF0000;
margin-top:-8.3em;
margin-left:10.9em;
text-align:center;
border:solid 0px #0000FF;
}	

#home #slideshow img{
margin-top:-47px;
padding:0;
}				
		
#home #founded{
width:400px;
margin:auto;
padding-left:20px;
}

#home #founded p{
color:#FFFFFF;
font-size:1.1em;
line-height:normal;
}

#home #founded p a{
color:#FFFFFF;
text-decoration:none; 
}

#home #founded p a:hover{
text-decoration:underline;
text-shadow:none;
}

#home #columns{
width:560px;
border:solid 0px #FFFFFF;
margin:auto;
margin-top:40px;
color:#520c0c;
}

#home #columns a{
color:#CC3333;
text-decoration:none;
}

#home #columns a:hover{
text-decoration:none;
text-shadow:none;
}

#home #columns ul{
overflow:hidden;
margin:0;
padding:0;
}

#home #columns ul li{
width:170px;
float:left;
list-style:none;
margin-left:4px;
margin-right:4px;
}

#home #columns ul .separator{
background-image:url(images/column_separator.png);
width:1px;
height:132px;
display:block;
}

#home #columns ul li h2{
font-weight:bold;
}

#home #columns ul li p{
line-height:normal;
}
				
				
#footer{
width:954px;
text-align:center;
margin:auto;
line-height:normal;
margin-top:10px;
margin-bottom:10px;
}		

#footer a{
text-decoration:none;
color:#000000;		
}

#footer a:hover{
text-decoration:underline;
text-shadow:none;
}

#home #pages{
width:570px;
height:auto;
border:solid 0px #000000;
margin-left:11em;
line-height:normal;
margin-top:-3em;
padding-bottom:3em;
font-size:1.1em;
}

#home #pages h2{
font-size:2.5em;
font-weight:bold;
padding:0;
margin:0;
color:#520c0c;
}

#home #pages .h3{
font-size:14px;
color:#520c0c;
}

#home #pages .h4{
font-size:13px;
color:#520c0c;
font-style:italic;
}

#home #pages #list{
overflow:hidden;
margin-top:10px;
}

#home #pages #list ul{
margin:0;
padding:0;
list-style:inside;
}

#home #pages #list ul li{
}

#home #pages #list .left{
float:left;
border:solid 0px #000000;
margin-right:10px;	
}


#home #gallery{
margin-top:30px;	
}


#home #gallery ul{
margin:0;
padding:0;
overflow:hidden;	
}

#home #gallery ul li{
list-style:none;
width:247px;
text-align:center;
float:left;
margin-right:30px;
margin-bottom:30px;
overflow:hidden;
}

#home #gallery ul li .middle{
background-image:url(images/img_middle.jpg);
width:247px;
height:auto;
background-repeat:repeat-y;
text-align:center;
}


/*****   end: custom layout *****/