@import url(/notkin.css);
/* ########## Layout Required (do not modify) ########## */
html,body { margin:0; padding:0; width:100%; }
html { height:100%; }
body { position: absolute; height: 100%; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; }
div#container { position: relative; height: auto; min-height: 100%; margin-left: auto; margin-right: auto; text-align: left; }
img { border: none; }
/* ########## IE6 Rules (copy and paste into web page template head) ########## */
/* 
<!--[if lt IE 7]>
<link href="/ie6.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	div#container { height: 100%; }
</style>
<![endif]-->
*/

/* ########## FireFox Rules (copy and paste into web page template head) ########## */
/*
<?php
$agent=$_SERVER['HTTP_USER_AGENT'];
$isFF=strstr($agent, 'Firefox');
$addToHeader='#### RULES GO HERE ####';
if ($isFF) {
echo $addToHeader;
}
?>
*/

/* ########## Site Design ########## */
html { /* Bkg color and/or image, can fill entire browser */
	background-color: #6e5247;
	background-image: url("images/site/drop_shadow.gif");
	background-position: top center;
	background-repeat: repeat-y;
	font-family:arial,sans-serif;
}
body { /* Bkg color or image will NOT fill browser top to bottom on FireFox 2.0 if content requires vertical scrolling instead use #container */
}
div#container { /* Bkg color and/or image, can fill browser top to bottom */
	width: 864px;
	background-color: white;
}
#home div#container {
	background-color: #93b4e9;
}


/* ########## Home Page Sections Layout ########## */
#home div#header { /* The first element inside of container (usually header) can't have a margin-top otherwise FF will add the margin to container as well */
	background-image: url("images/site/header-bkg.gif");
}
#home div#nav { top: 0px; left: 0px; }
#home #header img#logo { top: 110px; left: 78px; }
#home #header div.phonefax { top: 20px; }
#home #header div.careers { top: 40px; }
#home #header #thumbnails { margin-left: auto; position: absolute; right: 0px; top: 96px; }
#home #header #thumbnails img { float: right; margin-right: 0px; margin-left: 2px; }
#home div#mainimage {
	display: block;
	height: 370px;
	background-color: gray;
}
#home #mainimage img { display: block; }
#home div#content {
	padding-left: 215px;
	padding-right: 205px;
	padding-top: 45px;
	padding-bottom: 80px;
}
#home #content h1 {
	color: #6e5247;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 30px;
	margin-left: -140px;
	margin-right: -130px;
	margin-top: -12px;
	padding-bottom: 12px;
	text-transform: none;
}
#home #content a {
	color: white;
	text-decoration: none;
}
#home #content a:hover {
	color: white;
	text-decoration: underline;
}

/* ########## Sub Page Sections Layout ########## */
div#header { /* The first element inside of container (usually header) can't have a margin-top otherwise FF will add the margin to container as well */
	height: 180px;
	background-color: white;
	background-image: url("images/site/header-sub-bkg.gif");
	background-repeat: repeat-x;
	position: relative;
}
div#nav { position: absolute; top: 84px; left: 0px; width: 580px; white-space: no-wrap; }
#header img#logo { position: absolute; top: 17px; left: 568px; z-index: 2; }
#header div.phonefax { position: absolute; top: 104px; right: 58px; text-align: right; }
#header div.careers { position: absolute; width: 175px; text-align: right; top: 124px; right: 58px; }
#header #thumbnails { position: absolute; top: 0px; left: 0px; z-index: 1; }
#header #thumbnails img { display: block; float: left; margin-right: 2px; }
div#mainimage {
	display: none;
}
div#content {
	padding-left: 120px;
	padding-right: 140px;
	padding-top: 38px;
	padding-bottom: 80px;
}
div#footer {
	position: absolute;
	bottom: 0px;
	border-top: 8px solid #93b4e9;
	border-bottom: 10px solid #93b4e9;
	border-left: 45px solid #93b4e9;
	border-right: 65px solid #93b4e9;
	color: white;
	font-size: 10px;
	background-color: #93b4e9;
	height: 50px;
	width: 754px;
}
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: white; text-decoration: underline; }
#footer #copyright { position: absolute; left: 0px; bottom: 0px; }
#footer img { position: absolute; right: 0px; bottom: 0px; }

#content #portfolioimages {
	position: relative;
	float: left;
	width: 235px;
	margin-top: 4px;
	margin-bottom: 350px; /* This is just so the text doesn't wrap below the images */
}
#content #portfolioimages img { display: block; margin-bottom: 10px; }

/* ########## Nav ########## */
div#nav a { display: table-cell; }

/* ########## Content ########## */
#content {
	color: #6e5247;
	font-size: 14px;
	line-height: 19px;
}
#content h1 {
	color: #93b4e9;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 16px;
	margin-left: 0px;
	text-transform: uppercase;
}
#content a {
	color: #93b4e9;
	text-decoration: none;
}
#content a:hover {
	color: #93b4e9;
	text-decoration: underline;
}

#content .small { font-size: 13px; }
#content .xsmall { font-size: 12px; }
#content .xxsmall { font-size: 11px; }
#content .tiny { font-size: 10px; }