@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Access Security and Control Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background: url(/images/background.jpg) repeat-x;
	color: #000000;	
	text-align:center;
}
#wrapper{ 
	width: 800px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:5px auto; 
	background-color: #FFFFFF;
	/*border:solid 1px #b9882b;*/
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 12px; /* Equivalent to 12pt */	
}
input, textarea, select{border:solid 1px #cecece;}

/* Header
-----------------------------------------------------------------------------*/
#branding{
	height:60px;
}
#branding h1{
	text-indent:-9999px;
	width:800px;
	height:60px;
	background:no-repeat top left url(../images/asc-logo.jpg);
	background-color:#b9882b;
}


/* Navigation
-----------------------------------------------------------------------------*/
/*Top navigation*/
#navMain{
	width:790px;
	height:30px;
	background:repeat-x top url(../images/menu-bkg.jpg);
	border-top:solid 1px #fff;
	border-bottom:solid 1px #dcdbd7;
	padding:0 10px 0 0;
}
#navMain li{
	width:70px;
	height:30px;
	float:left;
	list-style:none;
}
#navMain li a{
	height:30px;
	display:block;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#a8a9ab;
	margin-top:-10px;
}
#navMain li a:hover{color:#fff}
#navMain li.navHome{width:60px}
#navMain li.navAbout{width:80px}
#navMain li.navEmployment{width:100px}
#navMain li.navProjects{width:80px}
#navMain li.navLogin{width:100px}
#navMain li.navContact{width:90px}
/*Image under navMain*/
#navPic{
	width:100%;
	height:95px;
	background:no-repeat left top url(../images/navpic.jpg);
}
/*Left Side navigation*/
#navSub{
	clear:both;
	width:210px;
	float:left;
	margin-top:-39px;
}
#navSub li{
	width:210px;
	list-style:none;
	margin-left:-17px;
}
#navSub li a{
	display:block;
	height:20px;
	width:190px;
	border-bottom:solid 1px #e2e3e5;
	text-transform:uppercase;
	text-decoration:none;
	color:#ba872b;
	padding-left:20px;
	font-size:10px;
	line-height:23px;
	margin-left:-1px;
}
#navSub li ul{
	margin:0;
}
#navSub li li{
	height:20px;
}
#navSub li li a{
	display:block;
	height:20px;
	width:180px;
	color:#5a595e;
	padding-left:30px;
	margin-left:16px;
}
#navSub li li.commercial a{
	padding-left:40px;
	width:170px;
}
/* Search
-----------------------------------------------------------------------------*/
#siteSearch{
	width:100%;
	height:40px;
	text-align:right;
	border-bottom:solid 1px #e2e3e5;
	background:repeat-x top url(../images/search-bkg.jpg);
}
#siteSearch input.cat_textbox_small{
	height:18px;
	width:190px;
	border:1px solid #e2e3e5;
	border-top-color:#8e8e8e;
	margin-top:0;
}
#siteSearch input.cat_button{
	background-color:#f3f3f3;
	border:2px solid #fbfbfb;
	border-bottom-color:#969696;
	border-right-color:#969696;
	height:26px;
	width:54px;
	margin-top:2px;
}
/* Content
-----------------------------------------------------------------------------*/
#content{
	width:500px;
	float:left;
	padding:25px 40px;
	color:#666;
}
#content ul.address li{
	list-style:none;
}
#content h2{
	font:bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#ba872b;
}
#content h3{
	font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#ba872b;
}
#content h4{
	font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom:1em;
}
#content p{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
#content li{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	list-style:disc;
}
#content img.right{
	clear:both;
	float:right;
	margin:0 0 1em 1em;
}
#content p.caption{
	clear:both; 
	float:right;
}
#content img.left{
	clear:both;
	float:left;
	margin:0 1em 1em 0;
}
/*swing Gates*/
#content #resSwingGateImg{
	margin-bottom:20px;
}
#content #beforeInstallation{
	float:right;
	width:300px;
	margin:0 0 5px 10px;
}
#swingTwist, #swingPower{
	margin:10px 40px 10px 0;
	width:150px;
	height:115px;
	float:left;
}
#swingJunior, #swing180-4{
	margin:10px 0 10px 60px;
	width:150px;
	height:115px;
	float:left;
}
#swingGates div p{
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}
/*Slide Gates*/
#slideGateComponentsImage{
	width:225px;
	float:left;
}
#at600SliderImage{
	width:136px;
	float:left;
	margin-left:80px;
}
#slideGateComponentsImage p, #at600SliderImage p{
	text-align:center;
}
#content h3{
	clear:left;
}
/*Hi-Speed Bi-folding Gates*/
#bfgMovie{
	margin:1em 0 3em 0;
}

/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	clear:both;
	height:25px;
	width:100%;
	background:repeat-x top url(../images/footer-bkg.jpg);
	border-top:3px solid #b9882b;
	color:#999;
	text-align:center;
	padding-top:10px;
}
#pageInfo a{
	color:#999;
}
#pageInfo a:hover{
	color:#b9882b;
}