body { background-color:#4D5F5E; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }


.menu {
	z-index: 3;
	position: absolute;
	font-size : 13px;
	font-family: calibri;
	text-decoration: none;
	top: 30px;
	left: 50px;
	float: left;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
	list-style-image: none;
	list-style-type: none;
}


.menulink {
		color : #FFFFFF;
		text-decoration:none;
		
}

.menuactive {
		color : #000000;
		text-decoration:none;
				font-weight : bold;
		
}

.menu a:hover {
		color : #ff0000;
		text-decoration:none;
}

.menu li.select {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}
.menu li.top.select {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}


.menu li {
	margin-top: 5 px;
	text-decoration:none;
}

.menu li.last {
	margin-top: 14 px;
	text-decoration:none;
}

.menu li.last.select {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}
div.leftcol{
	width:490px;
}
img{
	border:0;
}
div.socnet{
	width:420px;
	margin:20px 0 10px 0;
}
div.socialbtn{
	width:16px;
	float:left;
	margin:0 9px 0 0;
}
p.meta{
	color:#777;
}
.grey{
	color:#777;
}
.italic{
	font-style:italic;
}

.bold{
	font-weight:bold;
}


.homelogo {
	z-index: 2;
	position: absolute;
	top: 190px;
	left: 50px;
	float: left;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
}

.homelight {
	z-index: 1;
	position: absolute;
		top: -80px;
	visibility: visible;
	white-space: normal;
	left: 130px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
	border: 0px;
}

.twitterbox {
	z-index: 3;
	position: absolute;
	top: 192px;
	left: 380px;
	float: left;
	visibility: visible;
	white-space: normal;
	margin: 0px;
	overflow: hidden;
	width:320px;
	height:106;
	background:url(images/twitter-box.png) top left no-repeat;
	font-size : 13px;
	font-family : Calibri;
	color : #FFFFFF;
	text-decoration:none;
}
.twitterbox-inside{
	margin: 25px 35px 10px 10px;
}
.sublight {
	z-index: 1;
	position: absolute;
	visibility: visible;
	white-space: normal;
	left: 0px;
	top: -80px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
}






.subhead {
	font-size : 19px;
	font-family : Calibri;
	font-weight : bold;
	color : #000000;
}

.tagline {
	font-size : 14px;
	font-family : Calibri;
	font-weight : bold;
	color : #37392B;
}

.case {
	font-size : 19px;
	font-family : Calibri;
	font-weight : bold;
	color : #37392B;
}

.floor {
	z-index: 1;
	position: absolute;
	top: 264px;
	visibility: visible;
	white-space: normal;
	right: 0px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
}

.casebanner {
	z-index: 3;
		position: absolute;
	left: 15px;
		top: 14px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: visible;
}

.casebannerblog {
	z-index: 3;
		position: absolute;
	left: 15px;
		top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: visible;
}


.caselogo {
	z-index: 4;
	position: absolute;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 90px;
	padding-right: 0px;
	padding-top: 90px;
	padding-bottom: 80px;
	overflow: visible;
}


.casetitle {
	font-size : 19px;
	font-family : Calibri;
	font-weight : bold;
	color : #000000;
	/*display:block;
	margin:94px 0 0 0;*/
	position:relative;
	top:86px;
}
.blogpage-title {
	font-size : 26px;
	font-family : Calibri;
	font-weight : bold;
	color : #000000;
	position:relative;
	top:76px;
	text-transform:uppercase;
}

.blogtitle {
	font-size : 29px;
	font-family : Calibri;
	font-weight : bold;
	color : #000000;
	/*display:block;
	margin:94px 0 0 0;*/
	position:relative;
	top:76px;
}


.caseheader {
	background-color:#C3CAC9;
		padding: 5px;
	font-size : 19px;
	font-family : Calibri;
	font-weight : bold;
	color : #000000;
}


.holder {
	
	z-index: 2;

	position: absolute;
	top: 30;
	width: 852;
	left: 275px;
	float: left;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;

	}



.contentbkg {
	
	background: url(images/bkg_tile.png)
	top right repeat-y; 
	position: relative;
	z-index: 2;
	top: 33;
	min-height:540px;
	}



.contenttop {
	
	z-index: 2;
	visibility: visible;
	position: absolute;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: visible;

	
}


.contentbottom {
	
	z-index: 2;
	visibility: visible;
	position: relative;
	white-space: normal;
	padding: 0px;

	margin: 0px;
	padding-left: 0px;
	padding-right: -10px;
	top: 17px;
	padding-top: 0px;
	overflow: visible;

	
}


.footerhome {
	z-index: 9;
	position: absolute;
	left: 50px;
	width: 700;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	top: 750;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	overflow: visible;
	padding-bottom: 0px;
	bottom: 0px;
}


.footer {
	z-index: 2;
	position: relative;
	left: 50px;
	width: 700;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	top: -130;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	overflow: visible;
	padding-bottom: 0px;
	bottom: 0px;
}


.footertext {
	font-size : 13px;
	font-family : Calibri;
	color : #FFFFFF;
	text-decoration:none;
}


.header {
	z-index: 3;
	position: relative;
	left: 50px;
	width: 100;
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	top: 300;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
	padding-bottom: 0px;
	bottom: 0px;
}


.headerlink {
	font-size : 13px;
	font-family : Calibri;
	color : #FFFFFF;
	text-decoration:none;
}

.headerlink:hover {
	font-size : 13px;
	font-family : Calibri;
	color : #bf000a;
	text-decoration:none;
}


.footerbold {
	font-size : 14px;
	font-family : Calibri;
	font-weight : bold;
	color : #FFFFFF;
}

.bodytext {
	font-size : 13px;
	font-family : Calibri;
	
	color : #37392B;

}


.content {

	position: relative;
	width: 400;
	z-index: 2;	
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 16px;
	left: 385px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	overflow: visible;
}


.content a:link {
		color : #BF000A;
		text-decoration:none;
		font-weight : bold;
}

.content a:link:hover {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}

.content a:visited {
		color : #BF000A;
		text-decoration:none;
		font-weight : bold;
}

.contentcase {

	position: relative;
	width: 700;
	z-index: 2;	
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 16px;
	left: 75px;

	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	overflow: visible;
}

.contentcase a:link {
		color : #BF000A;
		text-decoration:none;
		font-weight : bold;
}

.contentcase a:link:hover {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}

.contentcase a:visited {
		color : #BF000A;
		text-decoration:none;
		font-weight : bold;
}


.contentblog {

	position: relative;
	width: 450;

	z-index: 2;	
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 16px;
	left: 75px;

	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	overflow: visible;
}


.contentblog a:link {
		color : #bf000a;
		text-decoration:none;
		font-weight : bold;
}

.contentblog a:link:hover {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}

.contentblog a:visited {
		color : #bf000a;
		text-decoration:none;
		font-weight : bold;
}


.contentpeople {

	position: relative;
	width: 500;
	z-index: 2;	
	visibility: visible;
	white-space: normal;
	padding: 0px;
	margin: 16px;
	left: 275px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	overflow: visible;
}


.contentpeople a:link {
		color : #bf000a;
		text-decoration:none;
		font-weight : bold;
}

.contentpeople a:link:hover {
		color : #000000;
		text-decoration:none;
		font-weight : bold;
}

.contentpeople a:visited {
		color : #bf000a;
		text-decoration:none;
		font-weight : bold;
}




.graphics {
	z-index: 3;
	position: absolute;
	top: 40px;
	left: 95px;
	float: left;
	visibility: visible;
	white-space: normal;
	padding: 00px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
}


.graphic_blog {
  background-image:url(images/menu_blog.png);
  background-repeat:no-repeat; 
	z-index: 8;
	position: absolute;
	top: 470px;
	visibility: visible;
	white-space: normal;
	right: 620px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:514px;
  width:234px;
  cursor:pointer;
}



.graphic_blog2 {
  background-image:url(images/menu_blog2.png);
  background-repeat:no-repeat; 

	z-index: 8;
	position: absolute;
	top: 440px;
	visibility: visible;
	white-space: normal;
	right: 620px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:514px;
  width:234px;
  cursor:pointer;
}

.graphic_about {
  background-image:url(images/menu_about.png);
  background-repeat:no-repeat; 
	z-index: 7;
	position: absolute;
	top: 420px;
	visibility: visible;
	white-space: normal;
	right: 500px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:514px;
  width:234px;
  cursor:pointer;
}



.graphic_about2 {
  background-image:url(images/menu_about2.png);
  background-repeat:no-repeat; 

	z-index: 7;
	position: absolute;
	top: 390px;
	visibility: visible;
	white-space: normal;
	right: 500px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:514px;
  width:234px;
  cursor:pointer;
}





.graphic_mission {
  background-image:url(images/menu_mission.png);
  background-repeat:no-repeat; 
	z-index: 6;
	position: absolute;
	top: 375px;
	visibility: visible;
	white-space: normal;
	right: 370px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:564px;
  width:234px;
  cursor:pointer;
}

.graphic_mission2 {
  background-image:url(images/menu_mission2.png);
  background-repeat:no-repeat; 
	z-index: 6;
	position: absolute;
	top: 355px;
	visibility: visible;
	white-space: normal;
	right: 370px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:564px;
  width:234px;
  cursor:pointer;
}



.graphic_services {
  background-image:url(images/menu_services.png);
  background-repeat:no-repeat; 
	z-index: 5;
	position: absolute;
	top: 340px;
	visibility: visible;
	white-space: normal;
	right: 260px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:359px;
  width:217px;
  cursor:pointer;
}

.graphic_services2 {
  background-image:url(images/menu_services2.png);
  background-repeat:no-repeat; 
	z-index: 5;
	position: absolute;
	top: 320px;
	visibility: visible;
	white-space: normal;
	right: 260px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:359px;
  width:217px;
  cursor:pointer;
}


.graphic_clients {
  background-image:url(images/menu_clients.png);
  background-repeat:no-repeat; 
	z-index: 4;
	position: absolute;
	top: 315px;
	visibility: visible;
	white-space: normal;
	right: 180px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:321px;
  width:174px;
  cursor:pointer;
}

.graphic_clients2 {
  background-image:url(images/menu_clients2.png);
  background-repeat:no-repeat; 
	z-index: 4;
	position: absolute;
	top: 295px;
	visibility: visible;
	white-space: normal;
	right: 180px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:321px;
  width:174px;
  cursor:pointer;
}





.graphic_people {
  background-image:url(images/menu_people.png);
  background-repeat:no-repeat; 
	z-index: 3;
	position: absolute;
	top: 295px;
	visibility: visible;
	white-space: normal;
	right: 100px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:284px;
  width:140px;
  cursor:pointer;
}



.graphic_people2 {
  background-image:url(images/menu_people2.png);
  background-repeat:no-repeat; 
	z-index: 3;
	position: absolute;
	top: 275px;
	visibility: visible;
	white-space: normal;
	right: 100px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: visible;
  height:284px;
  width:140px;
  cursor:pointer;
}





.graphic_casestudies {
  background-image:url(images/menu_casestudies.png);
  background-repeat:no-repeat; 
	z-index: 2;
	position: absolute;
	top: 270px;
	visibility: visible;
	white-space: normal;
	right: 10px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: -10px;
	padding-top: 0px;
	overflow: visible;
  height:274px;
  width:136px;
  cursor:pointer;
}



.graphic_casestudies2 {
  background-image:url(images/menu_casestudies2.png);
  background-repeat:no-repeat; 
	z-index: 2;
	position: absolute;
	top: 250px;
	visibility: visible;
	white-space: normal;
	right: 10px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: -10px;
	padding-top: 0px;
	overflow: visible;
  height:274px;
  width:136px;
  cursor:pointer;
}

.logos {
	z-index: 3;
	padding: 0px;
	margin: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 25px;
	overflow: visible;
}

.defaultcontent{
	width:788px;
	padding:0 0px;
}
.defaultcontent h2{
	margin:16px 0 0 0;
	padding:0;
	line-height:inherit;
	font-size:16px;
	font-family:Calibri;
}


#blogmain {
	position: relative;
	float: left;
	padding: 0 0 0x 45px;
	margin: 0px 0 0;
	width: 450px;

	}



/* Begin Sidebar */
#sidebar
{
	z-index: 2;
	position: absolute;
	padding: 20px 0 10px 0;
	margin-left: 515px;
	margin-top: 0px;
	width: 190px;
min-height:800px;
	top: 170px;
	}

#sidebar form {
	margin: 0;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}



/* End Sidebar */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 450;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
	
	
h2.storytitle a:link,
h2.storytitle a:visited,
h2.storytitle a:active{
	color:#000;
}
h2.storytitle a:hover{
	color:#C00;
}




    #sidebartabs { /* acts as the widget container */
    clear:both;
    width:280px; /* this was an appropriate width for my sidebar, this may be different for you. */
    margin-left:10px;
    margin-bottom:20px;
    margin-top:0px;
    display:block;
    }

    #sidebartabs .tabbed div a { /* This is the styling for the links inside any of the tab areas */
    padding-left:3px;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
    font-size:10pt;
    color:#999999;
    border-bottom:#ababab 1px solid;
    text-decoration: none;
    clear:both;
    text-align:left;
    margin-left:0px;
    margin-right:4px;
    margin-top:0;
    margin-bottom:0;
    width:270px;
    }

    #sidebartabs .tabbed div a:hover { /* This is the styling when you hover over links in the tabbed area */
    color:#777777;
    text-decoration: none;
    }

    .tabbed { /* This is the tab area container */
    margin-bottom:10px;
    clear:both;
    margin-top:0px;
    }

    .tabbed ul.tabs { /* This is the styling for the tabs themselves */
    float: left;
    display: inline;
    width: 100%;
    margin: 0;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:0px;
    }

    .tabbed ul.tabs li { /* Styling for each individual tab */
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    z-index:10;
    }

    .tabbed ul.tabs li a { /* Styling for the link on the tab */
    overflow: hidden;
    display: block;
    margin: 0 1px 0 0;
    padding: 10px 12px;
    background-color:#efefef;
    cursor:pointer;
    }

    .tabbed ul.tabs li a:hover { /* This is the styling for when you hover over a tab */
    text-decoration:none;
    }

    .tabbed ul.tabs li a.tab-current { /* The styling for the activated tab */
    background-color:#e8e8e8;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:#cda2a2 solid 2px;
    }

    .tabbed div { /* This is the tab area for each tab, the inside of the tab */
    float: left;
    display: block;
    background-color:#e8e8e8;
    padding:10px;
    clear:both;
    width:100%;
    padding-bottom:20px;
    border:1px solid #CCCCCC;
    border-bottom:#cda2a2 solid 2px;
    margin-top:-1px;
    z-index:1;
    }

    .tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
    display: none;
    }