﻿/* apply to all the elements */

* { margin: 0; padding: 0 }

/* apply to body and elements */

body
{
    font-size: 62.5%;
    font-family: Arial, Verdana, Sans-Serif;
    color: #222;
    background: #000;
}
img
{
    border: none;
}
p
{
    font-size: 1.2em;
    line-height: 1.4em;
    word-spacing: 2px;
    display: block;
    margin-bottom: 10px;
}
h1
{
    width: 760px;
    height: 33px;
    display: block;
}
h2
{
    font-size: 1.5em;
    display: block;
    margin-bottom: 10px;
}
h3
{
    font-size: 1.4em;
    display: block;
    margin-bottom: 10px;
}
h4
{
    font-size: 1.3em;
    display: block;
    margin-bottom: 10px;
}
label
{
    font-size: 1.4em;
}
table
{
    border: none;
}
td
{
    vertical-align: top;
}
a
{
    color: #ff0000;
    font-weight: bold;  
    text-decoration: none;
}
a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
a:active 
{
	color: #8489C4;
	text-decoration: none;
}
hr 
{
    display: block;
    color: #000;
    margin-bottom: 10px;
    clear: both;
}
/* wrapper and ideed elements */

#header-wrapper
{
    width: 100%;
    height: 171px;
    background: url(images/header-bg.jpg) repeat-x left top;
    overflow: hidden;
}
#banner
{
    width: 760px;
    height: 145px;
    margin: 0 auto;
}
#navigation
{
    width: 756px;
    height: 22px;
    background: #646265;
    border: solid 2px #020202;
    margin: 0 auto;
    overflow: hidden;
}
#navigation ul, #navigation li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li
{
    display: inline;
}
#content-wrapper
{
    width: 100%;
    background: url(images/content-wrapper-bg.jpg) repeat-y center top;
    overflow: hidden;
}
#content-container
{
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
}
#content-container .content-curve-top
{
    width: 760px;
    height: 21px;
    background: url(images/content_curve_top.gif) no-repeat left top;
}
#content-container .content-curve-top-index
{
    width: 760px;
    height: 21px;
    background: url(images/content_curve_top_index.gif) no-repeat left top;
}
#content-container .content-curve-bottom
{
    width: 760px;
    height: 39px;
    background: url(images/content-curve-bottom.jpg) no-repeat left top;
}
#content-container .content 
{
    width: 700px;
    background: url(images/content_bg.gif) repeat-y left top;
    padding: 0 30px;
    overflow: hidden;
}
#content-container .content .half-col
{
    width: 340px;
    overflow: hidden;   
}
#content-container .content .three-fourth-col
{
    width: 500px;
    overflow: hidden;
}
#content-container .content .one-fourth-col
{
    width: 180px;
    overflow: hidden;   
}
#content-container #multipart-index-container
{
    width: 700px;
    background: url(images/content_bg_index.gif) repeat-y left top;
    padding: 0 30px;
    overflow: hidden;
}
#content-container #multipart-index-container .multipart-content
{
    width: 494px;
    float: left;
    overflow: hidden;
}
#content-container #multipart-index-container .blogs
{
    width: 180px;
    float: right;
    margin-bottom: 15px;
    overflow: hidden;
}
#content-container #multipart-index-container .multipart-content .half-col
{
    width: 240px;
    overflow: hidden;   
}
h1.welcome
{
    background: url(images/welcome.jpg) no-repeat left top;
}
h1.about-us
{
    background: url(images/about-us.jpg) no-repeat left top;
}
h1.services
{
    background: url(images/services.jpg) no-repeat left top;
}
h1.contact
{
    background: url(images/contact.jpg) no-repeat left top;
}
h1.gallery
{
    background: url(images/gallery.jpg) no-repeat left top;
}
h1.van-graphics-orlando
{
    background: url(images/van-graphics-orlando.jpg) left top;
}
h1.trailer-graphics
{
    background: url(images/trailer-graphics.jpg) left top;
}
h1.truck-graphics
{
    background: url(images/truck-graphics.jpg) left top;
}
h1.vehicle-graphics
{
    background: url(images/vehicle-graphics-orlando.jpg) left top;
}
h1.fleet-graphics
{
    background: url(images/fleet-graphics.jpg) left top;
}
h1.blog
{
    background: url(images/blog.jpg) left top;
}
h1.chat
{
    background: url(images/chat.jpg) left top;
}
#logos-container
{
    padding-top: 15px;
    text-align: center;
}
#logos-container img
{
    margin-right: 10px;
}
.services-list
{
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 15px 15px;
}
.services-list li
{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #999;
}
.services-list li a, .services-list li span
{
    font-size: 1.2em;
    font-weight: bold;
}
.services-list li span
{
    color: #222;
}
.services-list li a:hover
{
    text-decoration: none;
}
#form td
{
    padding: 5px 0;
}
#footer-wrapper
{
    width: 100%;
    height: 70px;
    background: url(images/footer-wrapper-bg.jpg) repeat-x left top #000;
}
#footer-strip
{
    width: 756px;
    height: 22px;
    background: #646265;
    border-left: solid 2px #020202;
    border-right: solid 2px #020202;
    border-top: solid 1px #020202;
    border-bottom: solid 1px #020202;
    margin: 0 auto;
}
#footer
{
    width: 760px;
    margin: 0 auto;
}
#footer ul, #footer li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer ul
{
    margin-top: 5px;
    text-align: center;
}
#footer li
{
    display: inline;
    margin-right: 5px;
    border-right: solid 1px #B6FFB6;
}
#footer ul li a
{
    font-size: 1.2em;
    color: #ff0000;
    text-decoration: none;
    padding-right: 5px;
}
#footer ul li a:hover
{
    text-decoration: underline;
}
#footer ul li.last-footer-item
{
    margin-right: 0;
    border: none;
}
#footer ul li a.last-footer-link
{
    padding-right: 0;
}
#footer .copyright
{
    display: block;
    margin-top: 5px;
    color: #ccc;
    text-align: center;
}
/* usable classes */
.no-bottom-margin { margin-bottom: 0 }
.less-bottom-margin { margin-bottom: 5px; }
.more-bottom-margin { margin-bottom: 15px; }
.add-margin-left { margin-left: 10px; }
.add-margin-right { margin-right: 10px; }

.align-left{ text-align: left }
.align-right{ text-align: right }
.align-center{ text-align: center }

.red-text { color: #ff0000; }
.bigger-font { font-size: 1.4em; }
.strong { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }


/* blog related styles */

ul.list {
    list-style-image: url(images/bullet.png);
    list-style-position: outside;
    margin-left: 16px;
    margin-bottom: 20px;
}
ul.list li {
    margin-bottom: 5px;
}
ul.list li a {
    font-size: 1.2em;
}
ul.list li a:hover {
    text-decoration: none;
}
.widget_meta ul li a 
{
    color: #333;
}
.widget_meta ul li a:hover 
{
    color: #fff;
}
	h2 a:hover, h3 a:hover {
	color: #333333;
	text-decoration: none;
	}
	
	#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}
	#sidebar h2.widgettitle {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	}
