/* CSS Document */

/*-----------------------------------------------------------------------------


version:   3.0

author:    Matt Stewart

email:     matt@bcdesign.us

website:   www.bcdesign.us

-----------------------------------------------------------------------------*/


/* =body

-----------------------------------------------------------------------------*/

body {
background:#7083A6 url(../images/bg.jpg) repeat-x top left;
margin:0;
padding:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.5em;
color:#000000;
}

* html body {
font-size:x-small; /* for IE5/Win */
f\ont-size:small; /* for other IE versions */
}

a {
color:#6789BF;
text-decoration:none;
}

a:hover {
	color:#17375F;
	text-decoration:none;
	vertical-align: baseline;
}


.clearone {
clear:both;
height:1px;
}

#wrapper {
margin:0 auto;
padding:0;
width:802px;
text-align:left;
}

#header {
background:url(../images/logo.jpg) no-repeat bottom left;
width:802px;
height:126px;
}

/* =Navigation

-----------------------------------------------------------------------------*/

#nav {
	margin:0 0 0 286px;
	padding-top:90px;
	z-index: 1;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
float:left;
}

#nav span {
display:none;
}

.home {
float:left;
height:36px;
width:65px;
display:block;
}

.home a {
background:url(../images/nav/homeOff.jpg) no-repeat top left;
height:36px;
width:65px;
display:block;
}

.home a:hover {
background:url(../images/nav/homeOn.jpg) no-repeat top left;
height:36px;
width:65px;
display:block;
}

.about {
float:left;
height:36px;
width:96px;
display:block;
}

.about a {
background:url(../images/nav/aboutOff.jpg) no-repeat top left;
height:36px;
width:96px;
display:block;
}

.about a:hover {
background:url(../images/nav/aboutOn.jpg) no-repeat top left;
height:36px;
width:96px;
display:block;
}

.business {
float:left;
height:36px;
width:134px;
display:block;
}

.business a {
background:url(../images/nav/businessServicesOff.jpg) no-repeat top left;
height:36px;
width:134px;
display:block;
}

.business a:hover {
background:url(../images/nav/businessServicesOn.jpg) no-repeat top left;
height:36px;
width:134px;
display:block;
}

.case {
float:left;
height:36px;
width:108px;
display:block;
}

.case a {
background:url(../images/nav/caseOff.jpg) no-repeat top left;
height:36px;
width:108px;
display:block;
}

.case a:hover {
background:url(../images/nav/caseOn.jpg) no-repeat top left;
height:36px;
width:108px;
display:block;
}

.blog {
float:left;
height:36px;
width:108px;
display:block;
}

.blog a {
background:url(../images/nav/blogOff.jpg) no-repeat top left;
height:36px;
width:108px;
display:block;
}

.blog a:hover {
background:url(../images/nav/blogOn.jpg) no-repeat top left;
height:36px;
width:108px;
display:block;
}


.contact {
float:left;
height:36px;
width:113px;
}

.contact a {
background:url(../images/nav/contactOff.jpg) no-repeat top left;
height:36px;
width:113px;
display:block;
}

.contact a:hover {
background:url(../images/nav/contactOn.jpg) no-repeat top left;
height:36px;
width:113px;
display:block;
}




/* =Main Text

-----------------------------------------------------------------------------*/

#main {
background:url(../images/mainBG.gif);
border-left:#D6D7D7 1px solid;
border-top:#D6D7D7 1px solid;
border-right:#D6D7D7 1px solid;
}

#mainIndex {
background:url(../images/mainBG.gif);
border-left:#D6D7D7 1px solid;
border-top:#D6D7D7 1px solid;
border-right:#D6D7D7 1px solid;
}

#mainIndex img {
padding:5px 5px 0 5px;
}



/* =sideBar

-----------------------------------------------------------------------------*/

#sideBar {
background:url(../images/sideBg.jpg) repeat-y bottom left;
margin:5px 0 5px 5px;
width:278px;
float:left;
border:#D6D7D7 1px solid;
}

* html body #sideBar {
display:inline;
margin-bottom:0;
}

#sideBar h1 {
margin:0;
padding-left:12px;
background:url(../images/sideH1bg.jpg) repeat-x top left;
height:36px;
display:block;
font-size:100%;
color:#ffffff;
font-weight:normal;
line-height:2.5em;
border-bottom:#D6D7D7 1px solid;
}

#sideBar h2 {
padding:0 4px 4px;
font-size:105%;
color:#0E0F6C;
font-weight:normal;
border-bottom:#DADADA 1px solid;
display:block;
}

#sideBar ul {
margin-left:30px;
padding:0;
font-size:90%;
line-height:224%;
}

#sideBar img {
margin:4px;
border:#FFFFFF 1px solid;
}

#sideBottom {
background:url(../images/sideBt.jpg) no-repeat top left;
height:34px;
width:278px;
}


/* =content

-----------------------------------------------------------------------------*/

#content {
	margin:5px 5px 5px 3px;
	padding:0 20px;
	width:463px;
	float:right;
	border:#D6D7D7 1px solid;
	font-size:90%;
	display:inline;
	background: url(../images/contentBG.jpg) repeat-y bottom left;
}

#content h1 {
font-size:120%;
color:#0E0F6C;
border-bottom:#DADADA 1px solid;
display:block;
}

#content h1 span {
font-size:90%;
color:#666666;
font-weight:normal; 
}


#contentBottom {
background:url(../images/contentBt.jpg) no-repeat top left;
height:34px;
width:503px;
margin-left:-20px;
}

* html body #contentBottom {
margin:0;/* fixes margin issue in IE6 */
}


/* =callout

-----------------------------------------------------------------------------*/

.callout {
background:url(../images/caseBG.jpg) no-repeat top left;
margin:0 0 0 8px;
padding-top:20px;
width:447px;
display:block;
}

.callout h3 {
padding:0 0 0 40px;
color:#3C4667;
line-height:2em;
font-weight:normal;
font-size:90%;
}

.callout img {
float:left;
margin:0 0 0 38px;
padding-right:10px;
}

.callout p {
padding:0 40px;
font-size:90%;
line-height:1.3em;
}

.callout2 {
background-color:#F3F4F8;
border-style: solid ;
border-color:#D8DBE0;
border-width:1px;
margin:0px;
padding:10px;
width:420px;
display:block;
}

.callout2 h3 {
color:#3C4667;
line-height:2em;
font-weight:normal;
font-size:90%;
}

.callout2 img {
float:left;
margin:0 0 0 38px;
padding-right:10px;
}

.callout2 p {
font-size:90%;
line-height:1.5em;
}



/* =subNav

-----------------------------------------------------------------------------*/


.subNav {
background:url(../images/subNavBg.jpg) repeat-x top left;
margin:0 -16px;
padding:0 0 0 16px;
height:36px;
line-height:3.5em;
font-size:10px;
display:block;
}

*html body .subNav {
font-size:85%;/* fixes margin issue in IE6 */
}

.subNav ul {
margin:0;
padding:0;
list-style:none;
}

.subNav li {
float:left;
display:inline;
}

.subNav li a {
padding:.5em;
color:#6789BF;
text-decoration:none;
}

.subNav li a:hover {
color:#17375F;
text-decoration:none;
}

/* =index

-----------------------------------------------------------------------------*/

#sideBarIndex {
background:url(../images/sideIndexBG.jpg) repeat-y bottom left;
margin:5px 0 5px 5px;
width:387px;
height:220px;
float:left;
border:#D6D7D7 1px solid;
font-size: 11px;
}

#sideBarIndex h1 {
margin:0;
padding-left:12px;
background:url(../images/sideH1bg.jpg) repeat-x top left;
height:36px;
display:block;
font-size:100%;
color:#ffffff;
font-weight:normal;
line-height:2.5em;
border-bottom:#D6D7D7 1px solid;
}

#sideBarIndex2 {
background:url(../images/sideIndexBG.jpg) repeat-y bottom left;
margin:5px;
width:387px;
height:220px;
float:right;
border:#D6D7D7 1px solid;
font-size: 11px;
}

#sideBarIndex2 h1 {
margin:0;
padding-left:12px;
background:url(../images/sideH1bg.jpg) repeat-x top left;
height:36px;
display:block;
font-size:100%;
color:#ffffff;
font-weight:normal;
line-height:2.5em;
border-bottom:#D6D7D7 1px solid;
}
#sideBarIndex li {
	display: list-item;
	margin-left: -14px;

}
#sideBarIndex2 li {
	display: list-item;
	margin-left: -14px;
}
#sideBarIndex2 p {
padding: 0 10px 0 10px;
}





/* =footer

-----------------------------------------------------------------------------*/

#footer {
	background:url(../images/footerBg.jpg) no-repeat top center;
	margin:0 auto;
	padding:10px 0 0 0;
	height:36px;
	width:802px;
	text-align:center;
	font-size:11px;
	vertical-align: bottom;

}

/* =form

-----------------------------------------------------------------------------*/

form {
padding-bottom:10px;
}

.textarea {
width: 280px;
height: 180px;
background:#6789BF;
color:#FFF;
border:0;
margin-top:4px;
}

.text {
font-size:100%;
}

.fieldtext {
width: 170px;
height:20px;
background:#6789BF;
color:#FFF;
border:0;
margin:4px 0 4px 0;
}

.form {
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
}

.CommandButton {
font-weight: bold;
font-size:x-small;
color: #FFFFFF;
font-style: normal;

    /*border-color: #CCCCCC;*/

border-right: #000000 1px gradient;

border-top: #000000 1px gradient;

border-left: #000000 1px gradient;

border-bottom: #000000 1px gradient;

    /*border-width: thin;*/

cursor:pointer;

}

/* =form hacks

-----------------------------------------------------------------------------*/


*html body .textarea {
width: 250px;
height: 250px;
background:#6789BF;
color:#FFF;
border:0;
margin-top:4px;
}
#flash {
	background-image: url(../images/indexImage.jpg);
	background-repeat: no-repeat;
	background-position:center;
	height: 326px;
	width: 790px;
	position: relative;
	margin: 0 auto;
	z-index: 0;
	margin-top:4px;
	vertical-align:middle;
}
.imgPad {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
#content h2 {
	color: #000000;
	font-size: 12px;
}