BODY {

font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
margin:  7px auto;
font-size: 12px;
background-color: #000;

}



#wrapper {
width: 820px;
background-color: #fff;
margin: 7px auto;
}


#topbar
{
	width: 100%;
	background-image: url(../images/navbar.jpg);
	background-repeat: no-repeat;
	height: 75px;
	border-top: 1px solid #fff;
}

#topbar UL {list-style-type: none; width: 500px; float: right; margin-top: 0px;}
#topbar LI {float: left; border-left: 1px solid #fff; height: 75px; width: 98px; }
#topbar A 
{
  
    color: #570F0B;
    font-size: 17px;
    text-decoration: none;
   text-align: center;
   display: block;
   margin-top: 30px;
   
}
#topbar A:hover 
{
    color: #FFF; 
    text-decoration: none;
}

#middlebar
{
	background-color: #080A0B;
	width: 818px;
	height: 235px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 8px solid #F0BB19;
	background-image: url(../images/blackcat.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#tagline {margin-left: 100px; margin-top: 35px;}

/* CONTENT BOX */


#leftcol
{
	width: 410px;
	padding: 20px;
	float: left;
}

#portfoliopage #leftcol, #aboutpage #leftcol {width: 200px; padding: 20px 20p 20px 10px;}
#middlecol
{
	min-height: 265px;
	padding: 20px;
	height: 100%;
	top: auto;
	width: auto;
	position: relative;
	margin-left: 240px;
	padding-left: 20px;
	line-height: 150%;
	

}



#homepage #middlecol {margin-left: 450px;}

#rightcol {
clear: both;
width: 26%;
margin-top: -265px;
float: right;
min-height: 250px;
}

#footer
{
	clear: both;
	padding: 10px;
	font-size: 10px;
	width: 800px;
	color: #333;
	height: 20px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
}

#footer A {
color: #333;
text-decoration: none;
margin-right: 2px;}

#footer A:hover {
color: #300;}

H1 {font-size: 17px; color: #570F0B; text-align: right;}
#homepage H1 {text-align: left;}
H2 {font-size: 28px; color: #999; font-weight: normal; text-indent: 30px; border-bottom: 1px solid #570F0B;}
A { color: #570F0B;}
A:hover {color: #F0BB19;}

/* Gallery images */

.container {width: 200px; margin: 10px auto; float: left; }
#portfoliopage .container {width: 550px; margin: 10px auto;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:2px solid #000; width:175px; height:125px; float:left; margin:2px;  }

a.slide1 { background-image: url(../images/portfolio/web/axiom.gif); }
a.slide2 { background-image: url(../images/portfolio/web/brynwood.gif); }
a.slide3 { background-image: url(../images/portfolio/web/detailauthority.gif); }
a.slide4 { background-image: url(../images/portfolio/web/douglinfound.gif); }
a.slide5 { background-image: url(../images/portfolio/web/douglingroup.gif); }
a.slide6 { background-image: url(../images/portfolio/web/gusguild.gif); }
a.slide7 { background-image: url(../images/portfolio/web/im.gif); }
a.slide8 { background-image: url(../images/portfolio/web/knightpoint.gif); }
a.slide9 { background-image: url(../images/portfolio/web/pih.gif); }
a.slide10 { background-image: url(../images/portfolio/web/rsps.gif); }

a.slide11 { background-image: url(../images/portfolio/web/taphere.gif); }
a.slide12 { background-image: url(../images/portfolio/web/tcat.gif); }
a.slide13 { background-image: url(../images/portfolio/web/trinityschool.gif); }
a.slide14 { background-image: url(../images/portfolio/web/stuswoodworks.gif); }
a.slide15 { background-image: url(../images/portfolio/web/somersteam.gif); }
a.slide16 { background-image: url(../images/portfolio/web/soudal.gif); }
a.slide17 { background-image: url(../images/portfolio/web/brainbench.gif); }
a.slide18 { background-image: url(../images/portfolio/web/sgsbuilders.gif); }
a.slide19 { background-image: url(../images/portfolio/web/democracyvineyards.gif); }
a.slide20 { background-image: url(../images/portfolio/web/merryoakkennel.gif); }
a.slide21 { background-image: url(../images/portfolio/web/jpbas.gif); }
a.slide22 { background-image: url(../images/portfolio/web/mindfulnesscenter.gif); }
a.slide23 { background-image: url(../images/portfolio/web/thecapitalgroup.gif); }
a.slide24 { background-image: url(../images/portfolio/web/reeselawoffice.gif); }
a.slide25 { background-image: url(../images/portfolio/web/kskmakeup.gif); }


/* CORNER BOXES */
.cornerBox
{       clear: both;
	position: relative;
	background: #F0BB19;
	width: 385px;
	height: 69px;

}

#contactpage .cornerBox {width: 100%;
height: auto;}
.corner
{
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('../images/corners.gif') no-repeat;
	font-size: 0%;
	
}

.cornerBoxInner { padding: 3px 10px; }

.TL
{
	top: 0;
	left: 0;
	background-position: 0 0;
}

.TR
{
	top: 0;
	right: 0;
	background-position: -10px 0;
}

.BL
{
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}

.BR
{
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}

.cornerBoxInner H1 {padding-bottom: 3px; margin-bottom:0;}
.cornerBoxInner A:hover {color: #fff;}
/*	Vertical Accordions
		*/
		
#vertical_container {margin-top: 20px;}		

.accordion_toggle
{
	display: block;
	height: 30px;
	width: 90%;
	background-image: url(../images/arrowup.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #F0BB19;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #000;
	cursor: pointer;
	margin: 0 5px 0 0;
text-decoration: none;}

.accordion_toggle:hover
{
	background-color: #570F0B;
	background-image: url(../images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	color: #fff;
text-decoration: none;}

.accordion_toggle_active
{
	background-color: #570F0B;
	color: #ffffff;
	border-bottom: 1px solid #000;
	background-image: url(../images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
text-decoration: none;}


/*
.accordion_toggle_active:hover
{
	background-color: #e0e0e0;
	background-image: url(../images/arrowup.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	color: #315F7B;
}
*/

.accordion_content {overflow: hidden; padding: 5px; line-height: 150%;}

.accordion_content A
{padding-left: 25px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
}
.accordion_content A:hover {color: #333;}

#notreal { display: none; visibility: hidden;}

/* Greybox styles */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }