/*
---------------------------------------------
File: template.css
References: index.html
Created: 1 June, 2005
Last Modified: 1 June, 2005
Author: Josh Lockhart, Lockhart Interactive
Website: www.lockhartdesign.com/interactive
Email: lockhartinteractive@gmail.com
---------------------------------------------
*/






/* BODY AND GENERAL ELEMENT CSS STYLES */






body{
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #7C8EBC;
}

a:link, a:visited{
	text-decoration: underline;
}

a:hover, a:active{
	text-decoration: none;
}






/* WRAPPER CSS STYLES */






#wrapper{
	position: relative;
	width: 622px;
	margin: 0px auto;
	padding: 0px 9px 0px 9px;
	text-align: left;
	background: #FFFFFF url('../images/master/wrapper-background.jpg') left repeat-y;
}

#wrapper img.logo{
	position: absolute;
	right: 25px;
	bottom: 10px;
	background: none;
}





/* HEADER CSS STYLES */






#header{
	margin: 0px;
	height: 70px;
	border-top: 7px solid #000000;
}

#header img{
	float: left;
}






/* FEATURE CSS STYLES */






#feature{
	margin: 0px;
	height: 199px;
}






/* NAVBAR CSS STYLES */






#navbar{
	margin: 0px;
	height: 26px;
}

#navbar ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navbar li{
	float: left;
	width: 125px;
}

#navbar li a{
	display: block;
}

#navbar a img{
	border: 0px;
}

#navbar li.services{
	width: 126px;
}

#navbar li.about{
	width: 121px;
}






/* CONTENT WRAPPER CSS STYLES */






#content-wrapper{
	background: #FFFFFF url('../images/master/content-wrapper-background.gif') right repeat-y;
	margin-top: -2px;
}

html>body #content-wrapper{
  margin-top: 0px;
}







/* SIDEBAR CSS STYLES */






#sidebar{
	float: right;
	width: 245px;
	border-left: 1px solid #C7CED7;
	padding-bottom: 100px;
}

.sidebar-item{
	margin: 0px;
	padding: 10px 10px 12px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C7CED7;
}

.sidebar-item img{
	float: left;
	padding: 0px 10px 10px 0px;
}

.sidebar-title{
	font-weight: bold;
}

.sidebar-title a:link, .sidebar-title a:visited{
	color: #000000;
	text-decoration: none;
}

.sidebar-title a:hover, .sidebar-title a:active{
	color: #222222;
	text-decoration: underline;
}

.sidebar-text{
	display: inline;
	font-size: 9px;
	color: #666666;
}

#sidebar ul{
	list-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
}

#sidebar ul li{
	margin-bottom: 3px;
}

#sidebar li a{
	color: #193EB9;
}






/* CONTENT CSS STYLES */






#contents{
	float: left;
	width: 335px;
	padding: 0px 20px 20px 20px;
	border-right: 1px solid #F4F5F6;
}

#contents a{
	color: #193EB9;
}

.contents-item{
	margin-top: 16px;
	color: #666666;
}

.contents-title{
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #000000;
}

#contents p{
	margin: 0px 0px 10px 0px;
}

#contents form fieldset{
	border: 0px;
	margin-bottom: 15px;
}

html>body #contents form fieldset{
  margin-bottom: auto;
}


#contents form span.form-title{
	display: block;
	font-weight: bold;
	color: #193EB9;
	margin-bottom: 10px;
}

#contents form input.text{
	display: block;
	width: 200px;
}

#contents form textarea{
	width: 300px;
	height: 250px;
	display: block;
	margin-top: 3px;
}






/* PORTFOLIO CONTENT CSS STYLES */






.portfolio-item{
	display: block;
	margin-top: 16px;
	color: #666666;
}

.portfolio-item img{
	float: left;
	padding: 0px 10px 10px 0px;
}

.portfolio-item a{
	margin-right: 10px;
}

.portfolio-title{
	display: block;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #000000;
}

.portfolio-description{
	margin-bottom: 10px;
}

.portfolio-image-title{
	display: block;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #000000;
}





/* FOOTER CSS STYLES */





#breaker{
  position: relative;
  width: 100%;
  height: 1px;
  clear: both;
}

#footer{
	position: relative;
	width: 590px;
	margin: 0px auto;
	padding: 25px;
	background: #7C8EBC url('../images/master/footer-background') top no-repeat;
	font-size: 10px;
}

#footer a{
	color: #000000;
}