/* @group Global */

body {
	font-family:'Helvetica Neue', Arial, sans-serif;
	background:#fff;
}	

html {
	-webkit-font-smoothing:antialiased; /* Webkit font smoothing */
	overflow-y:scroll; /* Force scrollbar */
}

@media all and (max-device-width:480px) {
		
	html {
		-webkit-text-size-adjust:none; /* Prevent text-size adjustment on iPhones */
	}	
}

@media 
	only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and (min-device-pixel-ratio:2) {	

		html {
			-webkit-text-size-adjust:none; /* Prevent text-size adjustment on iPhone 4 
				and other high device-pixel-ratio devices */
		}
}		

a:focus { 
	outline:none; 
}

a:link, a:visited {
	color:#e98400;
	text-decoration:none;
}

a:hover, a:active {
	color:#e98400;
	text-decoration:underline;
}

/* @end */

/* @group Sticky footer */

html, body {
	height:100%;
}

#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	height:100px; /* #push must be the same height as #footer (margins and paddings included) */
	clear:both;
}

/* @end */

/* @group Header */

#header {
	height:60px;
	border-bottom:2px solid #eee;
	margin-bottom:30px;
	padding-bottom:20px;
	padding-top:20px;
}

/* @end */

/* @group Main nav */

#nav {
	padding-top:6px;
}

#nav li {
	float:left;
	padding:0 10px;
	font-weight:normal;
	color:#343434;
	padding-top:10px;
	border-left:1px solid #eee;
	height:24px;
	font-size:15px;
	list-style:none;
	text-align:center;
	width:87px; //69px
}

#nav li:first-child {
	border:none;
}

#nav li a:link, #nav li a:visited {
	color:#000;
	text-decoration:none;
}

#nav li a:hover, #nav li a:active {
	text-decoration:none;
	padding-bottom:3px;
	border-bottom:3px solid #eee;
	color:#000;
}

#homepage #nav li a.homepage,
#tuinen #nav li a.tuinen,
#diensten #nav li a.diensten,
#tuinobjecten #nav li a.tuinobjecten,
#contact #nav li a.contact {
	padding-bottom:3px;
	border-bottom:3px solid #e98400;
	color:#000;
}

/* @end */

/* @group Content */

#content {
	margin-bottom:40px;
}

#slider {
	height:340px;
	margin-top:5px;
}

#introductie {
	height:410px;
}

#homepage h1 {
	font-size:24px;
	padding-bottom:20px;
	line-height:30px;
	font-weight:normal;
	color:#000;
}

h1 {
	font-size:36px;
	padding-bottom:40px;
	line-height:30px;
	font-weight:normal;
	color:#000;
}

.project {
	height:400px;
}

.project_wrapper {
	border-bottom:1px solid #eee;
	margin-bottom:40px;
}

.project p {
	font-size:16px;
	line-height:24px;
	color:#999;
	margin-bottom:10px;
}

#contact ul#contactgegevens {
	list-style-type:none;
	font-size:14px;
	line-height:24px;
	color:#999;
}

#introductie p {
	font-size:18px;
	line-height:24px;
	color:#999;
	margin-bottom:14px;
}

h2 {
	font-size:20px;
	padding-bottom:10px;
	font-weight:bold;
	color:#000;
}

#diensten h2 {
	padding-left:40px;
	margin-bottom:0px;
	line-height:38px;
}

#tuinontwerp {
	background:url('../images/create-write-icon-32.png') no-repeat;
}

#beplantingsplan {
	background:url('../images/leaf-icon-32.png') no-repeat;
}

#tuinaanleg {
	background:url('../images/sign-post-icon-32.png') no-repeat;
}

#tuinonderhoud {
	background:url('../images/tree-icon-32.png') no-repeat;
}

#address {
	padding-left:30px;
	background:url('../images/marker-icon-24.png') no-repeat 0px 4px;
	margin-bottom:8px;
}

#mobile {
	padding-left:30px;
	background:url('../images/iphone4-icon-24.png') no-repeat;
	margin-top:8px;
}

#email-address {
	padding-left:30px;
	margin-top:8px;
	background:url('../images/email-icon-24.png') no-repeat;
}

#vcard {
	padding-left:30px;
	margin-top:8px;
	background:url('../images/vcard-icon-24.png') no-repeat 1px;
}

#diensten h3 {
	font-size:16px;
	padding-bottom:10px;
	padding-top:10px;
	color:#666;
	font-weight:bold;
}

#three_box {
	margin-bottom:40px;
}

.two_box {
	margin-bottom:60px;
}

.box p {
	font-size:16px;
	line-height:24px;
	color:#999;
	margin-bottom:10px;
}

#diensten .box p {
	font-size:16px;
	line-height:24px;
	color:#999;
	margin-bottom:10px;
}

p sup {
	position:relative;
	font-size:11px; 
	top:-6px;
}

#contact #bio {
	margin-bottom:20px;
}

#contact #bio p {
	font-size:15px;
	float:left;
}

#bio img {
	float:left;
	margin-right:10px;
	margin-top:5px;
	border: 1px solid #eee;
} 

#contact #map_canvas {
	background-color:#fff;
	border:solid 2px #ddd;
	height:300px;
	margin:26px 0 0 0;
}

/* @group Twitter */

#tweet {
	list-style-type:none;
	font-size:14px;
	line-height:24px;
	color:#777777;
	font-style:italic;
	margin-bottom:20px;
}

#twitter a {
	margin:20px 0 30px 0;
	padding:14px 0 14px 0px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;;
	background:-webkit-gradient(linear, left top, left bottom, from(#fc950a), to(#e57a02));
	background:-moz-linear-gradient(top, #fc950a, #e57a02);
	background-color:#fc950a;
	padding:7px 12px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border:1px solid #e57a02;
	-webkit-box-shadow:0px 1px 3px #666;
	-moz-box-shadow:0px 1px 3px #666;
	box-shadow:0px 1px 3px #666;
	position:relative;
}

#twitter a span {
	padding-left:26px;
	background:url(../images/twitter-icon-white.png) no-repeat 0px 0px;
}

#twitter a:hover {
	text-decoration:none;
}

#twitter a:active {
	top:1px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration:none;
	background:-webkit-gradient(linear, left top, left bottom, from(#e57a02), to(#fc950a));
	background:-moz-linear-gradient(top, #e57a02, #fc950a);
	background-color:#fc950a;
}

#tweet li:before {
	content:"'";
}

#tweet li:after {
	content:"'";
}

#tweet li a {
	display:inline-block;
	max-width:200px;
	padding-left:1px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:bottom;
}

#latest_tweet {
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-bottom:0px;
}

/* @end */

/* @group Contactformulier */

form#contactformulier {
	margin-top:30px;
}

form#contactformulier input.input-text {
	font-size:16px; 
	padding:4px 4px;
	width:300px;
	color:#999;
	font-family:'Helvetica Neue', Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	outline-color:#e98400;    
}

form#contactformulier textarea.input-textarea {
	font-size:16px;
	padding:4px 6px;
	width:520px;
	resize:none;
	color:#999;
	font-family:'Helvetica Neue', Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	border:1px solid #dddddd;
	line-height:24px;
	outline-color:#e98400;
}

form#contactformulier label {
	display:block;
	font-weight:normal;
	line-height:18px;
	margin-bottom:4px;
	margin-top:16px;
	margin-left:1px;	
	font-size:16px;
	color:#999;
	width:160px;
}

form#contactformulier small {
	font-size:13px;
	color:#e98400;
	margin-left:6px;
	font-weight:normal;
}

form#contactformulier .button {
	font-family:'Helvetica Neue', Arial, sans-serif;
	margin:20px 0 30px 0;
	padding:14px 0 14px 0px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;;
	background:-webkit-gradient(linear, left top, left bottom, from(#fc950a), to(#e57a02));
	background:-moz-linear-gradient(top, #fc950a, #e57a02);
	background-color:#fc950a;
	padding:7px 12px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	-webkit-font-smoothing:antialiased; /* Webkit font smoothing */
	cursor:pointer;
	display:block;
	border:1px solid #e57a02;
	-webkit-box-shadow:0px 1px 3px #666;
	-moz-box-shadow:0px 1px 3px #666;
	box-shadow:0px 1px 3px #666;
	position:relative;
}

form#contactformulier .button span {
	padding-left:26px;
	background:url(../images/right_arrow.png) no-repeat 0px 2px;
}

form#contactformulier .button:active {
	top:1px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:-webkit-gradient(linear, left top, left bottom, from(#e57a02), to(#fc950a));
	background:-moz-linear-gradient(top, #e57a02, #fc950a);
	background-color:#fc950a;
	outline:none;
}

/* @end */
/* @end */

/* @group Slider */
#slider, #slider1, #slider2, #slider3, #slider4 {
	position:relative;
	width:620px; /* Change this to your images width */
	height:316px; /* Change this to your images height */
	background:url(../images/loading.gif) no-repeat 50% 50%;
}

#slider img, #slider1 img, #slider2 img, #slider3 img, #slider4 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a, #slider1 a, #slider2 a, #slider3 a, #slider3 a {
	border:0;
	display:block;
}

#slider-wrapper {    
    padding-top:74px;
    margin-top:5 0px;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family:Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* @end */

/* @group Footer */

#footer {
	color:#777;	
}

#footer:before {
  content:" ";
	display:block;
	background-color:#eee;
	height:2px;
}

#footer p {	
	font-size:13px;
	line-height:18px;
	padding:12px 0 0 0;
	color:#666666;
}

#contact_footer {
	text-align:right;
}

.separator {
	color:#bbb;
	padding:0 4px;
}

/* @end */