/********************************************/
/* Karlin Timber Frame style sheet			*/
/* Fluid Edge - http://www.fluid-edge.co.uk */
/********************************************/

/* Resets default browser attributes */
@import url(reset.css);


/**
* Standard Format Override
*/

body
{
/*	background: url(/images/background1.gif) repeat-x; */
	background-color: #eeeeee;
	height: 100%;
}

h1
{
	background: url(/images/h1.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 20px 15px 20px;
	color: #00539f;
	font-size: 24px;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00539f;
	font-weight: bold;
	margin-left: 20px;
	padding: 15px 30px 10px 30px;
}

p
{
	padding: 10px 30px 10px 30px;
}


#wrapper
{
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #0024AE;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 700px;
	width: 948px;
	margin: 10px auto 0 auto;
	z-index: 50;
}

#header
{
	width: 100%px; height: 155px;
}


.clearAll
{
	clear: both;
}

/**
* Footer
*/

/*
#footer
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 100%;
}
	#footer p
	{
		font-size: 12px;
	}
	#footer .copyright
	{
		color: #00539f;
		font-size: 10px;
	}

	#footer ul
	{
		margin-bottom: 20px;
	}
	#footer ul li
	{
		font-size: 12px;
		display: inline;
		padding: 0px;
	}
	#footer ul .first-item
	{
		border: #ffffff;
		padding-right: 4px;
	}
	#footer ul .item
	{
		border-left: 1px solid #000000;
		border-right: 1px solid #ffffff;
		padding-left: 4px;
		padding-right: 4px;
	}
	#footer ul .last-item
	{
		padding-left: 8px;
		border-left: 1px solid #000000;
	}

	#footer a:visited, #footer a:link, #footer a:active
	{
		color: #00539fE;
		text-decoration: none;
	}
	#footer a:hover
	{
		border-bottom: 1px dashed #00539f;
		color: #00539f;
		text-decoration: none;
	}
*/

#footer
{
	background-color: #ffffff;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	width: 100%;
}

	#footer .content
	{
		border-top: 1px solid #eeeeee;
		color: inherited;
		margin: 5px;
	}

	#footer .column
	{
		color: inherited;
		float: left;
		padding: 5px;
		width: 220px;
	}
	#footer .column p
	{
		font-size: 14px;
	}

	#footer a:link, #footer a:visited, #footer a:active
	{
		color: #666666;
		text-decoration: none;
	}

	#footer a:hover
	{
		color: #333333;
	}
	#footer ul
	{
		padding: 0px 0px 10px 0px;
	}
/**
* Content Styling
*/

#content
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 auto 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 904px;
}
	#content p
	{
		margin-left: 20px;
		margin-right: 20px;
	}
	#content h1
	{
		margin-left: 20px;
		padding-left: 30px;
	}

	#content ul
	{
		margin-left: 20px;
		margin-bottom: 20px;
		list-style-type: square;
	}
	#content ul li
	{
		padding: 10px;
		margin-left: 60px;
	}
	#content a:link, #content a:visited, #content a:active
	{
		color: #00539f;
		text-decoration: underline;
	}
	#content a:hover
	{
		color: #DE6210;
	}

/**
* Form fields
*/

tabs
{
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #f2f2f2;
	text-decoration: none;
	color: #999999;
}

fieldset
{
	padding: 1em;
	margin-bottom: 0.5em;
}

label
{

}

.form-row
{
	clear: both;
	padding: 0.5em;
}

.field-label
{
	padding-left: 100px;
}

.field-widget
{
	padding-left: 100px;
}


	.field-widget input
	{
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #00539f;
		width: 300px;
	}
	.field-widget select
	{
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #00539f;
		width: 300px;
	}
	.field-widget textarea
	{
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #00539f;
		width: 300px;
	}

/******************************************************************************** */
/* fuckwith css styles below */
/******************************************************************************** */


.box
{
	background-color: #00539f;
	border: 1px solid #00539f;
	color: #ffffff;
	float: left;
	margin: 5px;
	min-height: 325px;
	padding: 5px;
	text-align: left;
	width: 200px;
}

	.box img
	{
		padding: 14px;
	}

	.box a:link, .box a:active, .box a:visited
	{
		color: #ffffff !important;
		text-decoration: underline;
	}


p
{
	margin-left: 0px;
	margin-right: 0px;
}

.approved
{
	margin-top: 20px;
	text-align: center;
	width: 100%;
}


/* NAV */
#nav
{
	background: #ff0000;
	text-align: left;
	width: 1024px;
}


#jsddm
{
	background: #ff0000;
	margin: 0;
	padding: 0
}

	#jsddm li
	{
		float: left;
		list-style: none;
		font: 12px Tahoma, Arial
	}



	#jsddm li a
	{
		display: block;
		background-color: #00539f;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap
	}

	#jsddm li a:hover
	{
		background: #1A4473;
	}

		#jsddm li ul
		{
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white
		}

		#jsddm li ul li
		{
			float: none;
			display: inline
		}

		#jsddm li ul li a
		{
			width: auto;
			background-color: #00539f;
		}

		#jsddm li ul li a:hover
		{
			background: #1A4473;
		}

.client_logo
{
	padding: 20px;
}

.testimonial
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin: 0 auto 30px auto;
	font-size: 14px;
	width: 80%;
}

.italic
{
	font-weight: italic;
}

.contact_info
{
	height:250px;
}

.contact_info_col_a
{
	height: 200px;
	width: 35%;
	float: left;
}
.contact_info_col_b
{
	height: 200px;
	width: 50%;

	float: left;
}
.contact_info_left
{
	width: 40%;
	height: 150px;
	float: left;
	padding: 0px;
}
.contact_info_left p
{
	padding: 10px 0px;
	margin-left:0px;
	margin-right:0px;
	line-height:16px;
	text-align: right;
}


.contact_info_right
{
	width: 30%;
	height: 150px;
	float: left;
}
.contact_info_right p
{
	padding: 10px 0px;
	margin-left:0px;
	margin-right:0px;
	line-height:16px;
	text-align: right;
}


.contact_form
{
	width: 80%;
	height: 115px;
	color: #000000;
	background-color: #ddddff;
	
	padding-top: 10px;
	padding-left: 10px;
	
	margin-left: 50px;
}

#contact_form label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.contact_col_a
{
	float: left;
	width: 120px;
	line-height: 23px;
}

.contact_col_b
{
	float: left;
	width: 250px;
}
.contact_col_c
{
	float: left;
	width: 200px;
}
.contact_col_d
{
	float: left;
	width: 100%;
	text-align: right;
}