/*
 * -----Layout CSS-------
 * CSS default project file
 * aab-web - 2009
 * 
 * author: Aram Balakjian
 * date: 29th January 2009
 * 
 * Layout for Multisigns Ltd: www.musltisignsltd.com
 * 
*/
/********************************
*
* Reset
*
*********************************/
* {
	margin: 0;
	padding: 0;
}
/********************************
*
* 	Utilities
*
*********************************/
.clear{
	clear:both;
}
.hidden {
	display:none;
}
a span{
	display:none;
	}
/********************************
*
* 	Containers
*
*********************************/
html {
	background: #000 url(../images/MagicalLights.jpg) no-repeat center top;
}
	body {
		color: #333;
	 	font-size: 62.5%; 
	 	margin-bottom: 40px;
		font-family: Verdana, Lucida, sans-serif; 
	}
		#globalContainer { /*contains everything */
			width: 900px;
			margin: 0 auto;
		}	
/********************************
*
* 	Navbar
*
*********************************/
#navbar {
	width: 900px;
	height: 76px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
}
#navbar a.homeLink{ 
	 	width: 397px; 
		height: 76px;
		overflow: hidden;
		display:block;
		background: url(../images/Logo.gif) no-repeat top left;
		float:left;
	}
	#navbar a.homeLink span { 
			display:none;
		}
#navbar ul { 
 	float: right; 
	margin-top: 28px;
	}
	#navbar ul li { 
	 	list-style: none; 
		margin: 0 2px; 
		float: left;
		line-height: 2.8em;
		display: block;
		
		}
	#navbar ul li a { 
		width: 119px;
		height: 31px;
		float: left;
		text-align:center;
		padding-top: 4px;
		text-decoration: none;
		display: block; 
		font-size: 1.6em; 
		color: #edd73b;
		border: 1px solid #bd1e1d;
		}

	#navbar ul li a:hover { 
		border: 1px solid #edd73b;
		}		
	#navbar ul li a.section{ 
		color: #bd1e1d;
		background: #edd73b;
		border: 1px solid #bd1e1d;
		}

/********************************
*
* 	Layout Wrappers
*
*********************************/
#layout {	/* contains sidebar & content */
	width: 900px;
	clear: both;
	margin: 40px auto 40px auto;
	text-align: left;
}
#content {
	width: 580px;
	float: right; 	
	margin: 0 45px 0px 0;
	text-align: left;
}
/********************************
*
* 	Sidebar
*
*********************************/
ul#menu2 {
	margin: 0;
	width: 220px; 
	float: left;  
		}
		ul#menu2 li {
			margin: 0 0 5px 0px;
			list-style: none;
			}
			ul#menu2 li a {
				font-style: normal;
				display: block;
				width: 210px;
				font-size: 1.3em;
				height: 1.6em;
				text-decoration:none;
				padding: 6px 0 2px 9px;
				border: 1px solid #bd1e1d;
				color: #edd73b;
				}
				ul#menu2 li a:hover{
					border: 1px solid #edd73b;
					}
				ul#menu2 li a.current{
					color: #bd1e1d;
					background: #edd73b;
					border: 1px solid #bd1e1d;
					}						
/********************************
*
* 	Footer
*
*********************************/
#footer { 
 	clear: both;  
	width: 900px; 
	border-top: 1px solid #bd1e1d;
	text-align: right; 
	}
  	#footer p { 
		color: #a1e03a;
		font-size: 1.1em;
		float: left;
		margin-top: 0.5em;	
		}
  	#footer a { 
	   	color: #edd73b;
	   	text-decoration: none;
		}
	#footer a:hover {
		text-decoration: underline;
		}
		#footer a.map {
			display:block; 
			float:right;
			margin: 8px 0 0 5px;
			width:42px;
			height:23px;
			background: url(../images/Map.png) no-repeat;
			}
			#footer a.map:hover{
				background-position: 0 -23px;;
				} 
		#footer a.map span{
			display:none; 
			}
#footer p.address{
	float:right;
	width:350px;
	}
#footer p.tel{
	float:right;
	font-size: 2em;
	width:350px;
	margin-right: 10px;
	margin-top:5px;
	}
/********************************
*
* 	Home Page.
*
************************************/
#welcomeBlurb {
	width:557px;
	height: 160px;
	float:left;
	}
	#welcomeBlurb p{
		font-size:1.5em;
		text-align:justify;
		line-height:1.4em;
		}
#bwImages {
	width:565px;
	height: 120px;
	clear:left;
	float:left;
	}
	#bwImages img{	
		margin-right:10px;
		border: solid 1px #c6201f; 
		}
#latestNews {
	width: 300px;
	float:right;
	}
/********************************
*
* 	Services Page
*
************************************/
a#brochure{
	width:110px;
	height:102px;
	background: url(../images/BrochureTrans.png) no-repeat top left;
	display:block;
	margin-top: 20px;
}
	a#brochure:hover{
		background-position: 0 -102px;
	}
		a#brochure span{
			display:none;
		}
a.getQuote{
	background: url(../images/GetQuote.gif) no-repeat;
	display:block;
	width:119px;
	height:21px;
	float:right;
	margin: 20px 20px 0 0;
}
	a.getQuote:hover{
		background-position:  0 -21px;
		}
/********************************
*
* 	Quicks Services accordion.
*
************************************/
#accordion {
	margin: 0 0 30px 0px;
	height: 250px;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 133px;
	height: 235px;	
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 10.5px; /*Set to same as spacing option. */	
	float: left;
	border: solid 1px #c6201f; 
}
.kwicks.horizontal li:hover {
	cursor:pointer;
	border-color: #edd73b; 
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}
.kwicks.horizontal li.active{
	cursor: default;
	border-color: #edd73b; 
	}
.kwicks li a{
	display:block;
	position:absolute;
	margin: 205px 0px 0 290px;
	width: 119px;
	height:18px;
	background: url(../images/Enlarge.png) no-repeat;
}
	.kwicks li a:hover{
		background-position:  0 -18px;
		}
.kwicks li a.moreLink{
	background: url(../images/MoreInfo.png) no-repeat;
	margin: 205px 0px 0 440px;
	height:21px;

}
	.kwicks li a.moreLink:hover{
		background-position:  0 -21px;
		}
	
		.kwicks li a span{
			display:none;
			}
.kwicks.horizontal #kwick_4 {

	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
/********************************
*
* 	Home Services accordion. NO Javascript
*
************************************/
ul#servicesListSmall {
	width: 570px;
}
ul#servicesList {
	width: 909px;
	height: 240px;
	margin: 0;

}
	ul.NoJS li {
		list-style:none;
		margin:0;
		display:inline;
		padding:0;
	}
		ul#servicesListSmall li a{
			width:130px;
			}
		ul#servicesList li a{		
			width:89px;
			}
		ul.NoJS li a{	
			float:left;
			height: 235px;
			display:block;
			margin-right:10px;
			border: solid 1px #c6201f;  
			background: #000 no-repeat top left;
		}
			ul.NoJS li a:hover{
				border-color: #edd73b; 
			}
			ul#servicesList li a#penultimate{
				margin-right:9px;
			}	
/********************************
*
* 	 ContactPage
*
************************************/
#wideContent{
	width:800px;
	margin: 0 auto;
}
a#map {
	float:left;
	width: 500px;
	margin-left:50px;
}
	a#map img{
		border: solid 2px #c6201f;
	}
		a#map img:hover {	
			border-color: #edd73b; 
		}
#contactInfo {
	float:left;
	width: 245px;
}
	#contactInfo h2.form{
		margin-top: 10px;
}
#contactInfo p.address{
	font-size: 1.4em;
	}
	#contactInfo p{
		font-size: 1.5em;
		}
		#contactInfo p span{
			color: #fff;
			}
		#contactInfo p img{
			margin: 0 0 -5px 0;
			}
	#contactInfo form {
		margin: 10px 0 10px 0;
		}
		form input.submit{
			padding:1px 4px;
			}
	#contactInfo form.directions input#saddr {
		width:155px;
		background: #bbb;
		padding:2px;
		border:1px solid #fff;
	}