/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; height: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 3px 3px; background: #e6e6e6; color: #666666; border: solid 1px #838383; font-family: Arial, sans-serif; font-size: 127.27%; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 1.5em; list-style: disc; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; z-index: 10; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
.cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ie7 .clearFix { min-height: 1%; }

/* Goran's styles
 *
 */

.loading {
	height:500px;
}

/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #000000; 
}
a:visited { 
	color: #000000; 
}
a:link:hover, a:visited:hover {
}

body {
	font-family: 'Lucida Grande', 'Lucida', sans-serif;
	text-align: center;
	background: #FFFFFF;
}
#page {
	width: 1000px;
	font-size: 1.4em;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #808080;
}


#top {
	position: relative;
	background: #000000 url(../img/bar-1.jpg) repeat-x 0 0;
	width: 100%;
	overflow: hidden;
}
	#logo {
		float: left;
		width: 126px;
		margin: 15px 0 10px;
		padding: 0 0 0 20px;
		font-weight: normal;
	}
		#logo a:link, #logo a:visited {
			display: block;
			height: 35px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../img/valdemars-painters.png) no-repeat 0 0;
				background-position: top;
			}
			#logo a:hover span {
			    background-position: bottom;
			}
	#menu {
		float: right;
		margin: 13px 0 10px;
		padding: 0 10px 0 0;
		font-family: Helvetica, sans-serif;
		font-size: 114.29%;
		letter-spacing: 1px;
		position: relative;
	}
		#menu ul {
			text-align: left;
		}
			#menu li {
				float: left;
				display: block;
				line-height: 37px;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					color: #FFFFFF;
					text-decoration: none;
					text-transform: lowercase;
					padding: 0 15px;
					position: relative;
					z-index: 100;
				}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li.active a:link, #menu li.active a:visited {
				}
			#menu li.background {
				position: absolute;
				z-index: 10;
				background: #447fe3 url(../img/but-r.png) no-repeat 100% 0;
			}
				#menu li.background .left {
					height: 37px;
					background: url(../img/but-l.png) no-repeat 0 0;
				}
	#header {
		clear: both;
		background: url(../img/header-1.jpg) no-repeat 0 0;
	}
		#headerIn {
			background: url(../img/header-b.jpg) repeat-x 0 240px;
			height: 449px;
			padding: 1px 0 0;
			position: relative;
		}
			#logo2 {
				position: absolute;
				right: 10px;
				top: 23px;
				width: 329px;
				height: 308px;
				background: url(../img/valdemar-painters-logo.png) no-repeat 0 0;
				z-index: 500;
			}
				#logo2 span {
					display: block;
					text-indent: -1000em;
				}
			#header h1 {
				font-family: Helvetica, Arial, sans-serif;
				font-weight: normal;
				letter-spacing: 0.035em;
				font-size: 171.43%;
				color: #FFFFFF;
				margin: 0 0 10px 20px;
				padding: 20px 0 0;
				width: 580px;
				line-height: 1.25;
			}
			#call {
				font-family: Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 114.29%;
				letter-spacing: 0.025em;
				color: #000000;
				width: 580px;
				margin: 0 0 0 20px;
				padding: 5px;
			}
			#services {
				position: absolute;
				left: 0;
				top: 210px;
				width: 100%;
				overflow: hidden;
				color: #cccccc;
				background: url(../img/bar-2.jpg) repeat-x 0 30px;
				z-index: 20;
			}
				#services li {
					float: left;
					width: 300px;
				}
					#services h3 {
						font-family: Helvetica, Arial, sans-serif;
						font-weight: normal;
						font-size: 128.57%;
						height: 89px;
						overflow: hidden;
						line-height: 100px;
						margin: 0 0 0 10px;
					}
					#services a {
					    color: #fff;
					}
					#services a:hover {
					    text-decoration: none;
					    color: #0075A2;
					}
					#services .service1 h3 {
						padding: 0 0 0 115px;
						background: url(../img/house-painting.png) no-repeat 0 0;
					}
					#services .service2 h3 {
						padding: 0 0 0 90px;
						background: url(../img/commercial-painting.png) no-repeat 0 0;
					}
					#services ul {
						list-style: disc;
						padding: 0 0 0 2em;
						margin: 0 40px 0 10px;
					}
						#services li li {
							float: none;
							width: auto;
							padding: 3px 0;
						}
						#services li li.hl {
							color: #75f0b7;
						}
			#quote {
				position: absolute;
				top: 343px;
				right: 20px;
				width: 330px;
				padding: 25px 0 0;
				overflow: hidden;
				color: #fded86;
				font-size: 85.71%;
				z-index: 500;
			}
				#quote a:link, #quote a:visited {
					float: left;
					display: block;
					margin: -25px 10px 0 0;
					width: 202px;
					height: 81px;
					overflow: hidden;
					text-align: center;
					line-height: 100px;
					font-size: 116.67%;
					color: #FFFFFF;
					background: url(../img/but-1.png) no-repeat 0 0;
				}
				#quote a:hover {
				    color: #C7E9F4;
				}
	
#wrap {
	width: 966px;
	padding: 0 30px 0 4px;
	overflow: hidden;
	background: url(../img/wrap-bg.png) repeat-y 100% 0;
}
	#content {
		padding: 30px 25px 10px;
		float: left;
		width: 566px;
		letter-spacing: 0.01em;
	}
	#ie7 #content {
		letter-spacing: 0;
	}
		#content h1 {
			font-family: Helvetica, sans-serif;
			font-size: 128.57%;
			font-weight: bold;
			color: #333333;
			margin: 0 -25px .5em;
			padding: 0 0 .5em 25px;
			letter-spacing: 0;
			border-bottom: solid 1px #cdcdcd;
		}
		#content h2 {
			font-size: 118%;
			font-weight: normal;
			color: #8396b6;
			margin: 5px 0 0 20px;
		}
		#content p {
			line-height: 1.75em;
			margin-bottom: 1.5em;
		}
		#content ul {
			list-style: disc;
			padding: 0 0 0 2em;
			margin: 0 40px 0 10px;
		}
			#content li {
				width: auto;
				padding: 5px 0;
				line-height: 1.75em;
			}
               #content blockquote p {
			line-height:1.3em;
		}
	#side {
		float: right;
		width: 310px;
		padding: 0 0 10px;
	}


#bot {
	position: relative;
	overflow: hidden;
	color: #FFFFFF;
	height: 290px;
	background: url(../img/footer.jpg) no-repeat 0 50px;
}
	#menu2 {
		background: url(../img/bar-3.jpg) repeat-x 0 0;
		height: 50px;
		position: relative;
		font-family: Helvetica, sans-serif;
		font-size: 114.29%;
		letter-spacing: 1px;
	}
		#menu2 ul {
			float: right;
		}
			#menu2 li {
				float: left;
			}
				#menu2 li a:link, #menu2 li a:visited {
					display: block;
					float: left;
					line-height: 50px;
					color: #FFFFFF;
					padding: 0 10px;
				}
				#menu2 li.selected a:link, #menu2 li.selected a:visited,
				#menu2 li a:link:hover, #menu2 li a:visited:hover {
					text-decoration: none;
					color: #00adee;
				}
	
	#contact2 {
		padding: 40px 0 0;
		margin: 0 0 60px 30px;
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		font-size: 128.57%;
		color: #333333;
	}
		#contact2 span {
			display: block;
			font-size: 266%;
			margin: 10px 0 5px;
		}
		#contact2 a:link, #contact2 a:visited {
			color: #333333;
		}
	#copyright {
		font-family: Verdana, sans-serif;
		font-size: 85.71%;
		color: #0075a2;
		margin: 0 0 0 10px;
	}

	#created {
		width: 160px;
		float: left;
	}
		#created a:link, #created a:visited {
			display: block;
			height: 52px;
		}
			#created a:link span, #created a:visited span {
				display: block;
				text-indent: -1000em;
			}

/*-------
// side
//-----*/


a.but1:link, a.but1:visited {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	background: url(../img/but-l.png) no-repeat 0 0;
	text-decoration: none;
}
	a.but1:link span, a.but1:visited span {
		display: block;
		height: 36px;
		padding: 0 20px 0 9px;
		margin: 0 0 0 11px;
		background: url(../img/but-r.png) no-repeat 100% 0;
	}


#contact {
	padding: 30px 0;
}
	#contact p {
		color: #0075a2;
		font-size: 92.86%;
		line-height: 1.4;
	}
	#contact p.act {
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		font-size: 138%;
		color: #333333;
		line-height: 1.6;
	}
	#contact span.general-error {
		color:#000;
	}
	#contact form {
		margin: 15px 0 10px;
	}
		#contact form label {
			display: block;
			padding: 0 0 5px;
			margin: 10px 0 0;
			font-weight: bold;
			color: #0075a2;
			text-transform: uppercase;
		}
		#contact form input.text, #contact form textarea {
			display: block;
			background: #c7e9f4;
			border: solid 1px #afcbdc;
			padding: 7px 12px;
			width: 275px;
			color: #000000;
			font-size: 100%;
			font-family: "Lucida Grande", "Lucida", sans-serif;
		}
		#contact form span.error input, #contact form spam.error textarea {
			border-color: #c0aac3;
		}
		#contact form p.error {
			background: #e44044;
			color: #FFFFFF;
			width: 290px;
			padding: 3px 5px;
			font-size: 85.71%;
		}
		#contact form p.but {
			padding: 10px 0 0;
			text-align: center;
		}
			#contact form p.but input.submit {
				width: 202px;
				height: 61px;
				color: #FFFFFF;
				background: url(../img/but-2.png) no-repeat 0 0;
				border: none;
				font-family: Verdana, sans-serif;
				font-size: 100%;
				padding: 0 0 5px;
			}

/*-------
// content
//-----*/
#testimonialSet {
	width:100%;
	overflow:hidden;
	height:220px;
}
.testimonial {
	width: 100%;
	overflow: hidden;
}
	.testimonial .frame {
		float: left;
		width: 206px;
		height: 214px;
		padding: 15px 30px 0 17px;
		margin: 0 5px 20px 0;
		background: url(../img/frame-1.png) no-repeat 0 0;
		font-family: "Courier New", monospace;
	}
		.testimonial .frame dt {
			margin: 0 0 5px;
			overflow: hidden;
		}
		.testimonial .frame dd {
			padding: 0 5px 0 0;
			text-align: right;
		}
		.testimonial .frame dd.date {
			color: #191919;
			font-size: 64.29%;
			margin: 0 0 2px;
		}
		.testimonial .frame dd.name {
			color: #191919;
			font-size: 92.86%;
			margin: 0 0 1px;
		}
		.testimonial .frame dd.org {
			color: #666666;
			font-size: 71.43%;
		}
	.testimonial .quote {
		float: right;
		width: 285px;
		padding: 10px 0 0 20px;
		background: url(../img/quote-1.gif) no-repeat 0 0;
	}
		.testimonial .quote blockquote {
			background: url(../img/quote-2.gif) no-repeat 100% 100%;
			padding: 0 10px 5px 0;
		}
	.testnav .nav {
		width: 270px;
		overflow: hidden;
		padding: 10px 0 0;
		float: right;
	}
		.testnav .nav li {
			float: left;
			margin: 0 3px 0 0;
		}
			.testnav .nav li a:link, .testnav .nav li a:visited {
				float: left;
				display: block;
				width: 19px;
				height: 19px;
				overflow: hidden;
				border: solid 1px #e0e0e0;
				background: #FFFFFF;
			}
				.testnav .nav li a:link span, .testnav .nav li a:visited span {
					display: block;
					text-indent: -1000em;
				}
			.testnav .nav li a:link:hover, .testnav .nav li a:visited:hover,
			.testnav .nav li a.active:link, .testnav .nav li a.active:visited {
				background: #808080;
			}