/* Css Default */
@import url("boxes.css");
@import url("custom_styles.css");

/* Modules */
@import url("quotes.css");
@import url("catalog.css");
@import url("news.css");
@import url("profile.css");
@import url("search.css");
@import url("weblog.css");
@import url("photoalbum.css");

html,body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    background-color: #fff;
    background-image: url(/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: 0px 80px;
    color: #5e5e5e;
    font-family: Verdana,Arial,Helvetica, sans-serif;
    text-align: left;
}

/* Heading */
h1 { color: #5e5e5e; font-size: 28px; font-weight: normal; margin-bottom: 8px; padding-bottom: 8px; line-height: 28px; }
h2 { color: #f47920; font-size: 16px; font-weight: normal; padding: 10px 0px 0px 0px; }
h3 { color: #5e5e5e; font-size: 12px; font-weight: bold;}
h4 { color: #5e5e5e; font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 2px 0; }
h5 { color: #5e5e5e; font-size: 11px; font-weight: normal;}
h6 { color: #5e5e5e; font-size: 10px; font-weight: normal;}

/* Paragraph */
p { line-height: 20px; font-size: 12px; }
strong { color: #5e5e5e;}

/* Lists */
.contentMain ul { line-height: 18px; list-style: disc; margin: 0; }
.contentMain li { }
ol { line-height: 18px; margin-left: 20px; margin-bottom: 20px; }

/* Links */
 a:link, a:visited  { color: #f47920; text-decoration: none; }
 a:hover { color: #f47920; font-weight: normal; text-decoration: underline; }

/* Image */
img { border: none; }

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
 	width: 100%;
}

div#top {
    margin: 0 auto;
    height: 80px;
    width: 980px;
}

div#quoteBox {
    position: absolute;
    width: 510px;
    margin-top: 60px;
    z-index: 1000;
}

div#header {
    margin: 0 auto;
    height: 400px;
    width: 980px;
}

div#headerRoute {
    height: 400px;
    width: 100%;
}

.logo {
    float: left;
    width: auto;
    height: auto;
    padding: 0;
    margin: 12px 0 0 0;
    position: relative;
}


div#menu{
    width: auto;
    float: right;
    margin: 0 auto;
}


div#mainWrapper {
    margin: 0;
    clear: both;
    width: 100%;
    height: auto;
    min-height: 300px;
}

div#main {
    margin: 0 auto;
    width: 980px;
    height: auto;
}

div#mainContent {
    float: left;
    width: 620px;
    height: auto;
    padding: 0;
    margin: 30px 0 0 0;
}


div#rightContent {
    float: right;
    width: 270px;
    margin: 30px 0 0 40px;
}

div#push {
    clear: both;
    height: 100px;
}

div#footerWrapper {
    height: 200px;
    background-image: url(/images/footer-bg.jpg);
    background-repeat: repeat-x;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 10px;
    text-align: left;
    color: #5e5e5e;
}

div#footer {
    width: 980px;
    height: 120px;
    margin: 0 auto;
}

.footerListLeft{ float: left; list-style: none; margin: 20px 0 0 0; padding: 0; line-height: 20px;}
.footerListLeft li { clear: left; padding: 0 12px 0 0; font-size: 11px; }

.footerListRight { float: right; list-style: none; margin: 20px 0 0 0; padding: 0; }
.footerListRight li { float: left; padding: 0 6px 0 6px; font-size: 11px; border-right: Solid 1px #ccc;}

#footerWrapper a:link, #footerWrapper a:visited {
    color: #5e5e5e;
    text-decoration: none;
}

#footerWrapper a:hover { color: #f47920; }

div#footerBottom {
    width: 980px;
    height: 30px;
    clear: left;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0px 0 0 0;
}

.copyright { display: block; float: left;}

.twitter {
    display: block;
    float: right;
    padding: 0;
}