/*
	Title:		Energy Hunt
	Author:		Ian Houghton
	Website:	http://www.redmorello.com
*/


/*
================================
COMMON STYLES 
================================
*/

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;}

.clearfix {display: inline-block;}  /* for IE/Mac */

a:active, a:focus
{
    outline: none;
}

html, body
{
   margin:0;
   padding:0;
   height:100%;
}

#container
{
    margin-left:auto;
    margin-right:auto;
    width:980px;
    min-height:100%;
    position:relative;
}

#innerContainer
{
    margin-left:auto;
    margin-right:auto;
    min-height:100%;
    padding-bottom:40px;
}

/*
================================
MAIN STYLES
================================
*/

body
{
    background-color:#000000;
    font-family:Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
    font-size: 87.5%;
    color:#ffffff;
}

a
{
    color:#c23939;
    text-decoration:none;
}

a:hover
{
    color:#cccccc;
    text-decoration:underline;
}

/*
================================
HEADER STYLES 
================================
*/

#logo
{
    width:980px;
    height:120px;
    background-image:url('images/logo.jpg');
    background-position:140px 20px;
    background-repeat:no-repeat;
    
}

#banner
{
    height:346px;
    width:1000px;
    margin-bottom:70px;
}

/*
================================
MAINCONTENT STYLES 
================================
*/

.leftColumn
{
    position:relative;
    width:660px;
    height:auto;
    margin-top:20px;
}

#mainImage
{
    width:660px;
    height:272px;
    margin:0;
    background-image: url('images/banner2.jpg');
    background-repeat:no-repeat;
}

/*
================================
SIDEBAR STYLES 
================================
*/

#outer-sidebar
{
    width:250px;
}

#sideBar
{
    width:250px;
    height:auto;
    margin:20px 0 0 0;
    background-color:#1d1d1d; /*050505*/
}

#inner-sidebar
{
    width:210px;
    height:auto; /* TODO change this later */
    margin-top:16px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:16px;
    padding-top:16px;
}

#inner-sidebar strong
{
    font-weight:bold;
    font-size:1.286em;
}

.sidebar-title
{
    background-position: left top;
    height:25px;
    width:80%;
    color:#ffffff;
    text-transform:capitalize;
    font-size:1.286em;
    padding-left:40px;
}

.sidebar-title2
{
    background-position: left top;
    height:25px;
    width:80%;
    color:#ffffff;
    text-transform:capitalize;
    font-size:1.286em;
}

.sidebar-logo
{
    margin-top:15px;
}

#inner-sidebar ul
{
    list-style-type:none;
    margin-left:8px;
    margin-top:10px;
    line-height:35px;
}

.telephone
{
    background-image: url('images/telephone.gif');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
    font-size:1.167em;
    font-weight:bold;
}

.email
{
    background-image: url('images/email.gif');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
    list-style-position:inside;
    font-size:0.917em;
}

.submitBtn
{
    padding-top:5px;
    padding-right:15px;
    margin-bottom:7px;
}

.contact
{
    background-image: url('images/phone.gif');
    background-repeat:no-repeat;
    background-position:left center;
}

.clock
{
    background-image: url('images/clock.gif');
    background-repeat:no-repeat;
    background-position:left center;
}

.car
{
    background-image: url('images/car.gif');
    background-repeat:no-repeat;
    background-position:left center;
}

/*
================================
NAVI STYLES 
================================
*/

#menu
{
    width:980px;
    height:60px;
    border-bottom: solid 1px #c23939;
    background-image: url('Images/nav-bg.jpg');
    background-repeat: no-repeat;
    background-position: right center;
}

/*
================================
CONTENT STYLES 
================================
*/

#mainContent
{
    width:660px;
    height:auto;
    margin: 30px 0 0 0;
    line-height:24px;
}

.line
{
    height:5px;
    width:100%;
    border-bottom: solid 1px #c23939;
}

    #mainContent p
    {
        margin:20px 0 0 30px;
    }

    #mainContent strong
    {
        font-weight:bold;
    }
   
    #mainContent em
    {
        font-style:italic;
    }
    
    #mainContent h1
    {
        font-size:1.714em;
        font-weight:bold;
		padding-bottom:10px;
		margin:0 0 0 60px;
		font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
    }
    
    #mainContent h2
    {
        font-size:1.5em;
        font-weight:bold;
		padding-top:10px;
		padding-bottom:10px;
		font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
    }
   
    #mainContent h3
    {
        font-size:1.5em;
		padding-top:10px;
		padding-bottom:10px;
		font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
    }
    
    #mainContent ol, #mainContent ul
    {
        list-style-position:outside;
    }
    
    #mainContent ol
    {
        list-style-type:decimal;
    }
    
    #mainContent ul
    {
        list-style-type:none;
        margin: 15px 0 0 85px;
    }
    
	#mainContent li
	{
	    background-image: url('images/chevron.gif');
	    background-repeat:no-repeat;
	    background-position:left center;
	    padding-left:15px;
	}

/*
================================
CONTACT STYLES
================================
*/

#contactContainer
{
    margin-left:60px;
    margin-top:30px;
}

.form .text
{
    /*width:265px;*/
    margin:0 10px 0 0;
	padding-bottom:15px;
}

.form .fields
{
    /*width: 265px;*/
	margin-left:20px;
}

fieldset legend
{
    display:none;
}

fieldset label
{
    display:block;
    margin:10px 0 0 10px;
}

fieldset label.first
{
    margin:0;
}

fieldset input
{
    background-color:#e1e1e1; /*#252525;*/
    border:2px solid #515151;
    width:195px;
    height:17px;
    padding:2px;
    margin:0 0 3px 10px;
    color:#535353;
    font-size:14px;
}

fieldset select
{
    background-color:#e1e1e1; /*#ffffa0;*/
    border:2px solid #515151;
    width:200px;
    height:25px;
    padding:2px;
    margin:0 0 3px 10px;
    color:#535353;
    font-size:14px;
}

fieldset textarea
{
    background-color:#e1e1e1; /*#252525;*/
    border:2px solid #515151;
    width:195px;
    height:130px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 10px;
    color:#535353;
    font-size:14px;
}

    fieldset input:focus, fieldset textarea:focus, fieldset select:focus
    {
        border:2px solid #294d94;
    }

fieldset input.error, fieldset textarea.error
{
    border:2px solid #F49AC1;
}

    fieldset input.error:focus
    {
        border:2px solid #af4975;
    }
    
.btnSubmit
{
margin-top:18px;
margin-bottom:12px;
margin-left:5px;
}

/*
================================
FOOTER STYLES 
================================
*/

#footer
{
    width:100%;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}

    #footer ul
    {
        list-style-type:none;
        text-align:center;
        line-height:24px;
        padding-bottom:20px;
    }

    #footer li
    {
        position:relative;
    }

.carLogos
{
    margin-top:40px;
    margin-right:25px;
}