/* CSS Document */

/*This CSS file was written for the Beautiful Vending website by Iain Hanlon contactme@iainhanlon.co.uk*/
/**********************************/
body {
	background-color: #000000;
	background-image: url(/images/restructure_may_07/bg_grad.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	font-family: "trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-position: top;
	}

/*Structural Elements*/
/**********************************/
	
#frame {
	width:920px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-top: 0px;
	padding:0px;
	background-image: url(/images/restructure_may_07/bg_left_wrap.jpg);
	background-repeat: repeat-y;
	}

#header {
	width: 920px;
	height: 50px;
	background-image: url(/images/restructure_may_07/bg_head.jpg);
	background-repeat: repeat-x;
	margin:0px;
	}

#leftwrap {
	width:680px;
	float:left;
	}

#rightwrap {
	width:240px;
	float:left;
	}

div#footer {
	clear: both;
	height: 10px;
	width: 920px;
	background-image: url(/images/restructure_may_07/bv_footer.jpg);
	background-repeat: no-repeat;
	}

/*Header*/
/**********************************/

#mainheader {
	float:left;
	width: 680px;
	height: 230px;
	margin-top:0px;
	padding-bottom:10px;
	background-image: url(/images/restructure_may_07/bv_header_main.jpg);
	background-repeat: repeat-x;
	}

#pictureheader {
	float:left;
	width: 680px;
	height: 190px;
	margin-bottom:10px;
	}

#bigpicture {
	float:left;
	width: 410px;
	height: 190px;
	margin-right:10px;
	}

#smallpicture {
	float:left;
	width: 250px;
	height: 190px;
	background-image: url(/images/restructure_may_07/big_picture_new_machine.jpg);
	background-repeat: no-repeat;
	}

#navigation {
	float:left;
	width: 680px;
	height: 30px;
	background-image: url(/images/restructure_may_07/bg_nav.jpg);
	background-repeat: no-repeat;
	}

/*content areas*/
/**********************************/

#maincontent {
	width:680px;
	float:left;
	}

#onecolumn {
	width:660px;
	float:left;
	}

#maincontentleft {
	width:420px;
	padding-left:10px;
	float:left;
	}

#maincontentright {
	width:250px;
	float:left;
	}

#h1box {
	width:680px;
	height:50px;
	float:left;
	}

#lefth1 {
	width:410px;
	height:50px;
	float:left;
	}

#righth1 {
	width:250px;
	height:50px;
	float:left;
	}

#contentleft {
	width:410px;
	float:left;
	}

#featured {
	width:230px;
	padding-right:10px;
	float:left;
	}

#styler {
	width:240px;
	float:left;
	background-color: #E2007D;
	background-image: url(/images/restructure_may_07/bg_styler.jpg);
	background-repeat: repeat-x;
	}

#styler_head {
	width:240px;
	float:left;
	height: 270px;
	background-image: url(/images/restructure_may_07/bv_styler_header.jpg);
	background-repeat: no-repeat;
	}

#styler_body {
	width:230px;
	float:left;
	padding:5px;
	}

#styler_footer {
	clear: both;
	width:240px;
	float:left;
	background-image: url(/images/restructure_may_07/bv_styler_footer.jpg);
	background-repeat: no-repeat;
	height: 10px;
	}

#pressbox {
	width:230px;
	height:70px;
	margin-bottom:10px;
	background-color: #E2007D;
	float:left;
	}

/*news*/
/**********************************/

#news {
	width:400px;
	float:left;
	margin-bottom:10px;
	}

#news_thumb {
	width:90px;
	float:left;
	padding-right:10px;
	}

#news_text {
	width:290px;
	float:left;
	}

/*Nav Menu*/
/**********************************/
div#nav-one {
	float:left;
	margin:0;
	padding:0;
	background: url(/images/restructure_may_07/nav/01_home_57.jpg) no-repeat;
	}

div#nav-one a {
	display:block;
	width:57px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-one a:hover {
	display:block;
	width:57px;
	height:30px;
	margin:0;
	padding:0;
	background-image: url(/images/restructure_may_07/nav/01_home_57.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-one a span { display:none }

div#nav-two {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/02_product_105.jpg) no-repeat;
	}

div#nav-two a {
	display:block;
	width:105px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
div#nav-two a:hover {
	display:block;
	width:105px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/02_product_105.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-two a span { display:none }

div#nav-three {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/03_testimonials_98.jpg) no-repeat;
	}

div#nav-three a {
	display:block;
	width:98px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-three a:hover {
	display:block;
	width:98px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/03_testimonials_98.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-three a span { display:none }

div#nav-four {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/04_press_51.jpg) no-repeat;
	}

div#nav-four a {
	display:block;
	width:51px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
div#nav-four a:hover {
	display:block;
	width:51px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/04_press_51.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-four a span { display:none }

div#nav-five {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/05_company_info_152.jpg) no-repeat;
	}

div#nav-five a {
	display:block;
	width:152px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-five a:hover {
	display:block;
	width:152px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/05_company_info_152.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-five a span { display:none }

div#nav-six {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/06_contact_95.jpg) no-repeat;
	}

div#nav-six a {
	display:block;
	width:95px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-six a:hover {
	display:block;
	width:95px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/06_contact_95.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-six a span { display:none }

div#nav-seven {
	float:left;
	margin:0; padding:0;
	background: url(/images/restructure_may_07/nav/07_opportunities_100.jpg) no-repeat;
	}

div#nav-seven a {
	display:block;
	width:100px; height:30px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-seven a:hover {
	display:block;
	width:100px; height:30px;
	margin:0; padding:0;
	background-image: url(/images/restructure_may_07/nav/07_opportunities_100.jpg);
	text-decoration: none;
	background-position: 0px 30px;
	}
	
div#nav-seven a span { display:none }

/*Logo*/
/**********************************/
div#logo{
	height: 50px;
	width: 410px;
	float:left;
	margin:0px;
	}

div#logo h1{
	height: 50px;
	width: 410px;
	background-image: url(/images/restructure_may_07/logo_h1.jpg);
	background-repeat: no-repeat;
	font-size: 40px;
	text-align: center;
	line-height: 50px;
	text-indent: -2000em;
	margin:0px;
	}

div#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	margin:0px;
	}


/*Flags*/
/**********************************/
div#flags_gap{
	height: 50px;
	width: 270px;
	float:left;
	}
	
div#flags{
	height: 33px;
	width: 230px;
	float:left;
	padding-top:17px;
	vertical-align: middle;
	text-align: right;
	}


/*Text Formatting*/
/**********************************/

p {	font-size: 13px;
	color: #B2B2B2;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 18px;
}

div#styler p {	font-size: 12px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 15px;
}

a {	color: #E2007D;
	margin-top: 0px;
	margin-bottom: 8px;
}

h1 {
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	font-weight: bold;
}

h2 {font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
	color: #FFFFFF;
	line-height: 15px;
}
h3 {font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0px;
	color: #FFFFFF;
	line-height: 21px;
}

h4 {font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0px;
	color: #FFFFFF;
	line-height: 15px;
}



/*Inline Elements*/
/**********************************/
.smallprint {	
	font-size: 9px;
	color: #B2B2B2;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 12px;
}

.small_styler {	
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 12px;
}

.formlabel {
	clear: left;
	float: left;
	width: 120px;
	padding-right: 5px;
	text-align: right;
	font-size: 9px;
}


.quotes {
	color: #E2007D;
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}


.picspan {
	display: block;
	padding: 0px;
	line-height: 100%;
	margin-top: 5px;
	overflow: hidden;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
}
.picspanright {
	display: block;
	padding: 0px;
	line-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	margin-left: 30px;
}
.reverse a {
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 28px;
	text-decoration: none;
	background-color: #E2007D;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	display: block;
}
.picspan_no_size_left {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	margin-top: 0px;
	position: relative;
	clear: both;
}

.picspan_testimonials {
	float: left;
	position: relative;
	clear: both;
	display: block;
	padding: 0px;
	line-height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
}

.mediathumb {
	float: left;
	clear: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.mediathumb_container {
	width: 400px;
	float: left;
	clear: none;
	margin-bottom: 20px;
}