/*------------ EQUI-BIZ CSS FILE -----------------*/
/*------- created by Mark Everard 2007 -----------*/
/*--------#291F75 #E3D8E8 #333 -------------------*/

/* PAGE LAYOUT STYLES */

* {margin:0;padding:0;}

body {text-align: center;background:#291F75 url(stripe.gif) repeat;font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;color:#333;}

/* container layout */
.container {text-align:left;margin:0 auto;width:975px;}
#banner .container {position:relative;}

.clear {clear:both;}

/* FONT STYLES */

h1 {font: bold 20px/14px "lucida grande","trebuchet ms",verdana,sans-serif;color: #2E3695;margin: 7px 0px 10px;text-decoration: none;}
h2 {font: bold 16px/22px "lucida grande","trebuchet ms",verdana,sans-serif;color:#0077ee;margin: 7px 0px 0;}
h3 {font: 12px/34px "lucida grande","trebuchet ms",verdana,sans-serif;color:#0077ee;margin: 6px 0px 0;}
h4 {font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;color:#ccc;margin: -5px 0px 0;}
h5 {font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;color: #333;text-align:center;margin: 6px 0px 0;}

p {margin: 6px 0px 0;}
p.errormsg{color:#B61424;font-weight:700;}

hr {border:1px solid #ccc;border-width:1px 0 0 0;height:1px;margin:1px;clear:both;}

#frame ul {list-style: none;margin:0 10px 0;}
#frame ul li {}
#frame ul li a {display: inline;padding:0px;}
#frame ul li a:hover {text-decoration: none;}
#frame ul.sub {list-style:none;margin:0 0 0 40px;}

ul.listp{margin: 6px 15px 0;}

/* anchor links */
a, a.visited{color:#3300FF;}
a:hover{color:#0077ee;text-decoration:none;}

/* BANNER STYLES */

#banner {background: url(banner_bg.gif) repeat-x top;
    height: 160px;
    position: relative;
    width: 100%;
    min-width: 975px;}

.equibiz #banner {background-image: url(banner_bg_blue.gif);}
.buddies #banner {background-image: url(banner_bg_skyblue.gif);}
.equiads #banner {background-image: url(banner_bg_green.gif);}
.mirotec #banner {background-image: url(banner_bg_red.gif);}
.petads #banner {background-image: url(banner_bg_red.gif);}
.gallery #banner {background-image: url(banner_bg_orange.gif);}
.contact #banner {background-image: url(banner_bg_yellow.gif);}

/* HORSE LOGO */

#horselogo {background: url(horsedesk.gif) no-repeat;
    position: absolute;
    top: -1px;
    right: 15px;
    width: 298px;
    height: 140px;}

#horsepc {background: url(equibiznavigation.gif) no-repeat top left;
    position: absolute;
    top: 58px;
    right: 221px;
    width: 62px;
    height: 40px;
    border:1px solid #000;
    background-position: -645px -99px;}

.equibiz #horsepc {background-position: -105px -99px;}
.buddies #horsepc {background-position: -195px -99px;}
.equiads #horsepc {background-position: -285px -99px;}
.mirotec #horsepc {background-position: -375px -99px;}
.petads #horsepc {background-position: -375px -99px;}
.gallery #horsepc {background-position: -555px -99px;}
.contact #horsepc {background-position: -465px -99px;}

/* NAVIGATION BAR */

#navigation {list-style:none;position:absolute;top:100px;height:55px;width:975px;left:0px;}

#navigation li {float:left;height:55px;width:90px;}
#navigation li a {background:url(equibiznavigation.gif) no-repeat top left;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin: 8px 0 0 0;
    height: 42px;}

/* navigation images */

#navigation li a span {visibility: hidden;}
#navigation a.home {background-position: 0 0;}
#navigation a.equibiz {background-position: -90px 0;}
#navigation a.buddies {background-position: -180px 0;}
#navigation a.equiads {background-position: -270px 0;}
#navigation a.mirotec {background-position: -360px 0;}
#navigation a.petads {background-position: -360px 0;}
#navigation a.gallery {background-position: -540px 0;}
#navigation a.contact {background-position: -450px 0;}

/* navigation hover images */

#navigation .home:hover {background-position: 0 -97px;}
#navigation .equibiz:hover {background-position: -90px -97px;}
#navigation .buddies:hover {background-position: -180px -97px;}
#navigation .equiads:hover {background-position: -270px -97px;}
#navigation .mirotec:hover {background-position: -360px -97px;}
#navigation .petads:hover {background-position: -360px -97px;}
#navigation .gallery:hover {background-position: -540px -97px;}
#navigation .contact:hover {background-position: -450px -97px;}

/* navigation current page images */

.home #navigation .home,.equibiz #navigation .equibiz,.buddies #navigation .buddies,.equiads #navigation .equiads,.mirotec #navigation .mirotec,.petads #navigation .petads,.contact #navigation .contact,.gallery #navigation .gallery,.home #navigation .home:hover,.equibiz #navigation .equibiz:hover,.buddies #navigation .buddies:hover,.equiads #navigation .equiads:hover,.mirotec #navigation .mirotec:hover,.contact #navigation .contact:hover,.gallery #navigation .gallery:hover {margin: 0;height: 55px !important;}
.home #navigation .home {background-position: 0 -42px !important;}
.equibiz #navigation .equibiz {background-position: -90px -42px !important;}
.buddies #navigation .buddies {background-position: -180px -42px !important;}
.equiads #navigation .equiads {background-position: -270px -42px !important;}
.mirotec #navigation .mirotec {background-position: -360px -42px !important;}
.petads #navigation .petads {background-position: -360px -42px !important;}
.gallery #navigation .gallery {background-position: -540px -42px !important;}
.contact #navigation .contact {background-position: -450px -42px !important;}

/* CONTENT FRAME */

/* layout */

#frame {background:#E3D8E8;padding:2px 2px 10px;margin:0;width:100%;min-width:975px;}
#frame .main {float:left;width:665px;padding:0;}
#frame .side {float:left;margin:0 0 0 10px;width: 275px;}

/* main layout */

#frame .maintop {background: transparent url(main_top.gif) no-repeat top left;height:4px;}
#frame .mainbottom {background: transparent url(main_bottom.gif) no-repeat bottom left;height:4px;}
#frame .contentholder{padding:0;background: transparent url(main_bg.gif) repeat-y 0 0;}
#frame .padder{padding:0 20px 0;}

/* frame banner */

.blockheader{height:20px;margin:5px 7px 10px;}
.home .blockheader{background: #ABA0C0 url(footer_bg.gif) repeat-x bottom left;}
.equibiz .blockheader {background:#1739E3 url(footer_bg_blue.gif) repeat-x bottom left;}
.buddies .blockheader {background:#17C1F2 url(footer_bg_skyblue.gif) repeat-x bottom left;}
.equiads .blockheader {background:#B3D133 url(footer_bg_green.gif) repeat-x bottom left;}
.mirotec .blockheader {background:#EE1A30 url(footer_bg_red.gif) repeat-x bottom left;}
.petads .blockheader {background:#EE1A30 url(footer_bg_red.gif) repeat-x bottom left;}
.gallery .blockheader {background:#F27B17 url(footer_bg_orange.gif) repeat-x bottom left;}
.contact .blockheader {background:#FDD132 url(footer_bg_yellow.gif) repeat-x bottom left;}

/* QuickSummary */

.quickSummary {font-weight:700;margin:0px 10px 0;padding:10px;clear:both;margin-bottom:10px;width:220px;float:right;background: #E3D8E8 url(sidebar_bg.jpg) repeat-y -5px 0;border-bottom:#C3B6DB 1px solid;border-left:#C3B6DB 1px solid;}
.quickIssue {font-weight:700;margin:0px 10px 0;padding:10px;clear:both;margin-bottom:10px;width:280px;float:right;background: #E3D8E8 url(sidebar_bg.jpg) repeat-y -5px 0;border-bottom:#C3B6DB 1px solid;border-left:#C3B6DB 1px solid;}


/* Gallery List */

div.oddrow{width:95%;margin:0 10px 0;padding:5px;clear:both;border-top:1px solid #ccc;}
.oddrow img{float:left;
    padding:5px;
    margin:10px;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    border-bottom:#999 2px solid;
    border-right:#999 2px solid;
    background:#FEFEFE;}
.oddrow a:hover img {background-color:#E3D8E8;}
.oddrow p.imgleft{margin-left:100px;}

/* Image display */

a img{border:0;}
.contentholder img {padding:5px;
    margin:10px;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    border-bottom:#999 2px solid;
    border-right:#999 2px solid;
    background:#FEFEFE;}
img.portraitfull{width:274px;}
img.landscapefull{width:375px;}
img.mytagleft{float:left;margin-left:0px;}
img.mytagleftblank{float:left;border:0;background:transparent;margin-left:0px;}
img.mytagright{float:right;margin:0px;clear:right;margin-right:0px;}
img.mytagrightblank{float:right;border:0;background:transparent;margin-right:0px;;clear:right;}
img.mytagblank{border:0;background:transparent;margin:0px;}

/* Table */

table{text-align:center;margin:10px; width:500px;font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;color:#333;}
td, th {text-align:center;}
th {background-color:#ABA0C0;}

/* side layout */

#frame .sidecontentholder {background: #E3D8E8 url(sidebar_bg.jpg) repeat-y top left;margin: 0 0 10px 0;}
#frame .sidetop {background: url(sidebar_top.jpg) no-repeat top left;height:4px;}
#frame .sidebottom {background: url(sidebar_bottom.jpg) no-repeat bottom left;height:4px;}
.sidecontentholder p, .sidecontentholder a, .sidecontentholder h1, .sidecontentholder h2, .sidecontentholder h3, .sidecontentholder h4, .sidecontentholder h5 , .sidecontentholder hr {padding:0 15px 0;}

#frame .newsholder{overflow:hidden;height:120px;}
/* navigation raquo styles */

.home .side span {color:#ABA0C0;}
.equibiz .side span {color:#1739E3;}
.buddies .side span{color:#17C1F2;}
.equiads .side span{color:#B3D133;}
.gallery .side span{color:#F27B17;}
.mirotec .side span{color:#EE1A30;}
.petads .side span{color:#EE1A30;}

/* FOOTER */

#footer {clear: both;
    margin-top:0px;
    text-align: center;
    padding: 0;
    color: #999;
    background:transparent url(footer_bg.gif) repeat-x top left;}

/* footer current page images */

.equibiz #footer {background:transparent url(footer_bg_blue.gif) repeat-x top left;}
.buddies #footer {background:transparent url(footer_bg_skyblue.gif) repeat-x top left;}
.equiads #footer {background:transparent url(footer_bg_green.gif) repeat-x top left;}
.mirotec #footer {background:transparent url(footer_bg_red.gif) repeat-x top left;}
.petads #footer {background:transparent url(footer_bg_red.gif) repeat-x top left;}
.gallery #footer {background:transparent url(footer_bg_orange.gif) repeat-x top left;}
.contact #footer {background:transparent url(footer_bg_yellow.gif) repeat-x top left;}

#footer p {width: 975px;
    display: block;
    margin: 0 auto;
    color: #999;
    height: 45px;
    padding: 30px 0 0 0;
    text-align: center;}

#footer a{color:#999;text-decoration:none;}
#footer a:hover{color:#ffff33;background-color:#003C65;}
#footer a.admin{color:#999;text-decoration:none;}
#footer a.admin:hover{color:#E3D8E8;background-color:transparent;}

/*> 14. Contact */


/* INPUT TAGS */

/* used for textbox labels */
span{font-weight:700;margin-left:10px;}

input, select {width:300px;
    color:#333;
    font:bold 12px/22px "lucida grande",verdana,sans-serif;
    border:1px solid #C3B6DB;
    background-color:#fff;
    padding: 5px;
    margin: 5px 0 0 10px;
    width: 260px;}

input.btn{width:100px;color:#ffffff;background-color:#2E3695;margin:10px;cursor:pointer;}
input.btn:focus{color:#2E3695;}
input.check, select.check{width:40px;margin:0;}

textarea {background: #fff;
    border: 1px solid #C3B6DB;
    color:#333;
    font: bold 12px/22px "lucida grande",verdana,sans-serif;
    padding: 10px;
    margin: 5px 0 0 10px;
    height: 150px;
    width: 605px;}

textarea.full{height:600px;}
textarea:focus, input:focus {background-color:#F1F1F1;}

/* NEWS TICKER */

#ticker-container {width: 270px;}
#ticker0, #ticker1 {width:270px;color:#333;text-decoration:none;}
#ticker0 h4 a, #ticker1 h4 a {color:#000;font-weight:700;text-decoration:none;margin-top:6px;padding:0 15px 0;}
#ticker0 a:hover h4, #ticker1 a:hover h4{text-decoration:underline;}
#ticker0 a p, #ticker1 a p{color:#333;text-decoration:none;padding:0 0px 0;}
#ticker0 p a, #ticker1 p a{color:#333;text-decoration:none;padding:0 0px 0;}
#ticker0 a:hover p, #ticker1 a:hover p{text-decoration:none;}

/* PHOTO FADER */

#photo-container {width: 260px;
    text-align:center;
    padding:5px;
    margin:10px;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    border-bottom:#999 2px solid;
    border-right:#999 2px solid;
    background:#FEFEFE;}

#photo-container img{width:260px;height:195px;position:relative;top:0;border:0;}

/* DJ FILE UPLOAD  */

div.upContainer{width: 300px;
            height: 60px;
            border:1px solid #C3B6DB;
            background-color: #fff;}

div.upOuterBar{width: 280px;
        height: 40px;
        margin: 10px;
        border:1px solid #C3B6DB;
        background-color: #E3D8E8;
        overflow: hidden;}

div.upInnerBar{width: 0;
        height: 40px;
        background-color: #2E3695;
        position: relative;}

div.upLabel{width: 100%;
        background-color: Transparent;
        color: #0077ee;
        text-align: center;
        z-index: 9999;
        position: relative;
        top: -25px;}


/* PATCHES & FIXES */

.clear {clear:both;display:block;}

.clearfix:after,#frame:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* Hides from IE-mac \*/
* html .clearfix,* html #frame,* html #south {height: 1%;}

/* End hide from IE-mac */