/************************************************
 *
 *  File     :  css/main.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Autoguard Inc.
 *  Author   :  pud.ca (c) 2007
 *
 ************************************************/

@import url(tinyMCE.css);

/* Global */
    * { margin: 0; padding: 0; }

	html { height: 100%; }

    body { 
        cursor: default;
		position: relative;
		background: #e2e3dd url(../img/bg_body.gif) repeat-x;
		font: 14px "Trebuchet MS", Arial, Tahoma, Sans-Serif;
		color: #37342f;
		min-height: 100%; 
		height: auto;
        }
       
    body.home {
		background: #e2e3dd url(../img/bg_bodyHome.gif) repeat-x;
        }

	sup {
		font-size: .65em;
		line-height: 1em;
		}

    /* Image Replacement */
        h1, .home #header h2, a.button, #footer div p#branding a, #content form fieldset button {
            margin: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            text-indent: -1000em;
            }
    /* // Image Replacement */

    /* Clearfix */
        #content:after, div#homeGallery:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }

		#content, div#homeGallery {
			display: inline-block;
			}

        * html #content, * html div#homeGallery {height: 1%;}
    /* // Clearfix */

	/* Headings */
        h1 {
			position: absolute;
            cursor: pointer;
			width: 275px;
			height: 77px;
			background: url(../img/bg_h1.gif);
			top: 39px;
            }
		
		h2 {
			font-weight: normal;
			font-size: 1.9em;
			padding: 0 0 .2em 0;
			font-family: "Trebuchet MS", Tahoma, Verdana, Sans-Serif;
			}
		
		h3 {
			font-weight: normal;
			font-size: 1.6em;
			padding: 1em 0 .5em 0;
			font-family: "Trebuchet MS", Tahoma, Verdana, Sans-Serif;
			}
           
        h5 {
            font-size: .85em;
            font-weight: normal;
            color: #716d54;
            margin-bottom: .4em;
            }
    /* // Headings */

	/* Anchors */
		a {
			color: #024780;
			cursor: pointer;
			}
		
		a:hover {
			color: #000;
			}

		/* Purdy buttons */
			a.button, #content form fieldset button {
				background: none;
				display: block;
				float: right;
				height: 47px;
				background-position: top left;
				border: none;
				cursor: pointer;
				}
			
			a.button:hover, #content form fieldset button:hover {
				background-position: top right;
				}
			
			a.watchVideo {
				position: absolute;
				top: 270px;
				left: 258px;
				width: 192px;
				height: 65px;
				background-image: url(../img/btn_watchVideo.gif);
				}
			
			a.viewAll {
				width: 120px;
				background-image: url(../img/btn_viewAll.png);
				}
			
			a.prev {
				float: left;
				width: 87px;
				background-image: url(../img/btn_prev.png);
				}
			
			a.next {
				float: right;
				width: 87px;
				background-image: url(../img/btn_next.png);
				}
			
			a.thumbs {
				display: block;
				float: none;
				margin: 0 auto;
				width: 121px;
				background-image: url(../img/btn_thumbs.png);
				}
		/* // Purdy buttons */

		/* Top anchor */
			a.top {
				display: block;
				border-top: 1px dashed #D1D2CD;
				text-align: right;
				font-size: 10px;
				text-transform: uppercase;
				text-decoration: none;
				color: #959596;
				padding-right: 11px;
				background: url(../img/bg_top.gif) no-repeat 100% 3px;
				padding-top: 1px;
				}
			
			a.top:hover {
				color: #707274;
				}
		/* // Top anchor */
	/* // Anchors */
/* // Global */

/* Page Setup */
	#container {
		width: 845px;
		margin: 0 auto;
		padding: 0 0 100px 0;
		}
	
	/* Header */
		.home #header {
			position: relative;
			height: 337px;
			background: url(../img/bg_header.jpg) no-repeat bottom right;
			}

		.home #header h2 {
			position: absolute;
			width: 441px;
			height: 0;
			padding-top: 82px;
			top: 175px;
			left: 10px;
			background: url(../img/bg_headerH2.gif) no-repeat;
			}
           
        .home #header a.button {
            display: block;
            }
		
        #header {
			position: relative;
            height: 150px;
            }
           
        #header h2 {
            display: none;
            }

        #header a.button {
            display: none;
            }
	/* // Header */

	/* Content */
		#content {
			padding-top: 1em;
			font-family: Tahoma, Verdana, Sans-Serif;
			font-size: .95em;
			}
		
		#content ul, #content ol {
			padding-left: 2em;
			margin: .5em 0;
			}
		
		#content #col1 ul li {
			margin-bottom: .5em;
			}

		#content p {
			padding: .5em 0;
			text-align: justify;
			}
		
		#content #col1,
		#content #col2 {
			background: url(../img/bg_content.gif) repeat-x;
			padding: 15px;
			float: left;
			min-height: 365px;
			}
		
		#content #col1 {
			margin-right: 10px;
			}
		
		.home #content #col1 {
			padding-bottom: 150px;
			}

		/* 1 column */
			.col1 #col1 { width: 815px; }
			.col1 #col2 { display: none; }

		/* 2 column 30-70 split */				
			.col2-30 #col1 { width: 290px; }
			.col2-30 #col2 { width: 485px; }
		
		/* 2 column 50-50 split */				
			.col2-50 #col1 { width: 387px; }
			.col2-50 #col2 { width: 388px; }

		/* 2 column 70-30 split */				
			.col2-70 #col1 { width: 485px; }
			.col2-70 #col2 { width: 290px; }

		
		/* form styles */
			#content form fieldset {
				border: none;
				}
			
			#content form fieldset legend {
				display: none;
				}
			
			#content form fieldset ol {
				list-style: none;
				}
			
			#content form fieldset ol label {
				float: left;
				width: 85px;
				text-align: right;
				clear: left;
				padding-right: 8px;
				line-height: 24px;
				}
			
			#content form fieldset ol input,
			#content form fieldset ol textarea,
			#content form fieldset ol select {
				font-size: 1.1em;
				font-family: Tahoma, Sans-serif;
				color: #37342f;
				padding: 3px;
				border: 1px solid #D1D2CD;
				margin-bottom: 2px;
				}
			
			#content form fieldset ol textarea {
				width: 320px;
				}
			
			#content form #recaptcha_widget_div {
				margin: 0 0 10px 120px;
				}

			#content form fieldset button.submit {
				background-image: url(../img/btn_submit.png);
				width: 108px;
				float: none;
				margin-left: 120px;
				}
		
			#content form fieldset button.login {
				background-image: url(../img/btn_login.png);
				width: 97px;
				float: none;
				margin-left: 120px;
				margin-top: 5px;
				}
			/* Dealer login form */
				#content form#dealerLogin {
					padding-top: 10px;
					}

				#content form#dealerLogin fieldset ol {
					padding: 0;
					}

				#content form#dealerLogin fieldset ol li {
					float: left;
					padding-right: 10px;
					}
				
				#content form#dealerLogin fieldset ol li label {
					text-indent: 5px;
					display: block;
					float: none;
					width: auto;
					font: 11px Tahoma, Sans-Serif;
					text-transform: uppercase;
					color: #8c8b86;
					text-align: left;
					padding-bottom: 3px;
					}
				
				#content form#dealerLogin fieldset ol li input {
					border: 0;
					width: 169px;
					height: 39px;
					background: url(../img/bg_inputLogin.png) no-repeat;
					padding: 6px 5px;
					font-size: 1.2em;
					font-family: "Trebuchet MS", sans-serif;
					}
				
				#content form#dealerLogin fieldset button.login {
					width: 97px;
					background-image: url(../img/btn_login.png);
					margin-top: 22px !important;
					margin-left: 0 !important;
					}
			/* // Dealer login form */
		/* // form styles */
	/* // Content */

	/* Footer */
		#footer {
			position: absolute;
			bottom: 0;
			left: 0;
			height: 92px;
			width: 100%;
			background: url(../img/bg_footer.gif) repeat-x;
			font-family: Tahoma, Verdana, Sans-Serif;
			font-size: .9em;
			}
		
		#footer div {
			margin: 0 auto;
			width: 845px;
			height: 92px;
			position: relative;
			}
		
		.home #footer div {
			margin: -113px auto 0 auto;
			padding-top: 113px;
			background: url(../img/bg_footerCar.jpg) no-repeat;
			}
		
		#footer div p {
			color: #7b7a79;
			}
		
		#footer div p#branding {
			position: absolute;
			bottom: 32px;
			right: 0;
			width: 200px;
			}
		
		#footer div p#branding span {
			display: none;
			}
		
		#footer div p#branding a {
			float: right;
			height: 24px;
			opacity: .5;
			margin-left: 15px;
			}
		
		#footer div p#branding a:hover {
			opacity: 1;
			}
		
		#footer div p#branding a.hexabomb {
			background-image: url(../img/brand_hexabomb.gif);
			width: 79px;
			}
		
		#footer div p#branding a.fullcms {
			background-image: url(../img/brand_fullcms.gif);
			width: 71px;
			}
	/* // Footer */
/* // Page Setup */

/* Navigation / List elements */
	/* Main Nav */
		ul#nav {
			display: block;
			float: right;
			position: absolute;
			top: 59px;
			right: 0;
			list-style: none;
			}
		
		ul#nav li,
		ul#nav li a,
		ul#nav li a span {
			display: block;
			float: left;
			height: 36px;
			background-image: none;
			background-repeat: no-repeat;
			}
		
		ul#nav li a {
			text-decoration: none;
			background-position: top left;
			opacity: .7;
			}
		
		ul#nav li a span {
			text-transform: uppercase;
			font-size: 1.1em;
			color: #fff;
			cursor: pointer;
			line-height: 36px;
			padding: 0 15px;
			background-position: top right;
			}
		
		ul#nav li a:hover { opacity: 1; background-image: url(../img/bg_navHoverA.gif); }
		ul#nav li a:hover span { background-image: url(../img/bg_navHoverSpan.gif); }

		ul#nav li.current { padding: 0 4px; }
		ul#nav li.current a { opacity: 1; background-image: url(../img/bg_navCurrentA.gif) !important; }
		ul#nav li.current a span { cursor: default; color: #37342f; background-image: url(../img/bg_navCurrentSpan.gif) !important; }
	/* // Main Nav */

	/* Sub navigation */
		ul.subnav {
			padding: 0 !important;
			list-style: none;
			border-top: 1px solid #D1D2CD;
			}
		
		ul.subnav li a {
			padding-left: 15px;
			background: url(../img/bg_bullet.gif) no-repeat 4px 9px;
			padding: 4px 0 4px 15px !important;
			display: block;
			text-decoration: none;
			border-bottom: 1px solid #D1D2CD;
			padding: 3px 0;
			}
		
		ul.subnav li a:hover {
			background-color: #E2E3DD;
			}
           
        ul.subnav li.parent a {
            background-image: url(../img/bg_bulletPrev.gif);
            }
	/* // Sub navigation */
	
	/* Footer Nav */
		#footer ul {
			list-style: none;
			padding: 25px 0 5px 0;
			}
		
		#footer ul li {
			display: inline;
			padding-right: 10px;
			}
		
		#footer ul li a {
			color: #aaa;
			text-decoration: none;
			}
		
		#footer ul li a:hover {
			color: #fff;
			text-decoration: underline;
			}
	/* // Footer Nav */

	/* Sitemap */
		ul.sitemap em {
			color: #999;
			}
	/* // Sitemap */
/* // Navigation / List elements */

/* Gallery */
	div#homeGallery {
		border-bottom: 1px dashed #d1d2cd;
		margin-bottom: 1em;
		}

	ul.thumbGallery {
		list-style: none;
		margin: 0 -15px 0 0 !important;
		padding: .5em 0 0 0 !important;
		}
	
	ul.thumbGallery li {
		display: block;
		float: left;
		padding: 0 12px 9px 0;
		}

	ul.thumbGallery li a {
		display: block;
		border: 1px solid #d1d2cd;
		}
	
	ul.thumbGallery li a:hover {
		border: 1px solid #37342f;
		}

	ul.thumbGallery li a img {
		display: block;
		border: 4px solid #fff;
		}
	
	#medImg {
		}
	
	#medImg img {
		margin: 0 auto 1em auto;
		padding: 3px;
		background-color: #fff;
		border: 1px solid #d1d2cd;
		display: block;
		}
	
	#medImg:hover img {
		border: 1px solid #37342f;
		}
/* // Gallery */

/* Misc */
	#content address {
		font-size: 1.2em;
		font-style: normal;
		}
	
	#content address span {
		display: block;
		}
/* // Misc */