/*
Theme Name: Zsiráf Autósiskola
Theme URI: http://www.zsiraf-jogsi.hu
Description: A Zsiráf Autósiskola részére készített sablon
Version: 1.0
Author: Szabolcs Légrádi
Author URI: http://legas.hu
*/

/* Reset & default styles */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body, html { height: 100%; }

body {
	background: #FFF;
	color: #3d3d3d;
	font-size: 100%;
}

.container {
	font: 0.625em Arial, Helvetica, sans-serif;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

a { color: #A66B38; outline: none; text-decoration: none; }
a:hover { color: #DE8F4B; }

.clear { zoom: 1; }
.clear:after { clear: both; content: " "; display: block; }

.input {
	background: #d0d0d0 url(images/bg-input.png) repeat-x;
	clear: both;
	float: left;
	margin: 3px 0;
}

.input span {
	color: #909090;
	margin-left: 3px;
	padding: 5px;
	position: absolute;
}

.input input, .input textarea, .input select {
	background: transparent;
	border-width: 1px;
	font: inherit;
	margin: 0;
	padding: 6px;
	position: relative;
}


/* Header */
#header {
	background: url(images/bg-header.png) repeat-x;
	height: 100px;
	position: relative;
}

#header .container { position: relative; overflow: visible; }

#header a { color: #6d6d6d; text-decoration: none; }
#header a:hover { color: #4d4d4d; }

#header h1 { 
	background: url(images/logo.png) no-repeat;
	height: 96px;
	left: -40px;
	position: absolute;
	top: 5px;
	text-indent: -9999px;
	width: 368px;
}

#header ul { 
	float: right;
	height: 100px;
	list-style: none;
	position: relative;
}
#header li {
	background: url(images/bg-bullet.png) no-repeat left center;
	float: left;
	font-size: 1.6em;
	line-height: 100px;
	padding: 0 10px 0 16px;
}
#header li.first { background: none; }

#header ul li ul {
	background: url(images/nav-child.png) no-repeat;
	display: none;
	list-style: none;
	position: absolute;
	overflow: hidden;
	width: 248px;
	height: 78px;
	top: 70px;
}

#header ul li:hover ul {
	display: block;
}

#header ul li ul li {
	background: url(images/nav-child-item.png) no-repeat;
	display: block;
	font-size: 1em;
	line-height: 39px;
	height: 39px;
	width: 238px;
	margin: 12px 0 0 6px;
}

/* Featured */
#featured {
	background: url(images/bg-featured.png) repeat-x;
	color: #fff;
	height: 293px;
	font-size: 1.6em;
	padding: 40px 0 0 0;
}

#featured.shrinked { height: 125px; }
#featured.shrinked img { margin: -97px 0 0; }
#featured.shrinked .container { overflow: visible; }

#featured #intro { float: left; width: 630px; }

#featured h2 {
	background: url(images/text-featured.png) no-repeat;
	height: 72px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 376px;
}

#featured h2#pageTitle {
	background: transparent;
	color: #6D6D6D;
	font-size: 2em;
	line-height: 3em;
	text-indent: 0;
}

#featured p { line-height: 20px; }
#featured img { float: right; margin: 3px 0 0; }

/* Content */
#content {
	background: url(images/bg-content.png) repeat-x top;
	padding: 60px 0 40px;
}

#content h2 { color: #6d6d6d; font-size: 2em; margin: 0 0 30px; }
#content p { margin-bottom: 15px; line-height: 1.5em; }
#content ul { list-style: disc; margin: 0 0 20px 40px; }
#content li { margin: 0 0 5px; }

.box {
	background: url(images/bg-box-footer.png) no-repeat bottom;
	float: right;
	min-height: 290px;
	margin: 0 0 20px;
	width: 252px;
}

#text-11, .box.start { background: url(images/bg-box-start.png) no-repeat bottom; }

.box h2 { 
	background: url(images/bg-box-header.png) no-repeat;
	font-size: 3.2em !important;
	padding: 10px 0 0 10px !important;
	margin: 0 0 20px 0 !important;
	width: 252px;
}

.box p {
	color: #a66b38;
	font-size: 1.4em;
	padding: 0 10px;
}

.office { border-bottom: 2px dotted #A4A680; height: 300px; margin: 0 0 20px; padding: 0 0 20px; }
.office-details { float: left; font-size: 1.4em; padding: 0 60px 0 0; width: 330px; }
.office-details h3 { font-size: 1.128em; }
.office-details span { color: #828282; }
.office-details p { margin: 20px 0 0; }

.map { float: right; }

.gallery { margin: 0 0 20px; }
.gallery img { border: 3px solid #F2EBC9; margin: 0 5px; }

#signup input { width: 330px; }
#signup select { width: 343px; }
#signup textarea { width: 590px; }
#signup .nobg { background: #d0d0d0 !important; }
#signup button { 
	border: 0;
	float: right;
	font-size: 1.145em;
}

/* Content layout */
#main-content {
	float: left;
	font-size: 1.4em;
	width: 590px;
}

#main-content h3 {
	color: #6d6d6d;
	font-size: 1.428em;
	margin: 0 0 30px;
}

#secondary-content {
	float: right;
	width: 310px;
}

/* Footer */
#footer {
	background: #f3f3f3 url(images/bg-footer.png) no-repeat top;
	color: #828282;
	height: 130px;
	font-size: 1.4em;
	padding: 35px 0 0;
}

#footer h4 {
	color: #616161;
	font-size: 1.4em;
	font-weight: normal;
}

#footer #newsletter {
	float: left;
	width: 230px;
}

#footer #license {
	float: left;
	width: 480px;
}

#footer #contact {
	float: right;
	width: 250px;
}

#footer #contact {
	text-align: right;
}

#footer #contact span {
	color: #828282;
	font-size: 2.3em;
	font-weight: bold;
}