/*
 * ----------------------------------------------------------------------------
 * You are free to modify and use this CSS layout in accordance with the
 * Creative Commons 3.0 licence (see links to details of the license below) as
 * long as you include this comment, the link to the license, and it's
 * attribution.
 *
 * This CSS layout is licensed under the Creative Commons 3.0 licence.
 * Abstract: http://creativecommons.org/licenses/by/3.0/us/
 * Full License: http://creativecommons.org/licenses/by/3.0/us/legalcode
 *
 * By: Ryan Chapin, Nuts & Bolts Interactive, Inc. http://nbinteractive.com
 * Version: 1.0
 * Date: 2008-03-24
 *
 * If you'd like to contact Ryan with questions or comments, please go to:
 * http://nbinteractive.com/contactryan.html
 * ----------------------------------------------------------------------------
 */

/* ============================================================================ */
/* Layout Styles */
#mainContainer
	{
	min-width: 960px;
	padding: 0;
	margin: 0;
	}

/* ---------------------------------------------------------------------------- */
/* The top level wrapper for the content area.  It contains all of the other    */
/* column related divs.  This div's primary purpose is to render the background */
/* for the left column and the center column's background color.                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the left column (see sideBarLeft  */
/*    width and other style settings).                                          */
/*                                                                              */
/* IE 6.0 Fix:  The height: 1%; fixes some spurious white space that is         */
/* otherwise rendered between this and the footer div                           */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	height: 1%;
	}

/* Style settings for all other browsers for #leftColumnBg. */
#mainContainer > #leftColumnBg
	{
	height: auto;
	}	
		
/* ---------------------------------------------------------------------------- */
/* The secondary wrapper for the content/columns area.  Its primary purpose is  */
/* to render to background for the right column.                                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the right colunm (see             */
/*    sideBarRight style settings).                                             */
/*  . A border on all edges; top, right, bottom, and left. Otherwise, it will   */
/*    not render the background images/colors properly in IE 6 and 7.  Using    */
/*    the color transparent does not work as IE 6.0 will simply render that as  */
/*    black.  In this case, I simply set the border color for each edge to      */
/*    match the background color of that edge of the page.  For the bottom      */
/*    border, I used a color that works well delinating the footer from the     */
/*    rest of the layout.                                                       */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	}

/* We can get away without a left and right border for IE 7 and all other       */
/* compliant browsers so we will set the left and right border to none.         */
#leftColumnBg > #rightColumnBg
	{
	border-left: none;
	border-right: none;
	}
	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	margin-left: 200px; /* To fit the left side bar */
	padding: 0;	
	}

#sideBarLeft
	{
	float: left;
	width: 200px; /* Native width 200px */
	margin-left: -100%;
	padding: 0;
	}
	
#centerColumnContainer
	{
	float: left;
	width: 100%;
	}

#centerColumn
	{
	margin-right: 260px;
	padding: 20px 20px 20px 40px;
	text-align: center;
	}
	
#sideBarRight
	{
	float: left;
	width: 240px; /* Total width: 260 - padding * 2 */
	margin-left: -260px;
	padding: 10px;
	}

#footer
	{
	margin: 0;
	padding: 50px 30px;
	clear: both;
	text-align: center;
	}
	
#footer .copyright
	{
	font-size: 12px;
	}

#footer .siteby
	{
	font-size: 11px;
	color: #a6a6ce;
	}

#footer .serving
	{
	width: 400px;
	font-size: 11px;
	margin: 0 auto 15px auto;
	}

/*
 * ----------------------------------------------------------------------------
 * Two Column Layout
 */

#sideBarContentWrapper
	{
	background-image: url(columns.bg.gif);
	background-repeat: repeat-y;
	border-top: #000000 1px solid;
	}
	
#contentContainer
	{
	float: left;
	width: 100%;
	}
	
#content
	{
	margin-left: 200px;
	padding: 20px 20px 20px 40px;
	}

#sideBar
	{
	float: left;
	width: 200px;
	margin-left: -100%;
	}



/*
 * ----------------------------------------------------------------------------
 * Patriot Auto Glass Styles
 */

body
        {
	background-image: url( art/bg.gif );
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #000066;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 0;
        padding: 0;
	color: #ffffff;
        }

a,
a:visited
	{
	color: #ff9933;
	}

h1, h2, h4
        {
        color: #ffffff;
        }

h1
	{
	font-size: 19px;
	border-bottom: #ff9933 1px solid;
	}

p
        {
        margin-top: 0px;
        margin-bottom: 20px;
        }

.clear_both
        {
        clear: both;
        }

img.logo
	{
	margin: 0 0 15px 0;
	}

#sideNav ul
	{
	margin: 0 0 0 15px;
	padding: 0;
	}

#sideNav ul li
	{
	margin: 0 0 10px 0;
	list-style-type: none;
	}

#sideNav ul li ul
	{
	margin-top: 10px;
	}


#sideNav ul li a,
#sideNav ul li a:visited
	{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}
	
#sideNav ul li a:hover
	{
	}



#topNav ul
	{
	margin: 0 0 20px 0;
	padding: 0;
	}

#content #topNav ul
	{
	text-align: right;
	}

#topNav ul li
	{
	margin: 0 0 0 -5px;
	padding: 0 10px;
	list-style-type: none;
	display: inline;
	border-right: #cd6905 1px solid;
	font-weight: bold;
	}

#topNav ul li.lastItem
	{
	border-right: none;
	}


#centerColumn #topNav ul
	{
	}



p.homeTestimonials a,
p.homeTestimonials a:visited
	{
	font-weight: bold;
	font-size: 16px;
	}

ul.homeFeatureList
	{
	margin: 0 0 20px 0;
	padding: 0;
	}

ul.homeFeatureList li
	{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	}

ul.homeFeatureList li a,
ul.homeFeatureList li a:visited
	{
	/*
	color: #ffffff;
	text-decoration: none;
	*/
	font-weight: bold;
	}

#testimonials
	{
	}

#testimonials ul li
	{
	margin: 0 0 20px 0;
	}

#testimonials ul li p
	{
	margin: 0;
	padding: 0;
	}

#testimonials ul li p.title
	{
	font-weight: bold;
	color: #ff9933;
	}

.tableRight
	{
	text-align: right;
	}

.phoneNumber
	{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #ff9933;
	}