/* CMDS Website CSS... */
html {}

body { margin: 0px; 
min-width: 1000px;
background-image: url('../images/backgroundBody.jpg');
background-position: left top;
background-repeat: repeat-x;
font-family: "Trebuchet MS", "Avenir", tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}

img { border: 0; }

/*top container*/

#theTopContainer {
    margin: 0 auto;
    height: auto;
    width: 950px; 
}

#theTopBody { 
    width: 950px;
    min-height: 100%;
    height: 100%;
    background: url('../images/border/shadowBody.png') 0 0 repeat-y;
    margin: 0 auto;
}

#theBottomBody {
    width: 950px;
    height: 50px;
    background: url('../images/border/shadowBody.png') 0 0 repeat-y;
    margin: 0 auto;
}

.servicesBody {
    width: 740px;
    margin: 0 auto 10px;
}

.leftSide{
    width:335px;
    float:left;
    display: inline;
}

.rightSide{
    width:335px;
    float:left;
    margin-left:40px;
    clear:right;
}


/*overall and functional styles*/
.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }

#theTop { 
    width:900px;
    height: 151px;
    margin: 0 auto;
    background: url('../images/topRepeat.jpg') 0 0 repeat-x;
}

#theMarginedTop { 
    width: 900px;
    height: 116px;
    margin: 0;
    background: url('../images/header.jpg') 50% 50% no-repeat;
}

/*theNavigation holds the navigation buttons in the header */
#theNavigation { 
    width: 900px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0;
    background: url('../images/navigation/navRepeat.jpg') 0 0 repeat-x;
    text-align: center;
}

#theNavigation a {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    margin: 0; 
    padding: 0 16px;
    height: 35px;
    line-height: 33px;
    vertical-align: middle;
}

#theNavigation img { vertical-align: top; margin: 0; }
#theNavigation a:hover,
#theNavigation a.active { 
    background: #de7f00;
 }

#imageHolder { 
    width: 900px;
    margin: 0 auto;
    height:275px;
}

#contentHolder { 
    width: 740px; 
    margin: 10px auto 15px;
    color: #444444;
    padding-bottom: 15px;
}

#contentHolder h1 { 
font-size: 16px; 
font-weight: bold;
color: #cc6600;
padding-bottom: 5px;
border-bottom: 1px dotted #8D6A4E;
text-align: left;
}

#contentHolder h2 { 
font-size: 14px; 
font-weight: bold;
color: #0a1e60;
padding-bottom: 0px;
text-align: left;
}

#contentHolder h3 { 
font-size: 13px;
color: #0a1e60;
margin-bottom: 10px;
margin-top: 20px;
line-height:4ex;
}

#contentHolder h5 { 
width:345px;
height:26px;
font-size: 13px;
color: #de7f00;
margin-bottom: 10px;
margin-top: 20px;
background-image: url('../images/hback.jpg');
background-position: center center;
background-repeat: repeat-x;
line-height:4ex;
margin-left:-10px;
padding-left:10px;
border:solid thin #EEECEC;
}

#contentHolder div.leftSide h5, #contentHolder div.rightSide h5 {
    margin: 20px 0 10px;
}

#contentHolder div.leftSide p, #contentHolder div.rightSide p {
    margin: 5px 10px;
}

h6 { 
font-size: 12px;
color: #0a1e60;
margin:0px; 
line-height:2ex;
margin-bottom:-5px;
}



#contentHolder ul { list-style-image: url('../images/listImg.gif'); 
font-size: 12px; 
padding-left: 17px; 
margin-left: 0px;}

#contentHolder p { font-size: 12px; margin-left: 2px; line-height: 1.2;}

#contentHolder a { color: #8D6A4E; }
#contentHolder a:hover { color: #0B1E60; text-decoration: none; }

#contentLeft { width: 440px; float: left; display: inline; clear: left; 
padding-right: 10px; 
padding-left: 10x;
margin-left: 10px;
margin-top: 25px;
text-align: left;
}

#contentRight { width: 250px; float: left; display: inline; margin-left: 15px;
margin-top: 25px;
text-align: left;
padding-right: 10px;}

#contentLine { width: 1px; height: 85%; margin-top: 15px; float: left; display: inline; background-color: #B7B9BC;}

.floatLeft { display: inline;
float: left;
}

.marginTen { margin: 10px; }

.marginLeftTop {margin-top: 10px; margin-left: 10px; }

input[type=text] { 
background-color: #d7dee6;
border-width: 1px;
}

textarea { background-color: #d7dee6;
border-width: 1px;
}

/**** end body and content ****/

/*** portfolio section ***/

#portfolioThumbHolder { min-height: 400px;  text-align:center;}
#portfolioThumbHolder img { border: 1px solid #cccccc; padding: 10px; }
.grayBorder { border: 1px solid #cccccc; }

.portBox {
width: 740px;
height: 275px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
background-image: url('../images/portfolioBgRepeat.jpg');
background-position: left bottom;
background-repeat: repeat-x;
border:solid thin #cccccc;
}

.portHidden { display:none; overflow:hidden; height:200px; }

.portBoxLeft { float: left; 
display: inline;
width: 350px;
height:234px;
margin-left: 15px;
text-align: center;
border:solid thin #cccccc;
}

.portBoxRight { float: left; 
display: inline;
width: 325px;
height: 230px;
margin-right: 15px;
margin-left: 15px;
}

.portBox h4 { font-size: 16px; 
font-weight: normal;
color: #0B1E60;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: left;
width: 98%;
border-top: 1px dotted #0B1E60;
border-bottom: 1px dotted #0B1E60;
margin-top:0px;
}

.portBox p { font-size: 12px; margin-left: 10px; 
line-height:3ex;}

.portBox a { text-decoration: none; color: #0B1E60; }
.portBox a:hover { 
color: #000000; 
text-decoration: underline;
}

/**end portfolio section***

*** begin blog section***/
#serendipityLeftSide {
width: 180px;
padding-right: 5px;
margin-right: 5px;
}

#content { width: 405px;
margin-left: 25px;
margin-right: 25px;
padding-left: 25px;
padding-right: 15px;
border-left: 1px solid  #0B1E60;
}

#serendipityRightSide {
margin-left: 25px;
width: 150px;
}

#serendipity_categories_list { width: 180px; }
/** end blog section **/
/***** begin footer *****
footerHolder holds the footer */
#footerHolder { 
    clear: left; 
    font-size: 11px; 
    font-weight: bold;
    height: 25px; 
    margin: 10px auto;
/*    background: url('../images/footer/footerBackRepeat.jpg') 0 0 repeat-x;  */
}


#footerHolder h1 { font-size: 18px; color: #000000; padding-top: 10px; }
#footerHolder a { color: #666666; text-decoration: underline; }
#footerHolder a:hover { color: #999999; text-decoration: none; }

.footerText { float: left; display: inline;
width: 145px;
height: 108px;
padding-left: 15px;
}

.footerImage  { float: left; display: inline;
width: 85px;
padding-right: 15px;
padding-top: 5px;
height: 108px;
}

/*footerText holds the text for the footer, next to the image */
#footerText {margin-top: 3px; height: 30px;}

/*footerLeft */
#footerLeft {
margin-top: 20px;
margin-left: 0;
width: 400px;
height: 33px;
float: left;
display: inline;
}

#footerLeft img {
    float: left;
    display: inline; 
    margin-top: 5px;
}

#footerRight {
width: 621px;
height: 61px;
float: left;
display: inline;
margin-left: 15px;
}
#footerBoxes { 
margin-left: auto;
margin-right: auto;
width: 843px;
height: 108px; 
text-align: center;
clear:all;
}

#footerBoxes h1 { font-weight: bold;
font-size: 12px;
padding-top: 10px;
margin-bottom: 3px;
}

#footerBoxes a { color: #0A1D5F; text-decoration: underline; }
#footerBoxes a:hover { color: #666666; text-decoration: none; }

#footerBoxes p { color: #0A1D5F; 
font-size: 11px;
font-weight: normal;
margin-top: 0px;
}


.footerInteriorBox { 
display: inline;
height: 40px;
margin-top: 0px;
margin-bottom: 7px;
margin-left: 15px;
border:solid thin #333;
}

.grayBorderRight {
padding-right: 15px;
border-right: 1px solid #B7B9BC;
}
.botNav{
clear:both;
text-align: center;
margin: 25px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #dedede;
}
/**** end footer ****/

.clearfix:after, #contentHolder:after, #portfolioThumbHolder2:after,
#theTopBody:after, .servicesBody:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.navtext {
height: 330px;
width: 500px;
padding: 5px;
font-size:12pt;
border-width:2px;
border-style:outset;
border-color:#000000;
background-color:#ffffff;
color:black;
}