/* AMVIC WALL SYSTEMS LTD MASTER STYLESHEET
	Created: 18 September 2009
	Author: richard@budd7.co.uk
	Copyright: BUDD 7 

	Status: What shall I have for lunch...?

/*-------------------------------------------------------------------------*/


/*  1.  BASICS AND RESETS
-------------------------------------------------------------------------*/

* { padding: 0; margin: 0; border: none; }

html { font-size:100%; }

.hide, .hide_me, #footer div.adr { position: absolute; top: -10000px; }

a:link, a:visited { color:#466d7b; text-decoration:underline; font-weight:normal; }

a:hover, a:focus, a:active  { color:#e05a00; text-decoration:underline; }

body { 
	margin:10px 0 0 0;
	color: #444444; 
	font: 11px normal, verdana, arial, helvetica, sans-serif; 
	background: #a9a9a9 url('../images/bkg-amvbody.jpg') left top repeat-x; 
	}

h1 a {display:block; border:0px solid red; width:397px; height:80px; position:absolute; top:25px; left:0px; text-decoration:none; }



/*  2.  MAIN STRUCTURAL ELEMENTS
-------------------------------------------------------------------------*/

#container { margin: 0 auto; position: relative; text-align: left; width: 770px; background-color:#ffffff; }

#header { background: #232323 url("../images/bkg-header.jpg") left top no-repeat; display: block; 
	height: 130px; 
	position:relative;  
	margin-top: 0px; 
	}

#columns { width:770px; margin-top:25px; }

#main_content {
	float:right;
	position:relative;
	width:505px;
	margin:0; margin-bottom:30px;
	line-height: 150%;
	}

#sub_content {
	float:left;
	position:relative;
	width:225px;					
	margin:275px 0 30px 25px;
	font-size: 11px;
	}

#footer { background: #222222 url('../images/amvic_logo_footer.png') 26px 23px no-repeat; 
	display: block; 
	clear:both; 
	position:relative; 
	}
	
#subfooter {margin-left: 73px; background: #222222 url('../images/other-footer-logos.jpg') 300px 14px no-repeat; }


/*  3.  THE HEADER 'TABBED' NAV
-------------------------------------------------------------------------*/

#nav {
	float:right;
	position:relative;
	border:0px solid #fff;		/* for position testing */
	margin:-30px 20px 0 0;			/* lifts the margin up and over the header */
	}

#nav ul {
	list-style-type:none;
	margin:0px 0px 0 0px;
	text-align:right;
	}

#nav li {
	display:inline;
	}

#nav a:link, #nav a:visited, #nav a:active {
	display:block;
	float:left;
	border:0px solid #000;		/* for position testing */
	text-align:center;
	text-decoration:none;
	color:#eeeeee;
	line-height:30px;
	vertical-align:middle;
	margin:0;
	width:90px;
	background: transparent url('../images/bkg-header-nav-off.jpg') left top no-repeat;
	}

#nav a.active { 
	color:#466d7b!important; 
	background: transparent url('../images/bkg-header-nav-on.jpg') left top no-repeat!important; 
	}

#nav a:hover, #nav a:focus {
	text-decoration: underline;
	color:#ffffff;
	}


/*  FORMATTING
-------------------------------------------------------------------------*/

#right {
	float:right;
	position:relative;
	}

blockquote {
	padding-left:15px;
	padding-right: 15px;
	}

#columns p, #columns h3 {
	padding: 0 0 20px 0;
	}

#columns li {
	margin:0 0 0 10px;
	padding: 0 0 5px 0px;
	}

#main_content li {
	margin:0 0 0 10px;
	padding: 0 0 15px 0px;
	}

#sub_content h3 {
	display:block;
	width: 195px;
	height: 38px;
	padding:0;
	margin-bottom:0;
	}

#sub_content ul {
	list-style-type:square;
	margin-left:10px;
	}

#flash_video {
	background: url("../images/mov_preview_bg.gif") left top no-repeat;
	padding: 18px 0 18px 17px;
	}

#float-right { float:right; width:200px; margin: 0 20px;}


#page_picture .picture_link, #page_picture2 .picture_link, #main_content .picture_link {
	position:relative;
	top:225px;
	color:#FFFFFF;
	text-align:right;
	display:block;
	padding:0 15px 0 0;
	}

#main_content h3 {
	display:block;
	width:465px;
	background: #ffffff url("../xximages/bkg-amvheaders.jpg") left top no-repeat;
	color:#466d7b;
	padding:10px 0 5px 0px;
	margin: 20px 0 15px 15px;
	font-size:16px;
	border-bottom:1px solid #466d7b;
	}

#main_content h3 span {	/* this controls the RSS logo on the homepage*/
	position:relative;
	float:right;
	border: 0px solid #cccccc;	/* for positional ref */
	margin: -14px 30px 0 0;
	}

#main_content p, #main_content h4 {
	padding-left:15px;
	padding-right: 24px;
	}

#main_content ul, #main_content ol {
	padding:0 0 20px 30px;
	margin:0 20px 0 0;
	}

#main_content h4 { padding-bottom:15px; color:#466d7b; font-size:14px;} 

#footer p { padding: 20px 20px 0px 20px; font-size:10px; }



/*  ENQUIRY FORM
-------------------------------------------------------------------------*/

#search_box fieldset { padding:0; margin:0; border:1px solid #000; width:300px;}

#main_content input.field { 
	padding:3px 3px 1px 3px; width:175px; margin:0 0 8px 0; 
	border:1px solid #e7e7e7; 
	background:#ffffff url(../images/input_bg.jpg) no-repeat left top; 
	color:#666666; 
	font-size:10px;
	}

#main_content textarea.field { 
	padding:3px 3px 1px 3px; 
	width:175px; 
	height:40px; 
	margin:0 0 8px 0; 
	border:1px solid #e7e7e7; 
	background:#ffffff url(../images/input_bg.jpg) no-repeat left top; 
	color:#666666; 
	font-family:Tahoma, Arial, Helvetica, Verdana, SansSerif;
	}

#main_content label { 
	padding:0px; 
	float:left; 
	width:90px; 
	margin:0 10px 0 0; 
	display:block; 
	text-align:right; 
	color:#333333; 
	border:0px solid #000000;
	}

#main_content input.button {
	margin:0px 10px 0 0px; 
	background-color:#666666; 
	border:0px solid #000000; 
	color:#ffffff; 
	cursor:pointer; 
	font-size:1em; 
	padding:2px;
	}

.button_align { margin-left:100px;}

.radio_button { margin:5px 3px 0 6px;}

.radio_description {margin:50px 0 0 0px;}



/*  MAIN ENQUIRY FORM
-------------------------------------------------------------------------*/

#aiform fieldset  {
	border:1px solid #cccccc;
	padding:20px 10px 15px 10px;
	margin:0 15px 20px 15px;
	width:440px;
	background-color:#eeeeee;
}

#aiform legend {
	padding:0 5px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:white;
	border:1px solid #cccccc;
	padding:3px;
}

#aiform label {
	display:block;
	float:left;
	width:150px;
	padding: 2px 0 2px 20px;
	text-align:right;
	border:0px solid #ccc;		/* position testing */
}

#aiform input.enq_form, #aiform textarea {
	padding:2px 3px 2px 3px; 
	width:230px; 
	margin:0 0 8px 10px; 
	border:1px solid #C7CFD3;
	font:12px verdana, tahoma, arial, sans-serif;
	color:#000000;
}

#aiform textarea {
	height:80px;
}

#aiform select.enq_form {
	padding:2px 3px 2px 3px; 
	width:230px; 
	margin:0 0 8px 10px; 
	border:1px solid #C7CFD3;
	font:12px verdana, tahoma, arial, sans-serif;
	background: url('../images/inputbg_white.gif') left top repeat;
	color:#000000;
	width:178px;
}

.main { float:left; position: relative; left:10px; font-size:12px!important; text-transform:uppercase; }



/*  ESTIMATOR ENQUIRY FORM
-------------------------------------------------------------------------*/
#totals fieldset { background-color:#cccccc!important; border:1px solid #999999; }
#totals legend, #totals input { border:1px solid #999999; }

#estimator_howtouse h3, #estimator_howtouse p { width:200px;  }
#estimator_howtouse h3 { margin-bottom:-10px; margin-top:25px; color:#466d7b; font-size: 14px; }

	
/*  SIDE COL SUB CONTENT
-------------------------------------------------------------------------*/
#sidenav, #sub_content_box, #sub_content_box1, #side_advert {
margin:0; padding:0;
text-transform:uppercase;
border:1px solid #e4e4e4;
width:225px;
}

#sidenav h4 { margin:0; padding:7px 0 7px 10px; background-color:#466d7b; color:#ffffff; font-size:11px; }

#sidenav ul {margin:0px; padding:0;list-style-type:none;}

#sidenav li { text-indent:0; margin:0; padding:0; border-top: 1px solid #cccccc; }

#sidenav li a:link, 
#sidenav li a:visited, 
#sub_content_box a:link, 
#sub_content_box a:visited, 
#sub_content_box1 a:link, 
#sub_content_box1 a:visited, 
#side_advert a:link, 
#side_advert a:visited { color:#333333; display:block; background-color:#f4f4f4; text-decoration:none; }

#sidenav li a:hover, 
#sidenav li a:focus, 
#sub_content_box a:hover, 
#sub_content_box a:focus, 
#sub_content_box1 a:hover, 
#sub_content_box1 a:focus, 
#side_advert a:hover, 
#side_advert a:focus  { color:#232323; display:block; background-color:#cccccc; text-decoration:none; }

#sidenav a, 
#sub_content_box a, 
#sub_content_box1 a, 
#side_advert a { padding:5px 0 5px 10px; font-weight: normal;}

#sub_content_box, 
#sub_content_box1, 
#side_advert { margin-top:25px; padding-top:115px; }



/*  GENERIC CLASSES
-------------------------------------------------------------------------*/

acronym { text-decoration:underline; cursor:help; }

div.downloadable {
	display:block;
	width:418px;
	height:76px;
	background: transparent url('../images/bkg-downloads.jpg') left top no-repeat;
	margin:0 0 20px 14px;
	padding:7px 25px;
	}
div.downloadable img { margin-right:20px; border:2px solid #666; }
div.downloadable p { margin-top:20px; color:#000000; }
div.downloadable p span { margin-top:25px; color:#ffffff; }

div.gallery {
	display:block;
	width:418px;
	height:74px;
	background: transparent url('../images/bkg-gallery.jpg') left top no-repeat;
	margin:0 0 20px 14px;
	padding:8px 25px;
	}
div.gallery img { margin-right:20px; border:1px solid white; }
div.gallery p { margin-top:17px; color:#000000; }
div.gallery p span {  color:#ffffff; }



.vcard { 
	text-align: left; 
	font: 11px normal, verdana, tahoma, sans-serif;
	color:#999999;
	padding-top:20px; padding-left:0px;
	margin-bottom:0px; margin-left:10px;
}

.vcard h4 { font-size:12px;} 


.clear { clear:both; float:left; }

.left_img { border:3px solid #ffffff; margin: 5px 10px 5px 10px; }

.right_img { border:3px solid #ffffff; margin: 5px 10px 5px 10px; }

.link { padding-bottom:15px; }

#budd a {
	display:block;
	position:relative;
	float:left;
	left:682px;
	top:17px;
	width:40px;
	height:15px;
	cursor:pointer;
	background-color: transparent;
	}