/*

Theme Name: 

Description: This Theme was designed by AppSoft Web Design for Carport Empire.

Version: 1.0

Author: AppSoft Development

Author URI: http://www.appsoftdevelopment.com/

*/





@charset "UTF-8";

/* CSS Document */





/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */

#body {

	margin: 0px;

	padding: 0px;

	color: #000000;

	font-size: 0.626em; }

body div, ul, ol, li, table, img {

	margin: 0px;

	padding: 0px; }

body p {

	margin: 10px 0px 15px; }

body img {

	border: none; }

.display_none {

	display: none; }

.clear_div {

	display: none;

	height: 0px;

	width: 0px; }

body:last-child .clear_div {

	display: block;

	clear: both; }

object:focus {

	outline:none; }

object {

	margin:0px;

	padding:0px; }

a:focus {

	outline:none; }



/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */



.clearme {

	clear: both;

}







a img {border:0}





body{

	background-image:url(images/background.png);

	*background-image:url(images/background_ie.png);

	background-position:top center;

	background-repeat:no-repeat;

	background-attachment:fixed;

	background-color:#FFFFFF;

	text-align: center;

	min-width:990px;

	margin:0 auto;

}





p {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:13px;

	line-height:14px;

	color:#525252;

}





/* MAIN WRAPPER */



#main_wrapper {

	width:990px;

	margin:0 auto;

	text-align:left;

	padding:0px;

}





/* HEADER */



#header_wrapper {

	width:990px;

	height:145px;

	background-image:url(images/header_bg.jpg);

	background-position:bottom center;

	background-repeat:no-repeat;

}



#header_left {

	width:250px;

	float:left;

	position:relative;

}



#logo {

	width:236px;

	height:100px;

	position:absolute;

	top:10px;

	left:10px;

}



#header_right {

	width:740px;

	float:right;

	position:relative;

}



#questions {

	width:279px;

	height:84px;

	position:absolute;

	top:0px;

	right:0px;

}

#questions2 {
	background-image:url(http://www.carportempire.com/images/quest.jpg);
	width:279px;
	height:84px;
	position:absolute;
	top:0px;
	right:0px;
}



/* =Navigation
-------------------------------------------------------------- */
#navigation {
	display:block;
	position:relative;
	margin:80px 0 0 0;
	width:730px;
	height:30px;
	background-color:#ffffff;
	padding: 0px;
}
/*navigation menu */
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
}
#nav a {
	display:block;
	font: 0.8em Verdana, sans-serif;
	font-weight:bold;
	padding:1em 9px 1em 9px;
	color:#006acc;
	text-decoration:none;
}
#nav a:hover {
	display:block;
	background-color:#4ba2ef;
	color:#fff;
}

/*------------------------------------*\
	IPHONE MENU FIX
\*------------------------------------*/
@media screen and (max-device-width: 480px) {
/*--- iPhone only CSS here ---*/
#nav a {
 display:block;
 font: 0.8em Verdana, sans-serif;
 font-weight:bold;
 padding:1em 18px 1em 18px;
 color:#006acc;
 text-decoration:none;
}
}
#nav li {
	display:block;
	float:left;
	position:relative;
}
#nav ul {
	position:absolute;
	display:none;
	top:30px;
	z-index:9999;
}
#nav li ul a {
	width:17.1em;
	font: 11px Verdana, sans-serif;
	font-weight:bold;
	background-color:#4ba2ef;
	/* for IE */
filter:alpha(opacity=100);
	/* CSS3 standard */
opacity:1.0;
	color:#fff;
	height:auto;
	float:left;
	padding:0.5em 1.2em;
}
#nav li ul a:hover {
	background-color:#73b9f4;
	color:#fff;
	/* for IE */
filter:alpha(opacity=100);
	/* CSS3 standard */
opacity:1.0;
}
#nav li ul li {
	border-left:0px;
}
#nav ul ul {
	top:auto;
}
#nav li ul ul a {
	width:21em;
}
#nav li ul ul {
	left:12.8em;
	margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}
.financing_bar a {
	display:block;
	width:704px;
	height:31px;
	background: url(http://www.carportempire.com/images/financing_bar_bg.jpg) 0 0 no-repeat;
	margin:15px 0 0 12px;
}






/* MIDDLE */



#middle_wrapper {

	width:990px;

	background-image:url(images/inner_bg.jpg);

	background-position:top center;

	background-repeat:no-repeat;

}



#left_col {

	width:245px;

	float:left;

	padding-left:8px;

	padding-right:8px;

	position:relative;

	min-height:1120px;

	color: #000000;

	background-color: #2F89D7;

}



#left_col p {

	color: #FFFFFF;

}

#left_col h1 {

	color: #FFFFFF;

}

#left_col h2 {

	color: #FFFFFF;

}

#left_col h3 {

	color: #FFFFFF;

}

#left_col a {

	color: #CCE0F4;

}

#left_col a:hover {

	color: #FFFFFF;

}

#left_col li {

	color: #FFFFFF;

	list-style: none;

}



#calls {

	width:245px;

}

#calls_flash {

	width:245px;

	position:absolute; top:530px; left:10px;

}

#calls img {

	margin-top:10px;

}



#right_col {

	width:729px;

	float:right;

	background-color:#fff;

}

#right_col a {

	color: #1974BD;

}

#right_col a:hover {

	color: #282828;

}

#marketing_window {

	width:720px;

	height:315px;

	padding-top:10px;

}



#content {

	width:729px;

	background-color:#FFFFFF;

	text-align:justify;

	min-height:1000px;

}

#quote {

	text-align:left;

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:13px;

	line-height:14px;

	color:#525252;

}











/* FOOTER */



#footer_wrapper {
	width:977px;
	height:100px;
	padding:7px;
	background-color:#449EEC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#FFFFFF;
	text-align: center;
}
#footer_wrapper a {
	color:#FFFFFF;
}
#footer_wrapper a: hover {
	color:#e5e5e5;
	text-decoration: none;
}



/* HEADER TAGS */



h1 {

	padding:0px 15px;

	margin: 5px 0px;

	font-family:Verdana;

	font-size:24px;

	color:#1974bd;

	font-weight:normal;

}

h2 {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:14px;

	color:#525252;

	font-weight:bold;

}

h3 {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:14px;

	line-height:20px;

	color:#525252;

	font-weight:normal;

}

h4 {

}

h5 {

}

h6 {

}





/* LISTS */



ol, ul {

	margin-left:25px;

	padding-left:15px;

	padding-right:15px;

}

li {

	font-family:Verdana;

	font-size:13px;

	line-height:18px;

	color:#525252;

}

ol {

	margin-left:0px;

	padding-left:15px;

	padding-right:15px;

}



#left_col ol{

margin-left: 0px;

padding-left: 0px;

padding-right: 0px;

}



#content h2 {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:18px;

	color:#525252;

	font-weight:bold;

}



/* Previous & Next - Float Left & Right */



.alignleft {

	float: left;

	font-family: Verdana;

	font-size:13px;

}



.alignright {

	float: right;

	font-family: Verdana;

	font-size:13px;

}



p.postmetadata {

font-size: 10px;

}





a.postmetadata {

opacity: .6;

-moz-opacity: .6;

filter: alpha(opacity=60);

font-family: Verdana;

}



a.postmetadata:hover {

opacity: .9;

-moz-opacity: .9;

filter: alpha(opacity=90);

font-family: Verdana;

}





/* Sociable Style _ DO NOT PASTE BELOW HERE */



div.sociable {

margin: 16px 0;

padding-left:15px;

padding-right:15px;

color:#525252;

font-family:Verdana;

font-size:13px;

line-weight: bold;

}



span.sociable_tagline {

position: relative;

}



span.sociable_tagline span {

display: none; width: 14em;



}



span.sociable_tagline:hover span {

position: absolute;

display: block;

top: -5em;

background: #ffe;

border: 1px solid #ccc;

color: black;

line-height: 1.25em;

}



.sociable span {

display: block;

}



.sociable ul {

display: inline;

margin: 0 !important;

padding: 0 !important;

}



.sociable ul li {

background: none;

display: inline;

list-style-type: none;

margin: 0;

padding: 1px;

}



.sociable ul li:before {

content: "";

}



.sociable img {

float: none;

width: 16px;

height: 16px;

border: 0;

margin: 0;

padding: 0;

}



.sociable-hovers {

opacity: .8;

-moz-opacity: .8;

filter: alpha(opacity=80);

}



.sociable-hovers:hover {

opacity: 1;

-moz-opacity: 1;

filter: alpha(opacity=100);

}