@media screen,projection {
    /*************************************************************
     * author: Frontenders.com
     * contact: support at frontenders dot com
     * description: css for screen media
     *************************************************************/
     
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, button,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    /* remember to define focus styles! */
    :focus { outline: 0; }
    
    /* remember to highlight inserts somehow! */
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    html { height: 100%; }
    body {
        background: #efefef url( ../images/bg_body.png ) repeat-x 0 0;
        color: #000;
        font: 62.5%/1 Tahome, Arial, sans-serif;
        height: 100%;
        text-align: center;
    }
    a {
        color: #002667;
        text-decoration: none;
    }
    a:hover { color: #b6151a; }
    /* /global elements
     *****************************************************/
    
    /* common elements
     *****************************************************/
    .cols, form .item, form .button { overflow: hidden; }
    .col { float: left; }
    .l { float: left; }
    .r { float: right; }
    .print { display: none; }
    .ir {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .ir span {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .box {
        background: #efefef;
        border: 1px solid #ccc;
        padding: 5px;
    }
    .box .inner {
        background: #fff;
        border: 1px solid #ccc;
        display: block;
    }
    /* /common elements
     *****************************************************/
    
    /* base layout
     *****************************************************/
    #bg {
        background: transparent url( ../images/bg_bg.png ) repeat-y 0 0;
        margin: 0 auto;
        min-height: 100%;
        padding: 0 11px;
        width: 938px;
    }
    #container {
        background: #fff;
        text-align: left;
        padding: 0 18px 18px;
    }
    #header {
        margin: 0 0 15px;
        min-height: 80px;
        overflow: hidden;
    }
    #content {
        overflow: hidden;
    }
    #primary {
        color: #636464;
        display: inline;
        float: right;
        font-size: 1.2em; /* 12px */
        line-height: 1.667em; /* 20px */
        margin: 0 22px 0 0;
        width: 615px;
    }
    #home #primary {
        margin: 0;
        width: 100%;
    }
    #secondary {
        float: left;
        width: 230px;
    }
    /* /base layout
     *****************************************************/
    
    /* branding elements
     *****************************************************/
    #siteName {
        display: inline;
        float: left;
        font: normal 3em/1em Georgia, serif;
        height: 52px;
        margin: 22px 0 0 20px;
        text-transform: uppercase;
        width: 301px;
    }
    #siteName a {
        color: #003469;
        height: 47px;
        padding: 5px 0 0;
    }
    #siteName span { background: transparent url( ../images/logo_southern_nights.png ) no-repeat 0 0; }
    #siteName small {
        display: block;
        font-size: 0.8em;
        letter-spacing: 2px;
        margin: -5px 0 0;
    }
    /* /branding elements
     *****************************************************/
    
    /* nav elements
     *****************************************************/
    #mainMenu {
        display: inline;
        float: right;
        font: normal 1.5em/1 Georgia, serif;
        margin: 60px 20px 0 0;
        padding: 0 0 2px;
    }
    #mainMenu li {
        display: inline;
        margin: 0 0 0 15px;
    }
    #mainMenu .active a { color: #797979; }
    
    #subMenu {
        font: normal 1.5em/1em Georgia, serif;
        margin: 0 0 8px;
    }
    #subMenu .inner {
        background: #fff url( ../images/bg_box.png ) repeat-x 0 100%;
        overflow: hidden;
        padding: 30px;
    }
    #subMenu li {
        float: left;
        margin: 18px 0 0;
        padding: 0 0 2px;
        width: 100%;
    }
    #subMenu li.first { margin: 0; }
    #subMenu .active a { color: #797979; }
    #subMenu h2 { margin: 10px 0 10px 0;}
    
    /* /nav elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
    #content h1 {
        color: #b6151a;
        font: 3em/1em Georgia, serif;
        margin: 0 0 7px;
    }
    #content h1 .inner {
        height: 78px;
        line-height: 78px;
        padding: 0 0 0 30px;
    }
    h1#commercial .inner { background: #fff url( ../images/bg_page_title_commercial.jpg ) no-repeat 0 0; }
    p, h2, dl { margin: 1em 0 0; }
    h2 {
        color: #b6151a;
        font: normal 1.25em/1.8em Georgia, serif;
    }
    dt {
        color: #003469;
        float: left;
        font-weight: bold;
        margin: 0 0.3em 0 0;
    }
    dd { margin: 0 0 1em; }
    #primary ul {
        list-style: disc;
        margin: 1em 0 0;
        padding: 0 0 0 20px;
    }
    #content strong { color: #003469; }
    #home .box {
        float: left;
        width: 436px;
    }
    #home .box p {
        margin: 0.5em 0 0;
    }
    #home h2 {
        font-size: 2.5em;
        line-height: 1em;
        margin: 0;
    }
    .box p a {
        color: #636464;
        text-decoration: underline;
    }
    .box a:hover { text-decoration: none; }
    .box a.more {
        color: #b90000;
        font-weight: bold;
        text-decoration: none;
    }
    #bIntro, #showcase { margin: 0 0 6px; }
    #bResidential { clear: both; }
    #home #bCommercial, #showcase { float: right !important; }
    #bIntro .inner {
        background: #fff url( ../images/bg_box_intro.png ) repeat-x 0 100%;
        min-height: 271px;
        padding: 20px 30px 10px;
    }
    #bResidential .inner, #bCommercial .inner {
        height: 97px;
        padding: 55px 40px;
    }
    #bResidential .inner { background: #fff url( ../images/bg_box_residential.jpg ) no-repeat 0 0; }
    #bCommercial .inner { background: #fff url( ../images/bg_box_commercial.jpg ) no-repeat 0 0; }
    #bIntro h2 {
        margin: 0 0 0.5em 77px;
        text-indent: -77px;
    }
    #bResidential h2 { color: #002667; }
    #home #bResidential p, #home #bCommercial p { margin: 0.5em 0 0 20px; }
    /* /content elements
     *****************************************************/
    .Product
    {
		margin-bottom: 60px;
	}

	.Product img
	{
		float: left;
		margin-right: 15px;
		
	}
	
	.Product h2
	{
		margin-top: 0px;
		padding-top: 15px;
	}
	
	.Underline
	{
		text-decoration: underline;
	}
	
	.SmallCaps
	{
		font-variant: small-caps;
	}
	.Green
	{
	color: green;
	font-weight: bold;
	text-decoration: underline;
	}
	img.Left
	{
	float: left;
	margin: 0 10px 5px 0;
}
	        
 
    /* footer elements
     *****************************************************/
    /* /footer elements
     *****************************************************/
}
@media print {
    body { font: 12px/140% Verdana,sans-serif; }
    .print { display: block; }
}