@charset "UTF-8";
/* 
Valid CSS by Infinity Media 
http://www.infinitymedia.ca
319*/
/*
Basic Positioning
----------------------------*/
.floatRight
{
float:right;
}
.floatLeft
{
float:left;
}
body
{
padding-bottom:10px;
width:100%;
}
div#bodyTopBar
{
float:left;
width:100%;
position:absolute;
height:67px;
top:0px;
left:0px;
}
div#container
{
position:relative;
width:999px;
margin:0em auto;
padding-bottom:10px;
margin-bottom:10px;
}
div#header, div#mainBody, div#secondaryNav
{
position:relative;
margin:0em 10px;
margin-top:0px;
padding-top:0px;
}
div#header
{
height:338px;
}
div#mainBody
{
padding-left:10px;
padding-right:10px;
}
div#header #mainNav, div#header #mainNav ul li, div#header #mainNav ul li a
{
height:30px;
}
div#header #mainNav
{
height:50px;
margin:0px;
padding:0px;
width:979px;
position:absolute;
top:308px;
}
div#header #mainNav ul li
{
float:left;
}
div#header #mainNav ul li#mainNavLogin
{
float:right;
margin-right:20px;
text-transform:uppercase;
border-left:1px solid white;
border-right:1px solid white;
}
div#header #mainNav ul li#mainNavLogin a
{
padding:0px 30px;
}
div#header #mainNav ul li#mainNavFirstItem
{
margin-left:20px;
}
div#header #mainNav ul li a
{
line-height:30px;
padding:0px 10px;
font-weight:bold;
text-decoration:none;
}
div#header #mainNav ul li a:hover
{
text-decoration:underline;
}
/* Branding */
div#header #headerBranding h1
{
position:relative;
left:20px;
display:block;
width:206px;
height:58px;
text-indent:-5000px;
overflow:hidden;
}
div#header #headerContact
{
position:relative;
top:-1.5em;
left: 240px;
font-size:large;
font-size: 24px;
}
div#header #headerContact li
{
display:inline;
margin:12px;
}
/* Snippet */
div#header #headerSnippet
{
margin-top:50px;
margin-left:50px;
margin-right:450px;
font-size:x-large;
line-height:1.5;
}
/* Sidebar */
#mainBody #sideBar
{
width:297px;
position: relative;
float:right;
top:10px;
right:10px;
}
#mainBody #main
{
width:616px;
position:relative;
top:10px;
left:10px;
}
#secondaryNav
{
clear:both;
height:26px;
width:977px;
position:relative;
left:-20px;
color:#FFFFFF;
}
#secondaryNav ul li
{
float:left;
line-height:26px;
margin:0em 0.5em;
}
#secondaryNav ul li a
{
float:left;
height:26px;
color:#FFFFFF;
}
/* FEATURED ITEM */
#featuredItem .wrapBottomRight /* Innermost Wrap div*/
{
padding:1em;
color:#333;
}
#featuredItem  h2
{
text-align:center;
font-size: 18px;
margin:0.5em;
}
#featuredItem h3
{
position:relative;
font-size:x-large;
margin-top:1em;
text-align:center;
}
#featuredItem h4
{
background:url(../images/layout/mainNav_activeItem_repeatY.png) 50% 50% repeat-x;
float:right;
position:relative;
line-height:30px;
height:30px;
top:-30px;
padding:0px 5px;
}
#featuredItem h4 a
{
color:#FFFFFF;
}
#secondaryNav
{
}
/*
Background Images
----------------------------*/
body
{
/*background:url(../images/layout/bodyBGTest_repeatXY.png); /* TODO: update to actual image */
background: #eed6e0;
}
div#bodyTopBar
{
/*background:url(../images/layout/bodyBG_topBar_repeatY.png) top left repeat-x;*/
}
div#container
{
background:url(../images/layout/opacity75White.png) transparent;
}
div#header
{
background:url(../images/layout/headerStockPhoto01.png) top right no-repeat #fff;
}
div#header #mainNav
{
background:url(../images/layout/mainNav_bg_repeatY.png) top left repeat-x;
}
div#header #mainNav #mainNavList li.active
{
background:url(../images/layout/mainNav_activeItem_repeatY.png) top left repeat-x;
}
div#header #mainNav #mainNavList li#mainNavLogin
{
background:url(../images/layout/mainNav_login_repeatY.png) top left repeat-x;
}
div#header #headerBranding h1
{
background:url(../images/layout/ccsLogo_206x58.png) top left no-repeat;
}
/* Featured Item */
#featuredItem
{
background:url(../images/layout/contentBody_blueBox_repeatY.png) 50% 50% repeat-x;
}
#featuredItem div.wrapTopLeft
{
background:url(../images/layout/contentBody_blueBox_topLeft.png) top left no-repeat;
}
#featuredItem div.wrapTopRight
{
background:url(../images/layout/contentBody_blueBox_topRight.png) top right no-repeat;
}
#featuredItem div.wrapBottomLeft
{
background:url(../images/layout/contentBody_blueBox_bottomLeft.png) bottom left no-repeat;
}
#featuredItem div.wrapBottomRight
{
background:url(../images/layout/contentBody_blueBox_bottomRight.png) bottom right no-repeat;
}
#secondaryNav
{
background:url(../images/layout/footer_repeatY.png) top left repeat-x;
}
/* Content Body*/	
#contentBody
{
margin:1em 0em;
background:url(../images/layout/contentBody_sideLeft_repeatX.png) top left repeat-y #FFFFFF;
}	
#contentBody .wrapContent
{
background:url(../images/layout/contentBody_sideRight_repeatX.png) top right repeat-y;
}	
#contentBody .wrapContent .inner
{
margin:0em 1em;
background-color:transparent;
}	
#contentBody .wrapTop
{
background:url(../images/layout/contentBody_top_repeatY.png) top left repeat-x;
height:12px;
line-height:12px;
}	
#contentBody .wrapTop .outer
{
background:url(../images/layout/contentBody_cornerTopLeft.png) top left no-repeat;
height:12px;
line-height:12px;
}	
#contentBody .wrapTop .inner
{
background:url(../images/layout/contentBody_cornerTopRight.png) top right no-repeat;
height:12px;
line-height:12px;
}	
#contentBody .wrapBottom
{
background:url(../images/layout/contentBody_bottom_repeatY.png) bottom left repeat-x;
height:12px;
line-height:12px;
}	
#contentBody .wrapBottom .outer
{
background:url(../images/layout/contentBody_cornerBottomLeft.png) bottom left no-repeat;
height:12px;
line-height:12px;
}	
#contentBody .wrapBottom .inner
{
background:url(../images/layout/contentBody_cornerBottomRight.png) bottom right no-repeat;
height:12px;
line-height:12px;
}	
#uselessSpacerForIE
{
display:none;
}	
/*
Basic Colors
----------------------------*/
div#mainBody
{
background:#f5fbd0;
border:1px #ff0062 solid;
border-top:none;
}
div#bodyTopBar
{
border-bottom:1px #ff0062 solid;
}
div#header #mainNav ul li a
{
color:#FFFFFF;
}
div#header #headerSnippet
{
color:#4dc5d6;
}
div#header #headerContact
{
color:#9dc712;
}
div#secondaryNav
{
border-top:1px #ff0062 solid;
}
/*
Text Replace
----------------------------*/
#contentBody h2#ourStaff
{
display:block;
overflow:hidden;
text-indent:-5000px;
background:url(../images/layout/contentBody_textReplace_ourStaff.png) no-repeat;
width:119px;
height:33px;
}
#sideBar h2#ourServices
{
display:block;
overflow:hidden;
text-indent:-5000px;
background:url(../images/layout/right_textReplace_ourServices.png) no-repeat;
width:154px;
height:27px;
}
#sideBar h2#visitBlog a
{
display:block;
overflow:hidden;
text-indent:-5000px;
background:url(../images/layout/visitOurBlog.png) no-repeat;
width:215px;
height:124px;
}

.small {
	font-size: 10px;
}

table.pad td {
	padding: 3px;
}