/*
Theme Name: Valo
Theme URI: 
Description: Custom theme for Valo Design Group
Version: 1.0
Author: 
Author URI: 
Tags: valo design
*/

																																		/* CSS 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
	font-family: Arial;
	font-size: 13px;
	background-color: #002e53; 
}
.inner{
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}


#header1{
	background: transparent;
}
#header1 .inner{
	overflow:visible;
	height: 60px;
	color: #fff;
	background: url('images/header1-bg-inner.png') 0 0 no-repeat;
	position:relative;
}
	#header1 h1{
		text-indent: -9999px;
		background:transparent url('images/h1_logo.png') 0 0 no-repeat;
		height: 178px;
		width:400px;
		position:absolute; top:10px; left:12px;
		z-index:2000;
	}
*html #header1 h1{
		text-indent: -9999px;
		background:transparent url('images/h1_logo.png') 0 0 no-repeat;
		height: 178px;
		width:400px;
		position:absolute; top:16px; left:12px;
		z-index:2000;
	}

	#header1 p{
		font-size: 24px;
		font-weight: bold;
		padding-right:40px;
		padding-top: 6px;
		height: 40px;
		line-height: 60px;
		text-align: right;
		float: right;
	}

#header2_home{
	z-index:1;
	background: transparent;
}
#header2_home .inner{
position:relative;
	z-index:1;
	background: transparent url(images/header2-bg-inner.png) 0 0 no-repeat;
	height: 319px;
}

*html #header2_home .inner{
position:relative;
	z-index:1;
	background: transparent url(images/header2-bg-inner-home_ie.png) 0 0 no-repeat;
	
}
	#header2_home .info{
		width: 420px;
		padding: 100px 0 0 0;
		float: left;
	}
	#header2_home .info p{
		padding: 1em 1em 0 1em;
		color: #fff;
		font-size: 14px;
		line-height: 18px;
	}
		#header2_home .info blockquote{
		padding: 0px 1em 0 20px;
		color: #fff;
		text-indent: 1em;
		line-height: 1em;
	}

	#header2_home .slider{
		width: 575px;
		padding-right:12px;
		float: right;
	}

#header2_home{
	position:relative;
	z-index:1;
	background: transparent;
}
#header2_internal {height:128px}
#header2_internal .inner{
		position:relative;
	z-index:1;
	background: transparent url(images/header2-bg-inner.png) 0 0 no-repeat;
	height:128px;
}
*html #header2_internal .inner{
		position:relative;
	z-index:1;
	background: transparent url(images/header2-bg-inner_ie6.png) 0 0 no-repeat;
	height:128px;
}




#header3{
	background:transparent;
}
#header3 .inner{
	background: transparent url('images/header3-bg-inner.png') no-repeat 0 0;
	height: 59px;	
}
	#header3 ul{
		height: 59px;
		overflow: visible;
		padding: 0 0 0 232px;
	}
	
	*html #header3 ul{
		height: 59px;
		overflow: visible;
		padding: 0 0 0 232px;
		
	}
	
		#header3 li,
		#header3 a,
		#header3 span{
			display: block;
			float: left;
			height: 59px;
		}
		#header3 a{
			outline: none;
			background: url('images/header3-menu-li.png') 0 0 no-repeat;
		}
		*html #header3 a{
			outline: none;
			background: url('images/header3-menu-li.jpg') 0 0 no-repeat;
			height: 59px;
			display:block;
		}
			#header3 .home a			{width: 75px; height:59px; background-position: 0 0;}
			#header3 .home a:hover		{background-position: 0 -59px;}
			#header3 .about a			{width: 104px; background-position: -75px 0;}
			#header3 .about a:hover		{background-position: -75px -59px;}
			#header3 .testimonials a		{width: 146px; background-position: -179px 0;}
			#header3 .testimonials a:hover	{background-position: -179px -59px;}
			#header3 .portfolio a		{width: 114px; background-position: -325px 0;}
			#header3 .portfolio a:hover	{background-position: -325px -59px;}
			#header3 .contactus a			{width: 123px; background-position: -439px 0;}
			#header3 .contactus a:hover	{background-position: -439px -59px;}
		#header3 span{
			text-indent: -9999px;
		}
		


#header4{
	background: url('images/header4-bg.png') center top no-repeat;
}
#header4 .inner{
	height: 119px;
}

#block1{
	background: transparent;
}
#block1 .inner{
	background: url('images/block1-bg-inner.png') 0 0 no-repeat;
	height: 332px;
	position:relative;
}
	#block1 .who{
		width: 400px;
	}
	#block1 .logos{
		width:367px;
		height:332px;
		float:left;
		
	}
	
	#block1 .logos .logoFlash{
		position:absolute; top: 60px; left: 21px; 
	}
	#block1 .logos .fader{
		padding-left:100px;
	}
	#block1 .logos .grayscale{
		padding-left:20px;
	}
	#block1 .what{
		width: 300px;
		position:absolute; top:0px; left: 410px;
	}
	#block1 .what ul{
		list-style-type: disc;
		padding-left:20px;
		list-style:square  url("images/blue_bullet.gif");
	}
	#block1 .what ul li{
		line-height:1.5em;
		font-size:14px;
		margin-top:3px;
	}
	#block1 .contact_home{
		width: 320px;
		min-height:270px;
		position:absolute; top:12px; left: 660px;
		background: #f1f2ff;
		border: 3px solid #7296be;
	}

	#block1 h3{
		font-family: "Trebuchet MS", Arial;
		font-size: 30px;
		color: #000;
		letter-spacing: -.04em;
		padding: 28px 0 0 20px;
		
	}
	h3#ourservices{
		text-indent:-9999px;
		background: url('images/h3_ourservices.gif') 0 28px no-repeat;
	}
	#block1 p{
		color: #000;
		font-size: 12px;
		padding: 1em 15px 0 15px;

	}
	#block1 p br{ nobr;  }
	#block1 input {
		border:1px solid #ccc;
		width:180px;
	}
	.PhoneNumber input {width:100px;}	

	.contact_home textarea{
		height:80px; width:220px;
			
	}
	*html .contact_home #messageDiv {float:right; width:160px;}
	*html .contact_home textarea{
		height:60px;
		width:180px;
		overflow:hidden;
	}
	
	.si_left {width:100px;}
	.contact_home #si_message {width: 60px;}
	
	.contact_home #sendButton {margin:9px 0 12px 120px;}
	
	.Contact #your-name { margin-left:0px; }
	.Contact #your-email { margin-left:0px;}
	.Contact .PhoneNumber { display:block; }
	.Contact span.your-message textarea {   }
	.Contact span.your-message textarea:after { clear:both; }
	.Contact #sendButton input { float:none; margin-left:302px; }
	.Contact .wpcf7-mail-sent-ok {position:relative;}
	.Contact .entry {position:relative;}
	.Contact .wpcf7-validation-errors { border:none; width:260px; position:absolute; top:505px; left:3px;}
	
#sendButton input {width:45px; line-height:1em; height:16px; margin:10px 4px 4px 25px; padding-bottom:3px; background:#73abe6; border:1px solid #3b6ca0; }

.wpcf7-form label {display:block; padding:10px 10px 0px 15px; font-weight:bold; width:290px; nobr}
	#your-name {margin-left:48px;}
	#your-email {margin-left:48px;}

#block2{
	background: url('images/block2-bg.jpg') center top no-repeat;
}
#block2 .inner{
	height: 366px;
}
	#block2 .contact_home{
		height: 366px;
		position: relative;
		width: 400px;
		float: left;
	}
		#block2 .contact_home p{
			position: absolute;
			left: 25px;
		}
		#block2 .name{top: 70px;}
		#block2 .email{top: 115px}
		#block2 .message{top: 160px}
		#block2 .submit{top:310px}
			#block2 input{
				width: 350px;
				background: transparent;
				border-width: 0;
			}
			#block2 textarea{
				width: 350px;
				height: 130px;
				background: transparent;
				border-width: 0;
			}
			#block2 button{
				width: 80px;
				height: 25px;
				margin: 0;
				padding: 0;
				border-width: 0;
				background: url('images/quickmail-submit.png') 0 0 no-repeat;
				cursor: pointer;
			}
				#block2 button span{display: none;}
	#block2 .logos{
		width: 600px;
		float: right;
	}
		#block2 .logos ul{
			padding: 50px 0 0 20px;
		}
			#block2 .logos li{
				display: block;
				width: 190px;
				height: 130px;
				float: left;
			}

#content .inner{
	background: transparent url('images/content-bg.png') center top repeat-y;

}

	#content .post{
		color: #434251;
		padding: 50px 40px;
	}
		#content .post p{
			padding: 0 0 1.5em 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:1.8em;
			color:#3f3e4c;
		}
		#content .post h1{
			font-size:28px;
			padding:0 0 .5em 0;
			letter-spacing:-2px;
			color:#404056;
			font-weight:bold;
		}
		#content .post h2{
			font-size:24px;
			letter-spacing:-2px;
			color:#404056;
			font-weight:bold;
			margin-left:184px;
		}
		#content .Portfolio h2{
			margin-left:136px;
		}
		#content .post h3{
			font-size:20px;
			padding:0 0 .5em 0;
			letter-spacing:-2px;
			color:#404056;
			font-weight:bold;
		}
		#content .post h4{
			padding:0 0 .5em 0;
			font-size:15px;
			letter-spacing:-0.5px;
			font-weight:bold;
			color:#404056;
		}
		#content .post strong{
			color:#33333e;
		}
		#content .post em{
			font-style:italic;
		}
		#content .post a{
			white-space:nowrap;
			color:#3366cc;
			font-weight:bold;
		}
		#content .post a.plain,
		#content .post .gallery a{
			padding: 0;
			background: none;
		}
			#content .post a:hover{
				text-decoration:bold;
				color:#003399;
			}
		#content .post .gallery img{
			padding:2px;
			background:#e0e3e6;
			border:solid 1px #c0c5d6;
		}
		#content .post ul,
		#content .post ol,
		#content .post pre{
			margin:1em .5em 2em .5em;
			padding:10px 15px;
			background:#e0e3e6;
			border: solid 1px #d3d4d5;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}

		#content .post li{
			list-style-position: inside;
			padding: .25em 0;
		}
			#content .post ul li{
				margin:0 0 0 1em;
				list-style:square;
			}
			
			#content .post ol li{
				margin:0 0 0 1.5em;
				list-style:decimal;
			}
			#content .post dl dt{
				font-weight: bold;
			}
			#content .post dl dd{
				padding: 0 0 .5em 1em;
			}
		#content .post pre{
			line-height:1em;
			color:#1C194C;
			font-size:13px;
			overflow:auto;
			background:#f8f8f8;
			border:solid 1px #e5e5e5;
		}
		#content .post code{
			padding:0 3px;
			color:#33333e;
			background:#f8f8f8;
			border:solid 1px #e5e5e5;
			font-family: monospace;
			font-size:13px !important;
		}

#footer{
	background: transparent;
}
#footer .inner{
	background: url('images/footer-bg-inner.png') 0 0 no-repeat;
	height: 66px;
}
	#footer p{
		height: 89px;
		line-height: 89px;
		font-size: 11px;
		font-family: Calibri, Arial;
		color: #8f939e;
	}
	#footer a{
		color: #fff;
	}
	#footer .author{
		float: left;
	}
	#footer .copyright{
		float: right;
		text-align: right;
		padding-right:25px;
		margin-top:-16px;
	}



.miniGallery
{
position:absolute;
left:543px;
top:41px;
}

#content .inner .smoothgallery {width:613px; height:375px; margin-left:136px; padding:0px 45px 0px 45px;}
#content .inner .smoothgallery .slideElement {background-position:top center;}

#content .inner .smoothgallery .slideInfoZone { margin-left:101px;  width:500px; height:80px;}





#content .inner  .post .jdGallery .slideInfoZone h2{
	padding: 0;
	font-size: 25px;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: #ccc;
}

#content .inner .post .jdGallery .slideInfoZone p{
	padding: 0;
	font-size: 14px;
	margin: 2px 5px;
	color: #ccc;
}


.Testimonials blockquote {
	background: url('images/blockquote_bg.png') 0 18px no-repeat;
	padding-top:2px;
	overflow:visible;
	width:629px;
	margin-left:138px;
	
}
#content .Testimonials blockquote p {margin:48px 0 0 45px; font-size:16px; overflow:visible; line-height:26px; color:#2e6092;}
.Testimonials blockquote p span.byline {font-size:14px; line-height:16px; } 
.Testimonials blockquote p span.byline .title {font-style:italic; font-size:14px; font-weight:bold; line-height:16px; } 



.About .entry, .Contact .entry { width:586px; margin-left:184px;}



p small {display: none; }

.si_left {}

.clear {clear:both;}


#block1 .contact_home .intro {padding:8px;}
#si_contact_form .clear {height:8px;}
.submitButton {width:120px; height:18px; padding-left:80px;}