/*
 Theme Name: Noodlev10
 Theme URI: http://www.noodlemedia.com
 Description: Built for Noodle Media
 Author: George Ortiz
 Author URI: http://www.noodlemedia.com
*/
/*==========================================
                   Defaults
============================================*/
html, body
{
    padding:0px;
	margin:0px;
	background:#ffffff;
}
h1, h2, h3, h4, h5, h6, p
{
    font-family:Arial, Helvetica, sans-serif;
	color:#322e2b; /* Dark Grey */ 
	text-decoration:none;
	line-height:1.7em;
}
a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#322e2b; /* Dark Grey */ 
	text-decoration:underline;
	line-height:1.5em;
}
a:hover
{
    color:#ff8420; /* Orange */
}
.clear
{
    clear:both;
}
.hidden
{
    visibility:hidden;
}
.pdf
{
    background:url("images/pdf.jpg") no-repeat;
	float:left;
	width:33px;
	height:31px;
	margin-top:13px;
	padding-right:5px;
}
/*==========================================
                 Container
============================================*/
#main-contianer
{
    margin:0px auto;
	width:922px;
	height:100%;
	background:#FFFFFF;
}
/*==========================================
                   Demos
============================================*/
.coupon-demo
{
    float:left;
	width:416px;
	height:185px;
	background:url("images/coupon.png") no-repeat center;
	padding:3px;
	border:1px solid #CCCCCC;
}
.audi-demo
{
    float:left;
	width:416px;
	height:243px;
	background:url("images/audir8.png") no-repeat center;
	padding:3px;
	border:1px solid #CCCCCC;
}
.fj-demo
{
    float:left;
	width:416px;
	height:242px;
	background:url("images/fj-cruiser.jpg") no-repeat center;
	padding:3px;
	border:1px solid #CCCCCC;
}
.prius-demo
{
    float:left;
	width:416px;
	height:242px;
	background:url("images/prius.jpg") no-repeat center;
	padding:3px;
	border:1px solid #CCCCCC;
}
.tundra-demo
{
    float:left;
	width:416px;
	height:242px;
	background:url("images/tundra.jpg") no-repeat center;
	padding:3px;
	border:1px solid #CCCCCC;
}
/*==========================================
                 Email Page
============================================*/
#email-container
{
    margin:0px auto;
	width:250px;
	height:250px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#322e2b; /* Dark Grey */ 
	line-height:1.5em;
	font-size:12px;
}
/*==========================================
                   Header
============================================*/
#header-container
{
    margin:0px auto;
	width:900px;
	height:155px;
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom:1px dashed #999999;
}
/*==========================================
                  Header Nav
============================================*/
#header-nav-container
{
    margin:0px auto;
	width:900px;
	height:30px;
}
.twit
{
    margin-top:3px;
	float:left;
}
#header-nav
{
	float:right;
	padding:5px 5px 5px 10px;
	width:450px;
	height:20px;
	color:#999999;
}
#header-nav a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#64615e; /* Lighter Grey */
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}
#header-nav a:hover
{
    font-family:Arial, Helvetica, sans-serif;
	color:#ff8420; /* Orange */
	font-size:10px;
	text-transform:uppercase;
	text-decoration:underline;
}
/*==========================================
                   Logo
============================================*/
a.logo
{
    float:left;
	background:url("images/logo.png") no-repeat;
	width:316px;
	height:126px;
	border:none;
	cursor:pointer;
	margin-left:10px;
	margin-top:-10px;
}
/*==========================================
                  Navigation
============================================*/
#navigation-container
{
    margin:0px auto;
	width:900px;
	height:20px;
}
#navigation
{
    float:right;
	width:475px;
	height:20px;
	margin-top:-30px;
}
.nav 
{
	font-family:Arial, Helvetica, sans-serif;
	width:555px;
	text-align:left;
	display: block;
	height:25px;
	margin-top:0px;
	padding-top:15px;
	*padding-top:0px;
	*margin-top:15px;
	color:#333333;
}
.nav li 
{
	margin: 0;
	padding: 0;
	display: inline;
}
.nav li a
{
	color:#5d6164; /* Even Lighter Grey */
	font-size:14px;
	height:20px;
	width:75px;	
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	letter-spacing:-0.01em;
}
.nav li a:hover, .nav li a.selected
{
	color:#ff8420; /* Orange */
}


/*==========================================
                 Page Header
============================================*/
#page-header
{
   margin:0px auto;
   width:900px;
   height:30px;
   margin-top:5px;
}
#page-header h1
{
    font-size:22px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
	margin-left:5px;
}
	#page-header h1 span
{
	color:#ff8420; /* Orange */ 
}
/*==========================================
              Contact Bar Top
============================================*/
#contact-bar-top-container
{
   margin:0px auto;
   width:900px;
   height:15px;
   margin-top:5px;
   margin-top:-20px;
}
#contact-bar-top
{
    float:right;
	width:160px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#322e2b; /* Dark Grey */
	font-size:12px;
	letter-spacing:normal;
}
#contact-bar-top span
{
    color:#636363; /* Light Light Grey */
}
/*==========================================
                   Banner
============================================*/
#banner-container
{
    margin:0px auto;
	width:900px;
	height:407px;
	border:1px solid #CCCCCC;
	margin-top:5px;
}
#banner
{
    margin:0px auto;
	background:url("images/print-banner.png") no-repeat center;
	height:886px;
	height:400px;
	margin-top:6px;
}
/*==========================================
                  Buttons
============================================*/
a.view-samples
{
    background:url("images/view-samples-btn.png") no-repeat;
	width:151px;
	height:28px;
	float:left;
	border:none;
	cursor:pointer;
}
.send-button
{
    border:none;
	cursor:pointer;
	background:url("images/send-button.png") no-repeat;
	width:150px;
	height:36px;
	float:left;
	margin-top:7px;
}
/*==========================================
               Home Content
============================================*/
#home-content-container
{
    margin:0px auto;
	width:900px;
	height:auto;
}
#home-content-container h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
#home-content-container h3
{
    font-size:15px;
	color:#ff8420; /* Orange */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:5px 0px 5px 0px;
}
#home-content-container p
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}
#home-content-container ul
{
    margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#home-content-container ul li
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#process
{
    margin:0px auto;
	width:900px;
	height:207px;
	margin-top:10px;
	background:url("images/process.png") no-repeat;
}
#process-descriptions
{
    margin:0px auto;
	width:900px;
	height:auto;
	margin-top:10px;
}
#process-descriptions .column
{
    float:left;
	width:120px;
	padding:15px;
	height:auto;
	font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#process-descriptions .column h2
{
    font-size:13px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.01em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
	font-style:italic;
}
#home-content
{
   float:left;
   width:420px;
   padding:10px;
   height:auto;
}
#home-content h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
#home-content h3
{
    font-size:15px;
	color:#ff8420; /* Orange */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:5px 0px 5px 0px;
}
#home-content p
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}
#home-content ul
{
    margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#home-content ul li
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#home-box
{
   float:left;
   width:280px;
   padding:10px;
   height:200px;
}
#home-box h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
#home-box h3
{
    font-size:18px;
	color:#ff8420; /* Orange */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:5px 0px 5px 0px;
}
#home-box p
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}
#home-box a
{
    font-size:11px;
	color:#ff8420; /* Orange */ 
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#home-box a:hover
{
    font-size:11px;
	color:#ff8420; /* Orange */ 
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	text-decoration:underline;
}
#home-box ul
{
    margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#home-box ul li
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a.lrnmore
{
    width:218px;
	height:46px;
	background:url("images/lrnmore-btn.png") no-repeat;
	border:none;
	float:left;
}
/*==========================================
                   Post
==============================================*/
#post-container
{
    float:left;
	width:610px;
	height:auto;
	min-height:300px;
	padding:10px;
}
#post-container h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
#post-container h3
{
    font-size:17px;
	color:#ff8420; /* Orange */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:5px 0px 5px 0px;
}
#post-container p
{
    font-size:13px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}
#post-container ul, #post-container ol
{
    margin-top:8px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#post-container ul li, #post-container ol li
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	padding:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#respond
{
    font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
.sociable
{
    width:610px;
	height:auto;
	float:left;
	border-top:2px dotted #CCCCCC;
	padding-top:10px;
}
.sociable_tagline
{
    font-size:15px;
	color:#777777; /* Dark Grey */ 
	letter-spacing:-0.02em;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding-right:8px;
}

/*==========================================
                  Clients
============================================*/
#client-container
{
    margin:0px auto;
	width:900px;
	height:105px;
	margin-top:10px;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
#client-header
{
   margin:0px auto;
   background:url("images/clients-header.png") no-repeat;
   width:900px;
   height:24px;
}
#client-logos
{
   margin:0px auto;
   width:900px;
   height:60px;
}
/*==========================================
                  Blog Post
============================================*/
.post-image
{
    float:left;
	margin-right:15px;
	margin-bottom:15px;
}
a.post-image
{
    float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#post-container .blog-post
{
    float:left;
	width:560px;
	height:auto;
	margin:10px 0px 10px 0px;
	padding-bottom:5px;
	border-bottom:#CCCCCC 1px dotted;
}
#post-container .blog-post h2
{
    margin:0px;
	padding:0px;
	margin-bottom:5px;
}
#post-container .blog-post p, #post-container .blog-post ul li
{
    font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:1.6em;
	font-size:13px;
	padding-top:15px;
}
#post-container .blog-post span
{
    width:560px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	line-height:1.5em;
	font-size:11px;
	padding:5px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
}
#post-container .blog-post span a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	line-height:1.5em;
	font-size:11px;
	text-decoration:underline;
	font-weight:normal;
}
#post-container .blog-post span a:hover
{
    font-family:Arial, Helvetica, sans-serif;
	color:#2f6b91;
	line-height:1.5em;
	font-size:11px;
	text-decoration:underline;
}
#post-container .blog-post p a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:1.5em;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
}
#post-container .blog-post p a:hover
{
    font-family:Arial, Helvetica, sans-serif;
	color:#2f6b91;
	line-height:1.5em;
	font-size:12px;
	text-decoration:underline;
}
#post-container .blog-post a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#ff8420; /* Orange */
	line-height:1.5em;
	font-size:25px;
	text-decoration:none;
	font-weight:bold;
}
#post-container .blog-post a:hover
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#ff8420; /* Orange */
	text-decoration:underline;
}
#post-container .blog-post blockquote {
display: block;
padding: 0 30px;
width: 400px;
}
#post-container .blog-post blockquote:before, blockquote:after {
color: #777777;
display: block;
font-size: 700%;
width: 50px;
font-weight:bold;
}
#post-container .blog-post blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.65em;
color:#777777;
margin-top:35px;
}
#post-container .blog-post blockquote p
{
    color:#777777;
	font-style:italic;
	margin-top:-10px;
	margin-bottom:20px;
}
/*==========================================
                    Sidebar
==============================================*/
#sidebar-container
{
    float:right;
	width:250px;
	height:auto;
	min-height:300px;
	border-left:1px dotted #CCCCCC;
	padding-left:10px;
}
#sidebar-container h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
#sidebar-container h3
{
    font-size:15px;
	color:#ff8420; /* Orange */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:5px 0px 5px 0px;
}
#sidebar-container p
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}
.map
{
   padding:3px;
   border:1px solid #CCCCCC;
   margin-top:5px;
   margin-bottom:10px;
}
#sidebar-container p span
{
    padding-right:8px;
}
.image-border
{
   padding:3px;
   border:1px solid #CCCCCC;
}
/*==========================================
                Quick Quote
==============================================*/
#quick-quote-container
{
    margin:0px auto;
	width:900px;
	height:auto;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
#quick-quote-container h2
{
    font-size:18px;
	color:#322e2b; /* Dark Grey */ 
	letter-spacing:-0.03em;
	font-weight:bolder;
	margin:0px;
	padding:0px;
	margin-left:8px;
}
#quick-quote-container p
{
    font-size:12px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	margin-left:8px;
}
.quickquote-table
{
    font-size:11px;
	color:#64615e; /* Lighter Grey */
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-left:10px;
}
.quickquote-table input.style
{
    font-size:11px;
	color:#322e2b; /* Dark Grey */ 
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
}
.quick-quote-send-container
{
    width:900px;
	height:48px;
	padding-top:10px;
	margin-bottom:5px;
	margin-top:5px;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
}
/*==========================================
                   Footer
==============================================*/
#footer-container
{
   margin:0px auto;
   width:900px;
   height:50px;
}
#footer
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	margin:0px auto;
	width:850px;
	height:auto;
	padding:10px;
	text-align:center;
}
#footer a
{
    color:#777777;
}
#footer a:hover
{
    color:#ff8420; /* Orange */
}