/* CSS Document */

body {
	background: url(/images/bg/body.jpg) top left;
	margin: 0px;
	padding: 0px;

	}
	
.access {
	display: none;
	}
	
#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#content {
	width: 670px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border-left: 10px solid #0f3f8d;
	float: left;
	}
	
	
#largevanson {
	width: 205px;
	position: absolute;
	left: 680px;
	background: transparent;
	}
	
/* Header Section
-------------------------------------------------------------*/	

#header {
	height: 170px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 670px;

	}

#topimage {
top:22px;
position:absolute;
left:178px;
}
#topimage2 {
left:415px;
top:10px;
position:absolute;
}
	
#logo {
	height: 152px;
	width: 178px;
	margin: 0px;
	padding: 0px;
	float: left;
background-color:#333;
background-image: url(http://www.vansoncranes.com/images/logos/vanson2.jpg);
	}
	
	
	
#flimconsole {
	width: 340px;
	background: #FFF;
	height: 121px;
	margin: 0px;
	position: absolute; 
	top: 0px;
	left: 340px;
	z-index: 1;
	}
	
#toplinks {
height:140px;
width:480px;
margin-bottom:10px;
float:left;
margin-top:-50px;
}
.topbox {
width:154px;
height:90px;
float:left;
margin-right:5px;
}
.topbox a {
font-family:Arial;
font-size:11px;
color:#777;
}
.topbox a {
font-family:Arial;
font-size:11px;
color:#777;
margin-top:5px;
font-weight:none;
}
.topbox img {
float:left;
margin-right:7px;
}
.toptitle {
font-size:11px;
font-family:arial;
font-weight:bold;
padding-bottom:2px;
padding-top:5px;
color:#0066cc;
}

/* Nav Section
-------------------------------------------------------------*/	
	
#navigation {
height: 31px;
width: 482px;
position:absolute;
background-color: #737371;
padding: 0px;
margin: 0px;
top:75px;
left:185px;
margin:0;
padding:0;

	}

.toptext {
position:absolute;
top:35px;
left:462px;
font-size:9px;
font-family:Arial;
width:200px;
color:#227ad2;
}
.toptext a {
text-decoration:underline;
color:#227ad2;
}
	
#navigation ul {
	margin: 2px 0px 0px 0px;
	/margin: 4px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	}
	
#navigation li {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	display: inline;
	}
	
#navigation img {
	float: right;
	}
	
#navigation a {
	color: #fff;
	text-decoration: none;
	padding: 0px 3px 0px 0px;
	}
	
#navigation a:hover {
	color: #333;
	text-decoration: none;
	padding: 0px 3px 0px 0px;
	}
	
#navigation .white {
	color: #FFF;
	font-weight: bold;
	}
	

/* Print Section
-------------------------------------------------------------*/	
	
#printsection {
	height: 43px;
	float: left;
	width: 482px;
	background: #FFF;
	}
	
#printsection p {
	font: 70%/1.5 Arial, Helvetica, sans-serif;
	color: #686864;
	margin: 6px 0px 0px 0px;
}

#printsection img {
	margin: 5px 5px -5px 0px;
	}
	
#printsection a {
	color: #686864;
	text-decoration: none;
	}
	
#printsection a:hover {
	color: #e8610d;
	text-decoration: none;
	}

/* Left Navigation
-------------------------------------------------------------*/	

#corenavigation {
	width: 93px;
	background: #fff url(/images/bg/cd.jpg) no-repeat 0px 87px;
	padding: 5px 45px 20px 40px;
	float: left;
	}
	
#corenavigation h1 {
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #06C;
	margin: 0px 0px 10px 0px;
	}
	
#corenavigation h2, #corenavigation h3, #corenavigation h4, #corenavigation h5, #corenavigation h6 {
	font: bold 70%/1.1 Arial, Helvetica, sans-serif;
	color: #06C;
	margin: 10px 0px 3px 0px;
	}
	
#corenavigation ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	}
	
#corenavigation li {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	}
	
#corenavigation p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #06C;
	margin: 0px 0px 10px 0px;
	}
	
#corenavigation a {
	color: #666;
	text-decoration: underline;
	}
	
#corenavigation a:hover {
	color: #e8610d;
	text-decoration: none;
	}
	
#corenavigation .strong {
	font-weight: bold;
	color: #666;
	}
	
/* Main Content
-------------------------------------------------------------*/	
	
#maincontent {
width: 492px;
background: #FFF;
float: left;
margin:0;
padding:0;
margin-top:-80px;
}	

.text {
	width: 482px;
	padding-top:30px;
	float: left;
	}

.text h1 {	
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #06c;
	margin: 0px 0px 0px 0px;
}

.text h2 {	
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 10px -10px 10px;
}

.text blockquote {	
	font: bold 125%/1.3 Arial, Helvetica, sans-serif;
	color: #06c;
	margin: 20px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.text p {	
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px0px 10px 10px;
}

.text a {
	color: #e8610d;
	text-decoration: underline;
	}
	
.text a:hover {
	color: #000;
	text-decoration: none;
	}
	
	
	.texthome {
	width: 482px;
	padding:0px 0px 0px 0px;
	float: left;
	}

.texthome h1 {	
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #06c;
	margin: 0px 0px 0px 0px;
}

.texthome h2 {	
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 10px -10px 10px;
}

.texthome blockquote {	
	font: bold 125%/1.3 Arial, Helvetica, sans-serif;
	color: #06c;
	margin: 20px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.texthome p {	
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px0px 10px 10px;
}

.texthome a {
	color: #e8610d;
	text-decoration: underline;
	}
	
.texthome a:hover {
	color: #000;
	text-decoration: none;
	}
	
#featuresection {
	width: 492px;
	
	float: left;
	background: #FFF;
	margin: 0px;
	padding: 0px;
padding-top:30px;
	}
	
/* Feature Boxes
-------------------------------------------------------------*/		
	
.featurebox {
	width: 115px;
	background: #a6a8a9;
	float: left;
	margin: 0px 6px 12px 0px;
	padding: 0px 0px 6px 0px;
	height: 135px;
	}
	
.featurebox	h1 {
margin: 0;
	padding:0;
	height: 40px;
	background: url(/images/bg/header.jpg) no-repeat top right;
	padding-top:10px;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #FFF;
text-align:center;
	}
	
.featurebox img {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin: 0;
	padding:0;
	}
	
.featurebox a {
margin:0;
padding:0;
	color: #FFF;
	text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width: 115px;
text-align:center;
float:left;
}
	
.featurebox a:hover {
	color: #CCC;
	text-decoration: underline;
	}
	
.largefeature {
	height: 128px;
	width: 492px;
	float: left;
margin-bottom:10px;
	}
.largefeatureimg {
	height: 128px;
	width: 492px;
	float: left;
	}	
	
.largeimage {
	margin: 0px 6px 0px 0px;
	float: left;
	}
	
.largefeaturetext {
	width: 216px;
	background: #e8610d url(/images/bg/orange.jpg) no-repeat top right;
	height: 113px;
	padding: 10px 10px 5px 10px;
	float: left;
	}
	
.largefeaturetext h1 {
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
}
	
.largefeaturetext p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 6px 0px 0px 0px;
	float: left
}
	
.largefeaturetext img {
	float: right;
	margin: -11px 0px 0px 5px;
	}
	
.largefeaturetext a {
	color: #FFF;
	text-decoration: underline;
	}
	
.largefeaturetext a:hover {
	color: #000;
	text-decoration: none;
	}
	
/* Main Feature Text
------------------------------------------------------------------*/
	
.mainfeaturetext {
	width: 338px;
	background: #e8610d url(/images/bg/orange.jpg) no-repeat top right;
	height: 127px;
	padding: 10px 10px 4px 10px;
	;
	float: left;
	}
	
.mainfeaturetext h1 {
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
}
	
.mainfeaturetext p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 6px 0px 0px 0px;
	float: left
}
	
.mainfeaturetext img {
	float: right;
	margin: 5px 0px 0px 0px;
	}
	
.mainfeaturetext a {
	color: #FFF;
	text-decoration: underline;
	}
	
.mainfeaturetext a:hover {
	color: #000;
	text-decoration: none;
	}	





	
	
/* Title Area
-------------------------------------------------------------*/	

.titlesection{
	height: 35px;
	float: left;
	width: 472px;
	background: #FFF;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.titlesection p {
	font: 70%/1.5 Arial, Helvetica, sans-serif;
	color: #686864;
	margin: 0px 0px 0px 0px;
}

.titlesection img {
	margin: 5px 5px -5px 0px;
	}
	
.titlesection a {
	color: #686864;
	text-decoration: none;
	}
	
.titlesection a:hover {
	color: #e8610d;
	text-decoration: none;
	}
	
/* Form
-------------------------------------------------------------*/	

form {
	margin: 0px;
	padding: 20px 0px 30px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	
label{
	float: left;
	width: 150px;
	font: bold 70%/1.1 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 10px 10px 10px;
}

label.tickbox {
	float: left;
	width: 320px;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 10px 0px 10px;
}

input, textarea, select {
	width: 180px;
	margin-bottom: 5px;
	font: 70%/1.1 Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #CCC;
	background: #EEE;
	padding: 3px
}

textarea{
	height: 100px;
}

select {
	width: 187px;
	}

.boxes{
	width: 1em;

	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #600;
	border: none;
	background: #FFF;
	padding: 0px
}

.submit{
	width: 100px;
	font: bold 70%/1.5 Arial, Helvetica, sans-serif;
	color: #FFF;
	border: none;
	background: #e8610d;
	padding: 0px;
	margin: 10px 0px 0px 170px;
	cursor: pointer;
	cursor: hand
}

br {
	clear: left
	}
	

	
/* Footer
-------------------------------------------------------------*/	
	
#footer {
	float: left;
	padding: 10px 0px 0px 0px;
	height: 25px;
	text-align: center;
	background: #f2efe1;
	width: 100%
	}
	
#footer p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px;
	}
	
#footer a {
	color: #333;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #e8610d;
	text-decoration: none;
	}

.categorybox
{
	background-color: #ededed;
	height: 48px;
	width: 467px;
	border-bottom: 1px solid #666;
}

.itembox
{
	height: 87px;
	width: 467px;
	border-bottom: 1px solid #666;
}

.gallery a
{
	background-color: #e2e2e2;
	display:block;
	text-decoration: none;
}

.gallery a:visited
{
	background-color: #e2e2e2;
	display:block;
	text-decoration: none;
}

.gallery a:hover
{
	background-color: #f16820;
	color: #fff;
	text-decoration: none;
}

.gallery {
	width: 467px;
	padding: 10px 10px 0px 0px;
	float: left;
	}

.gallery h1 {	
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #06c;
	margin: 20px 10px 0px 10px;
}

.gallery h2 {	
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 10px -10px 10px;
}

.gallery p {	
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 10px 10px 10px;
}

.itembox .thumb
{
	float: left;
	margin: 18px 18px 0px 18px;
	border: 1px solid #fff;
}

.gallerylinkimage
{
	padding: 0px 10px 0px 10px;
}

.newslinkimage
{
	padding: 0px 10px 0px 10px;
}
.featurelink a {
float:left;
padding-top:7px;
height:26px;
}
.featurelink1 a {
float:left;
margin-top:-10px;
height:40px;
padding-top:10px;
}