/**
 * Stylesheet for Salons Caipirinha
 *
 * @media		screen, projection
 * @copyright	CR Solutions <http://www.crsolutions.be>
 * @author		Tijs Verkoyen <tijs@crsolutions.be>
 */

/** Reset */
body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style:none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/* Typography and text styles */
body { font: 300 12px Arial, sans-serif; line-height: 1.48; color: #CCC; background-color: #2C3030; }

/* Headings */
h1, h2, h3, h4 { font-weight: 700; line-height: 1.1; font-family: Helvetica, Arial, sans-serif; }
h1, h2 { font-size: 19px; padding: 8px 0 2px 0; margin: 0 0 12px 0; }
h3 { font-size: 16px; padding: 0 0 14px 0; }
h4 { font-size: 13px; padding: 7px 0 7px 0; font-weight: 700; }
p { padding: 0 0 10px 0; }
ul, ol { padding: 0 0 12px 24px; }
ul { list-style: disc; }
ol { list-style-type: decimal; padding: 0 0 12px 24px; }
	ul ul, ol ul { padding-bottom: 0; }
	ol ol { padding-bottom: 0; }
	ul ol { padding: 0 0 0 28px; }
small { font-size: 11px; }
code { font-family: Monaco, "Courier New", monospace; font-size: 12px; line-height: 1.15; }
pre { padding: 7px 14px; background: #F5F5F5; margin: 0 0 14px; }
blockquote, q { font-style: italic; color: #666; }
blockquote { padding: 0 0 0 14px; }
cite { font-size: 11px; text-align: right; display: block; position: relative; top: -14px; height: 0; }
table { font-family: Arial, sans-serif; margin: 0 0 14px; border-top: 1px solid #D6E0EC; border-left: 1px solid #D6E0EC; }
td, th { padding: 7px; border-right: 1px solid #D6E0EC; border-bottom: 1px solid #D6E0EC; font-size: 11px; }
th { font-weight: 700; background: #F5F7F9; color: black; line-height: 1.2; text-align: left; }
tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }
form table { border: none; }
form table td { border: none; font-size: 13px; vertical-align: top; padding: 0 5px 10px 0; }
abbr, acronym { cursor: help; }

/* Links */
a:link, a:visited { color: #F7A231; text-decoration: none; }
a:hover, a:active { border-bottom: 1px solid #CCC; }

/** Page structure */
#wrapper { background-color: #3B4041; border-top: 10px solid #2C3030; padding-bottom: 30px; }
#container { margin: 0 auto; width: 950px; }
	#header { margin: 30px 0 45px 0; height: 55px; }
		#header h1 { float: left; margin: 0; padding: 0; }
		#header h1 a { display: block; width: 185px; height: 55px; background: transparent url(../images/logo.gif) no-repeat top left; }
		#header h1 a span { display: none; }
		#header a:hover { border: none; }
	
		#navigation { float: right; width: 690px; height: 45px; margin-top: 10px; background-color: #2C3030; font-size: 13px; }
		#navigation ul { height: 45px; padding: 0; margin: 0; }
		#navigation ul li { float: left; padding: 0; marging: 0; height: 43px; list-style: none; border-bottom: 2px solid #2C3030; border-right: 1px solid #232626; text-transform: uppercase; }
			#navigation ul li.selected { border-bottom-color: #F7A231; }
			#navigation ul li.selected a { color: #FFF; }
			#navigation ul li a { display: block; text-decoration: none; color: #999; font-weight: normal; line-height: 15px; padding: 18px 20px; }
			#navigation ul li a:hover { color: #FFF; }
	
		#content .subNavigation li a { color: #CCC; }
		#content .subNavigation li.selected a { color: #F7A231; }
		
		#content #columnLeft { width: 230px; float: left; }
			#content #columnLeft img { padding: 4px; background-color: #2C3031; border: 1px solid #232626; width: 220px; }
		#content #columnRight { width: 690px; float: right; }
		#content #extra { width: 690px; float: right; }
	
		#content .subNavigation ul { background-color: #2C3030; border: 1px solid #232626; padding: 20px; }
			#content .subNavigation li { border-bottom: 1px solid #232626; list-style: none; padding: 5px 0; background: none; }
		
			#content ul { padding: 0 0 12px 6px; }
			#content ul li { list-style: none; padding-left: 10px; background: transparent url(../images/li_bullet.jpg) no-repeat 0 6px; }
		
		#content .events ul { padding: 0; margin: 0; }
			#content .events ul li { border-bottom: 1px solid #232626; width: 320px; list-style: none; margin: 5px 0; padding: 5px 0; background: none; }
				#content .events ul li ul { margin: 0 0 0 12px; }
				#content .events ul li ul li { border: none; width: auto; list-style: disc; margin: 0; padding: 0; }
		#content .extraInfo { float: right; width: 320px; font-size: 11px; }
			#content .extraInfo h3 { background-color: #2C3030; border: 1px solid #232626; padding: 5px; margin: 0 0 7px 0; font-size: 13px; } 

#footer { padding: 65px 0 30px 0; height: 60px; background: #2C3030 url(../images/footer_bg.jpg) repeat-x top left; font-size: 11px; color: #999; }
	#footer ul { width: 950px; margin: 0 auto; }
		#footer ul li { float: left; list-style: none; width: 155px; }
			#footer ul li ul { margin: 7px 0 0 0; width: auto; }
				#footer ul li ul li { float: none; list-style: disc; }
			#footer ul li p { padding: 0; margin: 7px 0 0 0; }
	#footer a.logo { display: block; width: 129px; height: 43px; background: transparent url(../images/footer_logo.jpg) no-repeat top left; }
	#footer a.logo span { display: none; }
	#footer a.logo:hover { border: none; }
	#footer small { font-size: 9px; }
	#footer p.meta { width: 950px; margin: 0 auto; text-align: right; font-size: 10px; }
		#footer p.meta a { color: #999; background: transparent url(../images/crs.gif) no-repeat bottom left; padding-left: 15px; }

/** Home */
#videoWrapper { padding: 20px; background-color: #2C3031; border: 1px solid #232626; }

/** Gallery */
#gallery .album { margin-bottom: 7px; }
	#gallery .album ul { padding: 0; margin: 0; }
	#gallery .album ul li { float: left; list-style: none; padding: 0; margin: 0 0 7px 7px; background: none; }
	#gallery .album li img { padding: 4px; background-color: #2C3031; border: 1px solid #232626; width: 75px; height: 75px; }
	#gallery .album a { border: none; }

/** Contact */
#googleMap { padding: 20px; margin-bottom: 30px; background-color: #2C3031; border: 1px solid #232626; }

input, textarea { font-family: Arial, sans-serif; font-size: 12px; width: 340px; }
textarea.textarea { padding: 3px 2px; }
input.input-text-error, input.input-password-error, textarea.textarea-error { padding: 3px 2px; }
input.input-submit { background-color: #F7A231; border: 1px solid #2C3031; width: auto !important; padding: 5px; font-weight: 700; }
input.input-submit:hover { background-color: #CCC; border: 1px solid #2C3031; width: auto !important; padding: 5px; }

.forkForms fieldset { padding: 20px; background-color: #2C3031; border: 1px solid #232626; }
.forkForms .section { border-bottom: 1px solid #232626; padding-bottom: 3px; margin-bottom: 20px; }
.forkForms .last { border-bottom: none; padding: 0; margin: 0; }
.forkForms label { float: left; display: block; width: 140px; font-weight: 700; }
.forkForms p { padding: 0 0 20px 0; }
.forkForms .last p { padding: 0; }
.forkForms abbr { color: #F7A231; text-decoration: none; border: none; }
.forkForms span.form-error { color: red; display: block; padding: 5px 0 2px 0; margin-left: 145px; }
.forkForms  .formSuccess { color: green; display: block; background: #CFC; padding: 7px; border: 1px solid #232626; margin: 0 0 10px; }

/** Fork defaults */
img.alignleft { float: left; padding: 0 10px 10px 0; }
img.alignright { float: right; padding: 0 0 10px 10px; }
a.linkbutton { border: 1px solid #E5EAF7; background: #FFF; padding: 3px 8px; display: block; float: left; font-weight: 700; margin: 0 10px 0 0; }
p.backlink { clear: both; }
p.backlink a { background: #FFF; padding: 3px 6px; border: 1px solid #AAA; text-decoration: none; font-size: 12px; }
p.backlink a:hover { background: #FFD; }

/** Pagination */
.pagination-wrap { width: 100%; overflow: hidden; }
.pagination { float: left; position: relative; left: 50%; }
.pagination ul { padding: 18px 0; z-index: 2; overflow: hidden; position: relative; left: -50%; }
.pagination li { float: left; list-style: none; margin: 0 5px 0 0; text-decoration: none; padding: 0; line-height: 15px; font-size: 12px; text-align: center; }
.pagination li span { float: left; display: block; padding: 4px 5px; color: #CCC; min-width: 12px; }
.pagination li.currentpage span { font-weight: 700; color: black; }
.pagination li.selected span { padding: 4px 5px; font-weight: 700; color: black; }
.pagination li a:link, .pagination li a:visited { float: left; display: block; padding: 3px 4px; border: 1px solid #DDD;text-decoration: none; min-width: 12px; }
li.ellipsis { margin: 0; }
li.ellipsis span { color: black; }
.pagination li a:hover, .pagination li a:active { background: #EEE; border: 1px solid #BBB; color: black; }
.nextpage, .previouspage { font-size: 11px !important; }
.pagination li.nextpage { margin-left: 10px; }
.pagination li.previouspage { margin-right: 15px; }

.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }
.mute { font-size: 10px; }

/** Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }