/* CSS style sheet and page design copyrighted &copy by Balmain DESIGN. www.balmainpdesign.com  */



/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes dotted borer on links in Firefox */
a{outline:none;}

html {
min-height: 101%;}

/* layout css */

body {
	text-align: center;
	background-color: #010000;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%; 
	line-height: 1.4em;
	background-repeat: repeat-x;
	background-image: url(../images/bg.png);}

#wrapper {
	width:960px;
	margin: 0 auto;
	text-align: left;}

#header {
	background-repeat: no-repeat;
	background-image: url(../images/header.jpg);
	height:250px;}

	/* TopNav Styles begin */

ul#topnav {
	width:480px;
	height:60px;
	list-style:none;
	margin:-15px 0 0 80px;
	position:absolute;
	padding:0;
	border-bottom:1px ridge #ccc;}

	/* Float LI Elements - horizontal display */
ul#topnav  li {
	float:left;}

	/* Link - common attributes */
ul#topnav  li a {
	background: transparent url('../images/nav_sprite.png') no-repeat top left;
	display:block;
	height:60px;
	position:relative;}

	/* Specify width and background position attributes specifically for the class: "home" */
ul#topnav  li a.home {
	width:120px;}

	/* Specify width and background position attributes specifically for the class: "about" */
ul#topnav  li a.about {
	width:120px;
	background-position:-120px 0px;}

    /* Specify width and background position attributes specifically for the class: "landcruisers" */
ul#topnav  li a.landcruisers{
	width:120px;
	background-position:-240px 0px;}

   /* Specify width and background position attributes specifically for the class: "contact" */
ul#topnav  li a.contact {
	width:120px;
	background-position:-360px 0px;}	

    /* Span (on hover) - common attributes */
ul#topnav  li a span {
	background: transparent url('../images/nav_sprite.png') no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:60px;
	width:100%;
	z-index:100;}

	/* Span (on hover) - display pointer */
ul#topnav  li a span:hover {
	cursor:pointer;}

	/* Shift background position on hover for the class: "home" */
ul#topnav  li a.home span {
	background-position:0px -60px;}

	/* Shift background position on hover for the class: "about" */
ul#topnav  li a.about span {
	background-position:-120px -60px;}

    /* Shift background position on hover for the class: "landcruisers" */
ul#topnav  li a.landcruisers span {
	background-position:-240px -60px;}

   /* Shift background position on hover for the class: "contact" */
		ul#topnav  li a.contact span {
	background-position:-360px -60px;}
	
	/* Typography */
	
h1{	color: #333333;
	font-family: Georgia, Serif;
	font-size:1.3em;}

h2{	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:1.2em;}

h3{	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:1.0em;}

h4{	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:.9em;}

   
	/* Content */

#content {
	width:960px;
	background:url(../images/steel_bg.jpg) repeat-y;}

#mainColumn {
	margin-top:60px;
	width:630px;
	float:left;}
	
#mainColumn p{
	padding:0 30px 10px 40px;
	font-size:.9em;}

#mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4{
	padding:0 30px 10px 40px;}
	
#sideBar{
	width: 320px;
	float:right;}
	
#sideBar h2{
	width:275px;
	height:150px;
	background:url(../images/sparks_head.jpg) no-repeat;
	margin-left:10px;
	text-indent:-90000px;}
	
.sideBarUppertext{
	padding:0 40px 20px 20px;
	font-size:1.0em;
	line-height:1.2em;
	font-variant:small-caps;
	text-align:justify;
	background: url(../images/sideBarLine.png) no-repeat bottom center;}
	
.sidebarLowerParagraph {
	font-size:.8em;
}
	
.photoThanks{
	padding:20px 40px 10px 20px;
	font-size:.75em;
	line-height:1.2em;}
	
#sideBar h3, #sideBar h4{
	padding:20px 40px 10px 0px;}
		
.clearFloats{
	clear:both;}
	
.aboutList{
	margin-top:20px;
	padding:0 0 20px 60px;
	background:url(../images/welding2.jpg) no-repeat top right;
	height:430px;
	width:510px;}
	
.aboutList li{
	font-size:.9em;
	font-weight:bold;
	color:#333;
	list-style-type:square;}
	
	/* dropmain menu */

#dropmenu ul{
	padding:20px 0 30px 30px;
	font-size:.9em;
	font-weight:bold;}

#dropmenu ul ul {
	display:none;}

#dropmenu li.active ul { 
	display:block;}

#dropmenu ul li a{
	color:#48290d;
	text-decoration:underline;}

#dropmenu ul li a:active{
	color:#48290d;
	text-decoration:none;}

#dropmenu ul li a:hover{
	text-decoration:none;
	color:#48290d;}

#dropmenu ul li a:visted{
	color:#48290d;
	text-decoration:none;}

#dropmenu ul li ul{
	padding:3px 0 3px 20px;}

#last{
	padding-bottom:40px;}
	
	
	/* Contact US: eForm Styles */

form{
	width:400px;
	padding:0 0 30px 80px;}

form p{
	padding-left:0}

legend{
	font-weight:bold;
	color: #333;
	padding: 0 5px 0 5px;}

fieldset{
	padding:15px;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	background: url(../images/form_bg.gif) repeat-x bottom left #fff;}

label{
	display:block;
	line-height: 1.75em;
	padding-left:10px;
	font-size:.8em;}

input{
	width:200px;
	margin-left:10px}

textarea{
	width:300px;
	height:100px;
	margin-left:10px}

input#cfContact.button{
	width:12em}
	
	
	/* Breadcrumbs */

.B_crumbBox{
	padding-left:70px;
	color: #666;}

.B_crumbBox a:link{
	color: #666;
	font-size:.7em;
	border:none;}

.B_firstCrumb a:link{
	color: #666;
	font-size:.7em;
	border:none;}

.B_firstCrumb a:visited{
	color: #666;
	font-size:.7em;
	border:none;}

#left_column .B_firstCrumb a{
	color:#666;}

.B_firstCrumb a:active{
	color: #666;
	font-size:.7em;
	border:none;}

.B_homeCrumb{
	color: #666;
	font-size:.7em;
	border:none;}

.B_crumb{
	color: #666;
	font-size:.7em;
	border:none;}

#left_column a.B_crumb {
	color: #666;
	font-size:.7em;
	border:none;}

.B_currentCrumb{
	color: #666;
	font-size:.8em;
	border:none;}

.B_lastCrumb{
	color: #666;
	font-size:.8em;
	border:none;}
	
	/* Land Cruiser models for Land Cruiser page */
	
#cruiserModel_40{
	width:250px;
	background:url(../images/cruiserModel_40.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
	
#cruiserModel_45{
	width:250px;
	background:url(../images/cruiserModel_45.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
	
#cruiserModel_55{
	width:250px;
	background:url(../images/cruiserModel_55.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
	
#cruiserModel_60{
	width:250px;
	background:url(../images/cruiserModel_60.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
	
#cruiserModel_62{
	width:250px;
	background:url(../images/cruiserModel_62.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
		
#cruiserModel_80{
	width:250px;
	background:url(../images/cruiserModel_80.jpg) no-repeat #ffffff top left;
	float:left;
	margin:0 0 30px 40px;}
	
.cruiserModel_list{
	width:220px;
	padding:70px 30px 10px 20px;}
	
.cruiserModel_list li{
	font-size:.8em;
	color:#333;}
	
   /* Image large photos Positioning */

.imageLeft{
	padding:0 30px 20px 40px;}
	
.imageRight{
	padding:0 10px 20px 10px;
	float:right;}
	
.sidebarLowerphoto_image{
	padding: 20px 0 0 10px;}
	
.thumbscontainer{	
	background: url('../images/thumbsContainer.png') no-repeat top left;
	padding:20px 0 0 0;
	margin-left:60px;
	width:500px;}
	
	
	/* Ditto Post Styles */
	

.ditto_item{
	padding: 0 90px 20px 70px;}
	
.ditto_item h3 a{
	color:#48290d;
	font-size:.8em;}
	
.ditto_item h3 a:active{
	color:#48290d;
	text-decoration:underline;}
		
.ditto_item h3 a:visited{
	color:#48290d;
	text-decoration:underline;}
			
.ditto_item h3 a:hover{
	color:#48290d;
	text-decoration:none;}
	
.ditto_summary{
	font-size:.8em;}
	
.ditto_link a{
	color:#48290d;
	font-size:.8em;}
	
.ditto_link a:active{
	color:#48290d;
	text-decoration:underline;}
	
.ditto_link a:visted{
	color:#48290d;
	text-decoration:underline;}
	
.ditto_link a:hover{
	color:#48290d;
	text-decoration:none;}
	
	/* Product List */
	
.product_list{
	padding:0 0 20px 60px;
	width:500px;}
	
.product_list li{
	font-size:.9em;
	list-style:square;
	padding-bottom:10px;
	}
	
.productImage{
	padding: 0 10px 0 0;
	position:inherit;
	
	}



	/* Fancybox for image gallery styles */


div#fancy_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 30;}

div#fancy_loading {
		position: absolute;
		height: 40px;
		width: 40px;
		cursor: pointer;
		display: none;
		overflow: hidden;
		background: transparent;
		z-index: 100;}

div#fancy_loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;}

div#fancy_outer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
	 	padding: 20px 20px 40px 20px;
		margin: 0;
		background: transparent;
		display: none;}

div#fancy_inner {
		position: relative;
		width:100%;
		height:100%;
		background: #FFF;}

div#fancy_content {
		margin: 0;
		z-index: 100;
		position: absolute;}

div#fancy_div {
		background: #000;
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 100;}

img#fancy_img {
		position: absolute;
		top: 0;
		left: 0;
		border:0; 
		padding: 0; 
		margin: 0;
		z-index: 100;
		width: 100%;
		height: 100%;}

div#fancy_close {
		position: absolute;
		top: -12px;
		right: -15px;
		height: 30px;
		width: 30px;
		background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		z-index: 181;
		display: none;}

#fancy_frame {
		position: relative;
		width: 100%;
		height: 100%;
		display: none;}

#fancy_ajax {
		width: 100%;
		height: 100%;
		overflow: auto;}

a#fancy_left, a#fancy_right {
		position: absolute; 
		bottom: 0px; 
		height: 100%; 
		width: 35%; 
		cursor: pointer;
		z-index: 111; 
		display: none;
		background-image: url("data:image/gif;base64,AAAA");
		outline: none;
		overflow: hidden;}

a#fancy_left {
		left: 0px;}

a#fancy_right {
		right: 0px;}

span.fancy_ico {
		position: absolute; 
		top: 90%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		z-index: 112; 
		cursor: pointer;
		display: block;}

span#fancy_left_ico {
		left: -9999px;
		background: transparent url('../images/fancybox/fancy_left.png') no-repeat;}

span#fancy_right_ico {
		right: -9999px;
		background: transparent url('../images/fancybox/fancy_right.png') no-repeat;}

a#fancy_left:hover, a#fancy_right:hover {
		visibility: visible;
		background-color: transparent;}

a#fancy_left:hover span {
		left: 20px;}

a#fancy_right:hover span {
		right: 20px;}

#fancy_bigIframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;}

div#fancy_bg {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;}

div.fancy_bg {
		position: absolute;
		display: block;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;}

div#fancy_bg_n {
		top: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;}

div#fancy_bg_ne {
		top: -20px;
		right: -20px;
		width: 20px;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;}

div#fancy_bg_e {
		right: -20px;
		height: 100%;
		width: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;}

div#fancy_bg_se {
		bottom: -20px;
		right: -20px;
		width: 20px;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;}

div#fancy_bg_s {
		bottom: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;}

div#fancy_bg_sw {
		bottom: -20px;
		left: -20px;
		width: 20px;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;}

div#fancy_bg_w {
		left: -20px;
		height: 100%;
		width: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;}

div#fancy_bg_nw {
		top: -20px;
		left: -20px;
		width: 20px;
		height: 20px;
		background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;}

div#fancy_title {
		position: absolute;
		z-index: 100;
		display: none;}

div#fancy_title div {
		color: #fff;
		font: bold 12px Arial;
		padding-bottom: 3px;
		white-space: nowrap;}

div#fancy_title table {
		margin: 0 auto;}

div#fancy_title table td {
		padding: 0;
		vertical-align: middle;}

td#fancy_title_left {
		height: 32px;
		width: 15px;
		background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;}

td#fancy_title_main {
		height: 32px;
		background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;}

td#fancy_title_right {
		height: 32px;
		width: 15px;
		background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;}
	
   /* Footer */
	
#footer{
	text-align:center;
	padding-bottom:25px;
	margin:30px 0 20px 0;
	background:url(../images/footer.png) no-repeat top center;}

#footer p{
	font-size:.7em;
	color:#333333;
	line-height: 1.2em;
	padding:30px 60px 10px 80px;}
	
#footer p a:link{
	color:#666;
	text-decoration:underline;}
	
#footer p a:visited{
	color:#666;
	text-decoration:underline;}

#footer p a:hover{
	color:#666;
	text-decoration:none;}

#footer p a:active{
	color:#666;
	text-decoration:underline;}