h1,h2,h4,h6{font-family:'Times New Roman', serif;color: #B35D19;}
h1{font-size: 180%;font-style:italic; margin: 0 0 15px 0;}
h2{font-size: 160%;margin: 0 0 15px 0;}
h3{font-size: 140%;color: green; margin: 0 0 15px 0;}
h4{font-size: 150%;margin: 0 0 15px 0;}
h5{font-size: 100%;color:#ffff66; margin: 0 0 15px 0;}
h6{font-size: 100%;margin: 0 0 15px 0;}
p {
    font-family: 'Roboto', sans-serif;
    font-size: 95%;
    line-height: 110%;
    margin: 0 0 10px 0;
    color: white;
    }
blockquote {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 200%;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    color: #DFD072;
    }
.facebook{
    width:27px;
    position:absolute;
    right:5px;
    bottom:0;
    z-index:8000;
}
.facebook img{
    width:100%;
    float:left;
}

.radioWrap{display:block;padding:10px 0 10px 0;}
.ratesTable{
    -webkit-box-shadow: 0 10px 80px #DFD072;
    -moz-box-shadow: 0 10px 80px #DFD072;
    box-shadow: 0 10px 80px #DFD072;
   background: rgba(255,255,255,0.8);
    font-size:80%;
    margin:0 auto 100px auto;
}

.ratesTable, .ratesTable p{
    font-family: Roboto, sans-serif;
    width:85%;
    color:#000;
    
    
   
}
.ratesTable th{
    font-weight: bold;
}
.ratesTable td{
    border: 1px solid #000;
    text-align: center;
    padding:10px 4px 10px 4px;
}
.ratesTable tr:nth-child(1){
font-weight: bold;
}

img{
    padding:0;
    margin:0;
}
.align-center{
    text-align: center;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
a.SMbutton{
    color:#000;
    background-color:white;
    text-decoration: none;
    font-weight: bold;
    margin:10px 30px;
    padding:5px 30px;
    border-radius: 6px;
    border: 4px
    border-color:black
    text-align: center;
    /*
    text-shadow: 0 -1px 0 rgba(0,0,0,.20);
    background: -moz-linear-gradient(top, #4F793B, #1d88d9);
    background: -webkit-gradient(linear, left top, left bottom, from(#4F793B), to(#A4B591));
    background: -moz-linear-gradient(top, #4F793B, #A4B591);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    */
}
a.SMbutton:hover{
    color:green;
}



a.SMbuttonLarge{
    color:#000;
    background-color:white;
    text-decoration: none;
    font-weight: bold;
    margin:30px 30px;
    padding:20px 40px;
    border-radius: 6px;
    border: 4px
    border-color:black
    text-align: center;
    /*
    text-shadow: 0 -1px 0 rgba(0,0,0,.20);
    background: -moz-linear-gradient(top, #4F793B, #1d88d9);
    background: -webkit-gradient(linear, left top, left bottom, from(#4F793B), to(#A4B591));
    background: -moz-linear-gradient(top, #4F793B, #A4B591);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    */
}
a.SMbuttonLarge:hover{
    color:green;
}












.shadow{
    -webkit-box-shadow: 0px 2px 4px #000000;
    -moz-box-shadow: 0px 2px 4px #000000;
    box-shadow: 0px 70px 46px -31px #999;
    }
ul{padding:0;margin:0;list-style:none;}
li{padding:0;margin:0;}


.SMbuttonYellow a{text-decoration: none;}


.SMbuttonYellow{
    color:#000000;
    background-color:#f4f3c0;
    text-decoration: none;
    font-weight: bold;
    margin:10px 30px;
    padding:6px 40px;
    border-radius: 0px;
    border: 4px
    border-color:black
    text-align: center;
    /*
    text-shadow: 0 -1px 0 rgba(0,0,0,.20);
    background: -moz-linear-gradient(top, #4F793B, #1d88d9);
    background: -webkit-gradient(linear, left top, left bottom, from(#4F793B), to(#A4B591));
    background: -moz-linear-gradient(top, #4F793B, #A4B591);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
    */
}
.SMbuttonYellow:hover{
    color:green;
}    

figure.image {
    display: inline-block;
    border: none;
    margin: 0 2px 0 1px;
    background:none;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image img {
    margin: 8px 2px 0 2px;
}

figure.image figcaption{
    margin: 6px 1px 6px 1px;
    text-align: center;
}

.content ul{
    /*list-style-type: circle;*/
    list-style-type: disc;
    margin:0;
}
.content li{
    margin:0 0 0 50px;
}
.boxOne{
    border-color: whitesmoke;
    border-width:6px;
    border-style:outset;
    background-color:#CCC;
    color:black;
    padding:3px;
    text-align: center;
    margin:0 auto;
}
.boxTwo{
    display: inline-block;
    border-color: whitesmoke;
    border-width: 5px;
    border-style: double;
    background-color: #CCC;
    color:black;
    padding: 3px;
    text-align: center;
    vertical-align: top;
}
.boxTwo:first-child{
    margin:0 5px 0 0;
}
.boxTwo a{
    color:black;
    cursor:pointer;
}
.LBTONY{
    background-color: transparent;
    color: white;
}
.LBTONY a{
    color: white;
}
.content img{
    padding:0 10px 10px 10px;
}
.col1of3, .col2of3, .col3of3{
    width:32%;
    float:left;
}
.col1of3, .col2of3{
    margin:0 0px 0 0;
}
.col1of3 figure.image img, .col2of3 figure.image img, .col3of3 figure.image img{
    display:block;
    margin:0 auto;
    text-align:center;
}
.col1of3 figure.image, .col2of3 figure.image, .col3of3 figure.image{
    width:100%;
}
.col1of3 figure.image figcaption, .col2of3 figure.image figcaption, .col3of3 figure.image figcaption{
    font-size:90%;
}


.firstthird{
        width:80%;
        /*width:30%;*/
        float:left;
        overflow: hidden;
    }
.firstthirdwrapperForForm{
    float:left;
    /*width:30%;*/
    width:80%;
    overflow:hidden;
}
.secondthird{
    width:19%;
    /*width:30%;*/
    float:left;
    overflow: hidden;
}
.thirdthird{
    width:30%;
}
.secondthird img, .thirdthird img{
    margin:0 0 5px 0;
    padding:0;
    display:block;
    border:2px solid purple;
}
.secondthird p, .thirdthird p{
    text-align: center;
}
.editorbtn{
    border: solid 1px #333;
    color: #FFF;
    background-color: #006600;
    text-decoration: none;
    font-size: 14px;
    padding: 5px;
    margin: 2px 0 2px 0;
    border-radius: 6px;
    display: inline-block;
}
.innerborder{
    border: 1px solid #FFF;
    margin: 4px;
    height:50px;
}
.innerborder p{
    display:none;
    color:#FFF;
    margin:2px 0 9px 0;
    position:relative;
    border-top:1px solid #FFF;
}
.clear{clear:both;}

@media screen and (min-width:768px){
    /*desktops*/
    body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a3a3a+20,ededed+51,3f3f3f+82 */
background: #3a3a3a; /* Old browsers */
background: -moz-linear-gradient(left, #3a3a3a 20%, #ededed 51%, #3f3f3f 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3a3a3a 20%,#ededed 51%,#3f3f3f 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3a3a3a 20%,#ededed 51%,#3f3f3f 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#3f3f3f',GradientType=1 ); /* IE6-9 */
    }
.contentWrap{
    background-image: url('/images/giorgioslimousine+background.png');
    background-color:#999;
    max-width: 1250px;
    width: 100%;
    margin:0 auto 0 auto;
}
.barWrap{
    max-width: 1250px;
    width: 100%;
    margin:0 auto 30px auto;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#660000+0,000000+26,0f0502+56,660000+100 */
    background: #660000; /* Old browsers */
    background: -moz-linear-gradient(left, #660000 0%, #000000 26%, #0f0502 56%, #660000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #660000 0%,#000000 26%,#0f0502 56%,#660000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #660000 0%,#000000 26%,#0f0502 56%,#660000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=1 ); /* IE6-9 */
 }
    .barcontent{
        width:100%;
        max-width:1250px;
        padding:20px 0px 10px 0px;   
        position:relative;
        text-align: center;
    }
    .barSpot{
        display: inline-block;
        margin:0 5px 0 0;   
    }
    .barSpot:last-child{
        margin:0 0 0 0;
    }
    .barSpot p{
        font-size:80%;
    }
    .barSpot img{
        border:1px solid purple;
    }
    .content{
        width:95%;
        max-width:1250px;
        padding:20px 10px 20px 10px;   
        position:relative;
    }    
    .largecolumn{
        width:75%;
        float:left;
    }
    .smallcolumn{
        width:20%;
        float:left;
    }
    .twocolumneven{
        width:48%;
        border:none;
        float:left;
    }
    .threecolumn{
        width:31%;
        border:none;
        float:left;
    }
    .leftpad{
        margin-right:1%;
    }
    .logo{
    display:block;
    margin:10px auto;
    position:relative;
    }
    
    .logoBlock,.logoBlockExecutive, .logoBlockChaut{
    margin:10px auto;
    position:relative;
    width:1250px;
    }
    .logoBlock p{
        color:#CCC;
        font-size:80%;
        padding:0 25px 0 0;
        position:absolute;
        display:block;
        bottom:40px;
        right:-23px;
    }

    .logoBlock p.subTitle{
        color:#CCC;
        font-size:80%;
        padding:0 25px 0px 0;
        position:absolute;
        display:block;
        bottom:25px;
        right:-23px;

    }


    .logoBlockExecutive p{
        color:#CCC;
        font-size:80%;
        padding:0 25px 0 0;
        position:absolute;
        display:block;
        bottom:6px;
        right:-23px;
    }

    .logoBlockChaut p{
        color:#CCC;
        font-size:80%;
        padding:0 33px 0 0;
        position:absolute;
        display:block;
        bottom:24px;
        right:-23px;
    }

    .inner_footer{
    width:90%;
    max-width:1250px;
    margin:0 auto;
}
    .inner_footer{
    width:90%;
    margin:0 auto;
    }
    .footer{
        width: 1250px;
        margin: 0 auto 0 auto;
        background-image: url('/images/giorgioslimousine+background.png');
        background-color: #000;
        padding:25px 0px 10px 0px;
        color:#FFF;
        position:relative;
    }
}
@media screen and (max-width:768px){
    /* mobile devices*/

.clearMobile{clear:both;}


.ratesTable{
    -webkit-box-shadow: 0 10px 80px #DFD072;
    -moz-box-shadow: 0 10px 80px #DFD072;
    box-shadow: 0 10px 80px #DFD072;
    background: rgba(255,255,255,0.8);
    font-size:70%;
    margin:0 auto 100px auto;
}

.ratesTable, .ratesTable p{
    font-family: Roboto, sans-serif;
    width:85%;
    color:#000;
    
    
   
}
.ratesTable th{
    font-weight: bold;
}
.ratesTable td{
    border: 1px solid #000;
    text-align: center;
    padding:10px 2px 10px 2px;
}
.ratesTable tr:nth-child(1){
font-weight: bold;
}







    .facebook{
    width:27px;
    position:absolute;
    right:5px;
    bottom:-38px;
    z-index:8000;
}
    a.SMbutton{
        color:#FFF;
        background-color:#000;
        text-decoration: none;
        font-size:90%;
        font-weight: bold;
        text-align: center;
        width:70%;
        display:block;
        margin:10px auto;
        padding:15px 30px;
        border-radius: 6px;
    }
    a.SMbutton:hover{
        color:#FFF;
    }

    
    a.SMbuttonLarge{
        color:#000;
        background-color:#FFF;
        text-decoration: none;
        font-size:90%;
        font-weight: bold;
        text-align: center;
        width:70%;
        display:block;
        margin:10px auto;
        padding:15px 30px;
        border-radius: 6px;
    }
    
    
    
    
    .logoBlock,.logoBlockExecutive,.logoBlockChaut{
    margin:10px auto 0 auto;
    position:relative;
    width:100%;
    }
    .logoBlock p{
        background-color:#000;
        color:#CCC;
        font-size:60%;
        padding:0;
        margin:0;
        display:block;
        bottom:0;
        right:0;
    }

    .logoBlockExecutive p{
        background-color:#000;
        color:#CCC;
        font-size:60%;
        padding:3px;
        margin:0;
        display:block;
        bottom:0;
        right:0;
    }

.logoBlockChaut p{
        background-color:#000;
        color:#CCC;
        font-size:60%;
        padding:3px;
        margin:0;
        display:block;
        bottom:0;
        right:0;
    }




    
    .logo{
    display:block;
    width:100%;
    }
    .contentWrap{
        margin:50px auto 0 auto;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e0001+0,6a0019+51,6a0019+100 */
        background: #4e0001; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #4e0001 0%, #6a0019 51%, #6a0019 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #4e0001 0%,#6a0019 51%,#6a0019 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #4e0001 0%,#6a0019 51%,#6a0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e0001', endColorstr='#6a0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        width:100%;
    }
    .content{
        width:90%;
        padding:0;  
        margin:0 auto 0 auto;
        position:relative;
        /*opacity: .9;*/
    }
    .footer{
        background-color:#000;
        width:100%;
        padding:10px 0 10px 0;
    }
body{background:none;}
.firstthirdwrapperForForm{
    float:left;
    /*width:30%;*/
    width:100%;
    overflow:hidden;
}
.barWrap{
    width: 100%;
    margin:0 auto 30px auto;
 }
    .barcontent{
        width:100%;
        padding:20px 0px 10px 0px;   
        position:relative;
        text-align: center;
    }
    .barSpot{
        display: inline-block;
        margin:0 5px 0 0;   
    }
    .barSpot:last-child{
        margin:0 0 0 0;
    }
    .barSpot p{
        font-size:80%;
    }
    .barSpot img{
        border:1px solid purple;
    }
    .content{
        width:95%;
        max-width:1250px;
        padding:20px 10px 20px 10px;   
        position:relative;
    }    
    
    
    .firstthird,.secondthird, .thirdthird{
        width:100%;
        float:left;
    }
    .largecolumn{
        width:100%;
        float:left;
    }
    .smallcolumn{
        width:100%;
        float:left;
    }
    .twocolumneven{
        width:100%;
        border:none;
        float:left;
    }
    .threecolumneven{
        width:100%;
        border:none;
        float:left;
    }
    .leftpad{
        margin-right:0%;
    }
    
   
    .whitetext{
      color:#FFF;
    }
    
}
/*end of Mobile media 768 max **/


a{
	color:grey;
	text-decoration:none;
}

a:hover{	
	text-decoration:underline;
}

#container{	/* the main container div */
	width:890px;
	margin:20px auto;
}

#heading,#footer{	/* the header and the footer share some of their style rules */
	background-color:#2A2A2A;
	border:1px solid #444444;
	height:20px;
	padding:6px 0 25px 15px;
	margin-bottom:30px;
	overflow:hidden;
}

#footer{	/* ..but not all */
	height:10px;
	margin:20px 0 20px 0;
	padding:6px 0 11px 15px;
}

div.nomargin{	/* our special nomargin class */
	/*margin-right:0px;*/
}

.pic{	/* divs that hold all the pictures in the gallery */
	float:left;
	margin:0 10px 10px 0;
	border:5px solid white;
	width:220px;
	height:250px;
}

.pic a{	/* in every .pic container there is a hyperlink exactly the size of the container */
	width:220px;
	height:250px;
	text-indent:-99999px;
	display:block;	/* don't forget that widths and heights of hyperlinks are useless without display:block */
}




