html {
	height:				100%;
	width:				100%;
}

body, td, th, input, textarea, select {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#666;
}

body {
	background-color:	#2365b1;
	background-image:	url(../img/body_bg.gif);
	background-repeat:	repeat;
	text-align:			left;
	margin:				0px;
}

/*****
element selectors
******/

a {
	color:				#2365b1;
	text-decoration:	none;
	font-weight:		bold;
}

a:hover {
	color:				#666;
	text-decoration:	underline;
	font-weight:		bold;
}

h1, h2, h3 {
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
}

h1 {
	font-size: 			24px;
	margin:				0px 0px 16px 0px;
}

h2 {
	font-size: 			16px;
	margin:				8px 0px 0px 0px;
}

h3 {
	font-size: 			12px;
	margin:				8px 0px 0px 0px;
}

p {
	margin:				8px 0px;
}

li {
	list-style-type:	square;
}


/******
generic class selectors
*****/

img.tr {
	float:				right;
}

img.tl {
	float:				left;
}

.hrule {
	background-image:	url(../img/hrule.gif);
	width:				100%;
	height:				3px;
	margin:				24px 0px 12px 0px;
	overflow:			hidden;
}

/*****
general positioning template layers
*****/
#top {
	position:			relative;
	right:				auto;
	left:				auto;
	width:				760px;
	height:				3px;
	margin:				14px auto 0px auto;
	text-align:			left;
	z-index:			1;
}

#contentouter {
	background-color:	#fff;
	position:			relative;
	right:				auto;
	left:				auto;
	width:				760px;
	height:				100%;
	margin:				0px auto 0px auto;
	text-align:			left;
	z-index:			1;
}

#contentinner {
	background-color:	#fff;
	border-right:		3px solid #024693;
	border-left:		3px solid #024693;
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				754px;
	height:				auto !important; 
	height:				100%;
	min-height:			100%;
	z-index:			2;
}


#content {
	background-color:	#fff;
	padding-bottom:		20px;	 /* bottom padding for footer */
	margin:				163px 60px 0px 69px;
}

#contenthome {
	background-color:	#fff;
	padding-bottom:		20px;	 /* bottom padding for footer */
	margin:				334px 60px 0px 69px;
}


#contentshowcase {
	background-color:	#fff;
	padding-bottom:		20px;	 /* bottom padding for footer */
	margin:				163px 60px 0px 69px;
}


/*****
other template layers
*****/
#logo {
	position:			absolute;
	left:				29px;
	top:				22px;
	width:				213px;
	height:				52px;
	z-index:			2;
}

#call {
	position:			absolute;
	left:				452px;
	top:				33px;
	width:				262px;
	height:				24px;
	z-index:			2;
}

#banner {
	position:			absolute;
	left:				35px;
	top:				135px;
	width:				685px;
	height:				164px;
	z-index:			2;
}

#bannertext {
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	font-size:			16px;
	color:				#fff;
	position:			absolute;
	left:				69px;
	top:				183px;
	width:				340px;
	height:				90px;
	z-index:			2;
}

#showcaseouter {
	width:				458px;
	text-align:			center;
}

#showcaseinner {
	float:				right;
	text-align:			left;
	width:				320px;
	display:			block;
}

/*****
navigation
*****/
#nav {
	position:			absolute;
	left:				75px;
	top:				72px;
	width:				620px;
	height:				24px;
	z-index:			2;
}

#nav ul {
	margin-top:			0px
}

#nav ul li {
	display:			inline;
	float:				left;
	margin-right:		52px;
}

#nav ul li a {
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	color:				#666;
	text-decoration:	none;
}

#nav li a:hover {
	color:				#2365b1;
	text-decoration:	none;
}

/****
contact form
*****/
#contact-form{ position:relative; margin:30px 0px; }
#contact-form label{ display:block; width:100px; padding-top:3px; float:left; }
#contact-form input.text { margin-bottom:4px; width:165px; }
#contact-form select{  margin-bottom:4px; width:169px; }
#contact-form textarea { margin-bottom:4px; width:165px; height:110px; }
#contact-left{ float:left; display:inline; margin-right:30px; }
#contact-right{ float:left; }

#contact-form span{ text-align:right; display:block; padding-top:5px; }
#contact-info span{ font-weight:bold; }
#contact-info a{ font-weight:bold; }

.clear{ position:relative; clear:both; height:0px; overflow:hidden;border:none; line-height:0 }

#friends h2 {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	margin-bottom:		0px;
}
#friends p {
	margin-top:			0px;
}

#friends a {
	font-weight:		normal;
}

/****
work
*****/
ul#work {
	float:				left; 	
	margin:				0px;
	padding:			0px;
}

ul#work li {
	float:				left; 
	display:			inline; 
	margin:				0px 40px 12px 0px;
	width:				166px;
}

ul#work li h2 {
	margin:				0px;
}

ul#work li h3 {
	font-size:			11px;
	font-weight:		bold;
	margin:				4px 0px 0px 0px;
}

ul#work li p {
	margin-top:			4px;
}

.workimg {
	background-repeat:	no-repeat;
	color:				#fff;
	font-size:			11px;
	font-weight:		bold;
	padding-left:		4px;

}

#work01img {
	background-image:	url(../img/work01.jpg);
	height:				85px;
}

#work02img {
	background-image:	url(../img/work02.jpg);
	height:				85px;
}

#work03img {
	background-image:	url(../img/work03.jpg);
	height:				85px;
}

#work04img {
	background-image:	url(../img/work04.jpg);
	height:				75px;
}

#work05img {
	background-image:	url(../img/work05.jpg);
	height:				75px;
}

#work06img {
	background-image:	url(../img/work06.jpg);
	height:				75px;
}

#work07img {
	background-image:	url(../img/work07.jpg);
	height:				75px;
}

#logoclient {
	margin:				18px 0px;
	text-align:			center;
}