﻿
body
{
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    color:#4d4d4d;
    margin:0;
    background: url(../images/bg.jpg) no-repeat; 
    background-attachment:fixed;
   /*background-color:#ebebeb;*/ 
}


/***  styles  ***/
.clearfix
{
    clear:both;
}

hr
{
	border:0;                   /* for FF; border reset */
	background:transparent;     /* for Opera and Safari; remove default hr color */
	font-size:0px;              /* for FF to mimic the fix "margins" on hr in IE */
	border-top:1px solid #dddddd;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}
    
a 
{
    color:#006837;
    text-decoration:none;
}
    
a:hover
{
    text-decoration:underline;
}

.yellow {
    color:#fcc612;
}
    
/****************/


/***  h tag styles  ***/

h1 
{
    font-family:Verdana;
    font-size:1.600em;
    color:#7e1624;
}

h2
{
    font-family:Verdana;
    font-size:1.0em;
    color:#333333;
    margin:14px 0;
}

h3 
{
    margin:10px 0 5px 0;
    padding:0;
    color:#7e1624;
    font-size:1.00em;
}

a 
{
    color:#1656ac;
}

/****************/

#container 
{
    width:980px;
    margin-top:50px;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 2px 1px 2px rgba(7, 7, 7, 0.5);
    box-shadow: 0px 2px 1px 2px rgba(7, 7, 7, 0.5); 
}

    #header 
    {
        
        background-color:#7e1624;
        width:980px;
        height:146px;
    }
    
    #header #headerlogo {
        float:left;
        margin:30px 0 0 20px;

    }

    #header #headerlogo p {        
        
        font-size:2.3em;
        color:#ffffff;
    }

        #header #headertext {
            float:right;        
            margin:55px 20px 0 0;
        }

        #header #headertext p {
            color:#ffffff;
    text-align: left;
}

        #header #headertext a {
            color:#ffffff;
        
        }


.green {
    color:#1656ac;
}

.strong {
    font-weight:bold;
}

.greenbold {
    margin:10px 0 10px 0;
    font-weight:bold;
    color:#1656ac;
}

.pricelist {	
	margin:20px 0 0 0;
	padding:0;
	border:1px solid #666666;
	font-size:0.652em;
}

.pricelist th {
	color:#FFFFFF;
	background-color:#1656ad;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	text-align:center;
	padding:4px 6px;
}

.pricelist th.thleft 
{
    color:#FFFFFF;
	background-color:#1656ad;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	text-align:center;
	text-align:left;
	padding:4px 6px;
}

.pricelist td {
	color:#000000;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	padding:0;
	text-align:center;
	font-weight:bold;
}


.pricelist td.left {
	text-align:left;
}

.pricelist td a {
	text-decoration:none;
	display:block;
	padding:4px 6px;
	color:#92d400;
}

.pricelist td.end 
{    
    border:none;
}
.strongheading {
    margin:15px 0 0 0;
    font-weight:bold;
}

#quotebanner {
    background-color:#f0f3f5;
    width:980px;
    height:30px;

}

#quotebanner ul {
    margin:0;
    padding:0;
    list-style:none;
    display:block;
}

#quotebanner ul li {
    color:#1656ac;
    display:inline;
    margin:0;
    padding:0 0 0 40px;
    font-size:1.3em;

}

#quotebanner ul li.middle {
    padding:0 0 0 210px;

}

#quotebanner ul li.end {
    padding:0 0 0 110px;

}

/**Side content**/

#sidecontent {
    width:220px;
    float:left;
}

#sidenav {
    margin:18px 0 0 0;
    float:left;
    width:220px;
}

    #sidenav ul {
        margin: 0 0 0 15px;
        padding: 0px;
        list-style:none;
        display:block;
    }

    #sidenav ul li {
        background-color: #7e1624;
        border-bottom:2px solid #c5c8ca;
        line-height:35px;
        padding:0 0 0 10px;
        margin:0px;
        height:35px;
        font-size:0.900em;
    }

    #sidenav ul li a 
    {
        color:#ffffff;
    } 

    #sidenav ul li a:hover 
    {
        color:#ffffff;
        text-decoration:underline;
    }

    #sidequote {
    margin:10px 0 0 0;
    float:left;
    width:220px;
}

    #sidequote p {
        margin:8px 0 0 15px;
        color:#1656ac;
}

#content 
{
    width:700px;
    margin:0 10px 0 0;
    float:left;
    background-color:#ffffff;
    padding:20px;
}

 #content #contact-map {
	border:solid 2px #dcb26f;
	padding:0;
	margin:18px 0 30px 0;
	height:310px;
	width:600px;
}


.infoWindow p {
     color:#000000;
     font-weight:bold;
     font-size:0.8em;
 }

.infoWindow a {
     color:#7e1624;
     font-weight:bold;
     font-size:1.0em;
 }

#content p
{
    margin:8px 0 0 0;
    padding:0;
    font-size:0.875em;
    color:#333333;
}

    #content a {
        color:#7e1624;
    }
    #content p.contact {
        font-size:1.100em;
        font-weight:bold;
    }

#content ul
{
    padding:0;
    margin:10px 0 0 0;
    color:#333333;
    list-style:none;
}

#content ul li
{
    background: url(../images/list_arrow.jpg) no-repeat 0% 50%;
    padding:0 0 0 15px;
    display:block;
    font-weight:normal;
    margin:10px 0 0 0;
    font-size:0.875em;
    color:#333333;
}

    #content ul li.top {
     background: url(../images/list_arrow.jpg) no-repeat 0% 20%;
    }

    #content ul li.top2 {
     background: url(../images/list_arrow.jpg) no-repeat 0% 10%;
    }

#content ul.left {
    float:left;
    margin:15px 20px 15px 0;
}

    #content ul.right {
    float:right;
    margin:15px 20px 15px 0;
    width: 412px;
}

   

/**Carousel**/
#carouselWrap 
    {
        height:370px;
        position:relative;
        font-size:1.5em;
        border-bottom:6px solid #7e1624;
        overflow:hidden;
    }
    
    .carouselItem 
    {
        width:970px;
        height:370px;
        position:relative;
    }
    
    .carouselDesc 
    {
        position:absolute;
        padding:10px;
        background:url(../images/cycleDesc-bg.png) repeat-x 0 bottom;
        width:970px;
        height:110px;
        bottom:0;
        left:0;
    }
    
        .carouselDesc p
        {
            padding:0;
            margin:0;
            font-size:1.000em;
            font-family: 'Open Sans', sans-serif;
            font-weight:400;
            line-height:120%;
            color:#ffffff;
            position:absolute;
            bottom:20px;
            left:20px;
        }
    
        .carouselDesc p span
        {
            color:#a5cf4c;
            font-size:0.875em;
        }

/**********  IMAGE GALLERY  **********/

#image_gallery {
	margin: 0px;
	width:700px;
	background-color:#ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#image_gallery .image_panel {
	margin: 0 0 20px 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.image_panel img {
	background-color:#7e1624;
	margin:  0;
	padding: 3px;
}
.image_panel h3 
{
    color:#7e1624;
    font-size:1.100em;
    margin:0 0 10px 0;
}  

/**Contentul**/

#contentul {
    margin:10px 0 0 0;
    padding:0;
    width: 622px;
}

#contentul ul 
{
    margin:0;
    padding:0;
    list-style:none;
}

#contentul ul li 
{
    padding:0 5px 0 0;
    background:none;
    font-weight:bold;
    color:#989896;
    display:inline;
}
/**listsyle***/

#liststyle {
        width:300px;
        margin:70px 0 0 0;
        float:right;
}

#liststyle ul {
        list-style:none;
        margin:0;
        padding:0;
}

#liststyle ul li {
        background: url(../images/list_arrow.jpg) no-repeat 0% 50%;
        padding:0 0 0 15px;
        margin:10px 0 0 0;
        font-weight:bold;
        font-size:1.000em;
}

#liststyle ul li.top {
        background: url(../images/list_arrow.jpg) no-repeat 0% 20%;
}

#liststyle ul.ulleft {
        float:left;
        margin:0;
}

#liststyle ul.ulright {
        float:right;
        margin:0 35px 0 0;
}

.imgleft {
        padding:10px 10px 0 0;
        float:left;
 }

.imgright {
        padding:12px 0 20px 10px;
        margin:0;
        float:right;
}

/**Footer**/ 
#footer 
{
    margin:10px 0 10px 0;
    height:60px;
    background-color:#7e1624;
}

#footer p 
{
    margin: 0px;
    color:#ffffff;
    padding: 8px 0 0 0;
    text-align:center;
    font-size:0.875em;
}

#footer a {
    color:#ffffff;
    text-decoration:underline;
}

#footer h3 
{
    font-weight:normal;
    padding:5px 0 0 0;
    color:#ffffff;
    text-align:center;
    font-size:0.875em;
}