@charset "UTF-8";
/* CSS Document */

#generic h1 {
color: #191d1e; 
font-weight: normal;
font-size: 19px;
background: url(../images/h1_blank.gif) top left no-repeat;
padding: 8px 0px 6px 8px; margin: 0px 0px 0px 0px;
text-transform: uppercase;
}

body {
	background: #0b0d0d;
	margin: 0 auto;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #414e54;
}

img {border: 0;}

#bottom a {color: #414e54;}

#bottom a:hover {color: #b1c2ca;}

a {color: #3d96bc; text-decoration: none;}

a:hover {color: #3d96bc; text-decoration :underline;}

/*remove link dots FF*/
:active, :focus {outline:0;}

html {}

#footer {
	width: 848px; 
	background: #151616; 
	font-size: 10px; 
	color: #869da7; 
	text-align: center;
	padding: 9px 0px;
	margin: 27px 0px 0px 26px;
	float: left;
}

#footer a {
	color: #869da7;
}

#footer a:hover, #footer a.on:hover {
	color: #fff;
text-decoration : none;
}

#footer a.on {
	color: #b1c2ca;
}

#index #flash {
	float: left; 
	width: 900px; 
	height: 415px;
}

#flash {
	float: left; 
	width: 900px; 
	height: 520px;
}

#flash p {
	padding: 100px; 
	text-transform: uppercase;
}

#bottom {
	background: url(../images/home_dots.gif) top left no-repeat; 
	width: 900px; 
	height: 124px; 
	float: left; 
	margin-top: 27px;
}

#news {
	float: left; 
	padding-left: 46px; 
	width: 404px;
}

#news ul {padding: 16px 0px 0px 0px; margin: 0; float: left; list-style: none;}

#news ul li {
	padding-bottom: 7px;
}

#client {
   float: right; 
   width: 431px; 
   padding-left: 19px;
   /*padding-right: 19px;*/

}

/**********NAVIGATION**********/
#header {
	padding: 27px 0px 27px 47px; 
	float: left;
}

#header #logo {float: left;}

#header #nav {
	float: left; 
	padding-left: 27px; 
	padding-top: 17px;

}

#header #nav img {padding-right: 14px;}

#nav {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 8px;
	display: inline;
	overflow: hidden;

}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:16px; /* for IE5/Win */
}

#nav a:hover {
	background-position: 0 -8px;
}


#story a  {
	width: 75px;
	background: url(../images/story.gif) top left no-repeat;
	
}

#what a  {
	width: 86px;
	background: url(../images/what.gif) top left no-repeat;
	
}

#work a  {
	width: 77px;
	background: url(../images/work.gif) top left no-repeat;
	
}

#meet a  {
	width: 83px;
	background: url(../images/meet.gif) top left no-repeat;
	/*padding-right: 204px;*/
margin-right: 155px;
}

#login a  {
	width: 92px;
	background: url(../images/login.gif) top left no-repeat;

	
}

#contact a  {
	width: 76px;
	background: url(../images/contact.gif) top left no-repeat;
	
}

/*nav on states*/
body#ourstory #story a {background-position: 0 -8px;}
body#whatwedo #what a {background-position: 0 -8px;}
body#ourwork #work a {background-position: 0 -8px;}
body#meetcadria #meet a {background-position: 0 -8px;}
body#clientlogin #login a {background-position: 0 -8px;}
body#contactus #contact a {background-position: 0 -8px;}
/*meet*/

#generic #content {
	background: url(../images/meet_bg.jpg) top left repeat-y;
	width: 900px;
	float: left;
}

#clientlogin #content {
	background: url(../images/meet_bg.jpg) top left repeat-y;
	width: 900px;
	float: left;
}

#contactus #content {
	background: url(../images/meet_bg.jpg) top left repeat-y;
	width: 900px;
	float: left;
}



#leftColumn {width: 197px; float: left;}

#leftNav {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 18px;
	display: inline;
	overflow: hidden;
}

#leftNav li {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#leftNav a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:18px; /* for IE5/Win */
}

#leftNav a:hover {
	background-position: 0 -8px;
}
/*
#contact a  {
	width: 197px;
	background: url(../images/contact.jpg) top left no-repeat;
	
}*/

#recent a  {
	width: 197px;
	background: url(../images/recent.jpg) top left no-repeat;
	
}

#previous a  {
	width: 197px;
	background: url(../images/previous.jpg) top left no-repeat;
	
}

#archives a  {
	width: 197px;
	background: url(../images/archives.jpg) top left no-repeat;
	
}

#rightColumn {
	width: 645px; 
	float: left; 
	padding-top: 6px; 
	padding-left: 29px; 
	padding-right: 29px; 
	min-height: 415px;
}

#rightColumn h2 {padding: 0; margin: 0; font-size: 13px;}

#meetLeft {
	padding-left: 22px;
}

#meetLeft p {padding: 0px 9px; font-size: 10px;}

#meetcadria hr {
	background: url(../images/meet_hr.jpg) top left no-repeat;
	border: 0;
}

#generic #leftColumn img {
	padding-left: 0px;
}

#contactus #leftColumn {
float: left;
width: 197px;
}

#generic #leftColumn p {
float: left;
width: 160px;
padding-left: 31px;
}

#leftColumn ul {float: left; padding: 5px 0px 0px 31px; margin: 0;}
#leftColumn ul li {margin: 0px; background: url(../images/pdf.gif) top left no-repeat; list-style: none; padding: 0px 0px 5px 13px;}

#generic #leftColumn h2, #contactus #leftColumn h2, #clientlogin #leftColumn h2 {
float: left;
width: 164px;
padding: 0px 0px 0px 31px;
margin: 0;
font-size: 11px;
text-transform: uppercase;
}

#generic #leftColumn h2#second {margin-top: 25px; float: left;}


#contactus #leftColumn p {
float: left;
width: 164px;
padding-left: 31px;
}

#clientlogin #leftColumn img {
	padding-left: 0px;
}

#clientlogin #leftColumn p {
float: left;
width: 164px;
padding-left: 31px;
}

#meetTop {
	background: url(../images/generic_top.jpg) top left no-repeat;
	width: 900px;
	height: 24px;
	float: left;
}

#contactTop {
	background: url(../images/generic_top2.jpg) top left no-repeat;
	width: 900px;
	height: 24px;
	float: left;
}

.required {color: #d82511;}

fieldset {border: 0;}

#WebLoginLayer2 input {
	padding: 0; 
	margin: 0; 
}

#WebLoginLayer2 label {
	padding: 0; 
	margin: 0; 
}

.copy p {
	padding-left: 8px; 
	width: 500px;
}

.copy ul li {
	width: 450px;
}

























































.copy ol {list-style: decimal;}

/*
.copy ol li {
	width: 450px;

}*/
.copy h2 {
	padding-left: 0px; 
	width: 500px;
        margin: 0;
;
}

#clientLeft {width: 356px; float: left; padding-left: 8px;background: url(../images/vertical_dots.gif) top left repeat-y; min-height: 415px; padding-right: 20px;}

#clientRight {float: right; width: 250px; padding-top: 12px;}

/*success page*/
/*success page*/
body#success {
	position: relative;
	height: 100%;
}

#success #header {
	position: relative;
}

#success #content {
	background: url(http://prod.cadriamarketing.com/assets/images/success_bg.jpg) top left repeat-y;
	width: 900px;
	height: 500px;
	float: left;
}

#success #leftColumn {
	width: 900px;
	background: url(http://prod.cadriamarketing.com/assets/images/success_left_new.jpg) left bottom no-repeat;
	position: absolute;
	/*height: 100%;*/
height: 500px;
	padding-left: 227px;

}

#success #leftColumn p {width: 500px; line-height: 16px;}

#success #footer {
	background: url(http://prod.cadriamarketing.com/assets/images/success_footer_new.jpg) bottom left no-repeat;
	width: 900px;
	height: 164px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#successTop {
	background: url(http://prod.cadriamarketing.com/assets/images/success_top.jpg) bottom left no-repeat;
	width: 900px;
	height: 13px;
	float: left;
}
/*
#LeftNavTest {width: 175px; float: left; padding: 25px 0px; padding-left: 10px;}

#LeftNavTest li li.active {background: url(../images/left_nav_arrow.gif) top left no-repeat; padding-left: 0px; margin-left: 10px;}
#LeftNavTest ul {list-style: none; padding: 0px 0px 10px 0px; margin: 0;}
#LeftNavTest ul li  {padding: 0px 0px 0px 10px; margin: 0;}

#LeftNavTest ul li  a:hover {background: url(../images/left_nav_arrow.gif) top left no-repeat; padding-left: 15px;}

#LeftNavTest ul li  a {color: #a01c10; padding-bottom: 3px; padding-left: 15px;}
#LeftNavTest ul li li  a {color: #000; padding-bottom: 3px; padding-left: 15px;}
#LeftNavTest ul li li li  a {color: #a01c10; padding-bottom: 3px; padding-left: 15px;}
*/
.B_crumbBox {padding-left: 25px;}
.B_crumbBox  a {color: #ccc;}

#whatwedo #flash p {padding:0px 0px 0px 25px; text-transform: none;}

#whatwedo #flash h1 {padding-left: 25px; color: #FFF;}

.ditto_pageTitle, .ditto_documentInfo, .ditto_introText {padding-left: 25px;}

/*styles for tinyMCE*/
.purpleHeader {color: #3d96bc; font-family: arial; font-size: 20px;}

/*HTML*/
#html #content {
	background: url(../images/meet_bg.jpg) top left repeat-y;
	width: 900px;
	float: left;
}


#html #meetTop {
	background: url(../images/meet_top.jpg) top left no-repeat;
	width: 900px;
	height: 14px;
	float: left;
}

#html h1 {color: #0b0d0d; margin: 0; padding: 18px 0px 5px 0px; font-weight: normal; font-size: 30px;}
#html h2 {color: #3d96bc; margin: 0; padding: 0px 0px 5px 0px; font-weight: normal;}
#html h3 {color: #3d96bc; font-weight: normal; text-decoration: none; margin: 0; padding: 0;}
#html #rightColumn a {color: #3d96bc;}

#html p {padding: 0px 0px 10px 0px; margin: 0; line-height: 14px;}

#html #rightColumn img {float: right; margin: 10px; padding: 0px; border;}

#languages {padding-left: 30px; padding-top: 10px;}

#eloquaCopy {float: left; width: 200px; color: #b1c2ca; padding-top: 14px; line-height: 16px;}
#eloquaCopy a {color: #b1c2ca; text-decoration: underline; font-weight: bold;}
#eloquaLogo {float: right; padding-top: 10px; padding-right: 20px;}

body#meetcadria #meet a {background-position: 0 -8px;}
	
	/*meet*/
	#meetcadria #content {
	background: url(/assets/images/meet_bg.jpg) top left repeat-y;
	
	width: 900px;
	float: left;
	}
	
	#meetcadria #content #bg {
	background: url(/assets/images/generic_top2.jpg) top left no-repeat;
	width: 900px;
	float: left;
	}

#main {padding: 0px 8px;}
	
	.date-header {color: #a21909; font-size: 13px; margin: 0; padding: 15px 0px 0px 0px;}
	
	.post-title {color: #191d1e; font-size: 14px; margin: 0; padding: 0px 0px 10px 0px;}
	
	.post-body {line-height: 17px;}
	
	.post {background: url(assets/images/meet_hr.jpg) bottom left no-repeat;}
	
	.post-footer {padding-bottom: 15px;}
	
		
	ul#recently {list-style: none; margin: 0; padding: 0px 10px 0px 0px; background: none;}
	
	ul#recently li{ padding: 0px 0px 5px 10px; margin: 0; background: none;}
	ul.archive-list  {list-style: none; margin: 0; padding: 0;}
ul.archive-list li {padding: 0; margin: 0;}
	#sidebar2 p {padding-left: 10px; padding-right: 10px;}
	.sidebar-title {padding-left: 10px;}


body#meetcadria #leftColumn {width: 175px; float: left; padding-left: 22px;
	
	}
body#meetcadria #leftColumn ul {padding: 0px 10px 10px 0px; margin: 0;}
body#meetcadria #leftColumn ul li {background: none; margin: 0; padding: 0px 0px 5px 10px;}

body#meetcadria #rightColumn {float: left; padding-top: 41px; padding-left: 29px;}