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

body {
	background: #226fa8 url(../images/bodyBkRpt.jpg) left top repeat-x;
	background-color: #226ea7;
	color: #676767;
	color: #333333;
}


#wrapper {
	
}

h1, h2, h3 {
	color: #004775;
}

a {
	color: #004775;
	font-weight: bold;
}
a:hover, 
div.latest-post h3 a:hover, 
div.latest-post a.comments:hover,
body div.feature a.learn-more:hover, 
div a.read-more:hover {
	color: #ce7000;
}

.img-float-left, .float-left {
	float: left;
}

div.overflow-auto {
	overflow: auto;
}

body div a.learn-more, body div a.read-more {
	/*background: url(../images/icons/read-more-arrow.png) right top no-repeat;*/
	padding-right: 24px;
	text-decoration: underline;
}

/* Call Action Button base style */
div a.cta-btn {
	display: block;
	position: relative;
	border: none;
	left: 0px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	top: 0px;
}

a.img-title {
	display: block;
	position: relative;
	border: none;
	left: 0px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	top: 0px;
}



.center {
	text-align:center;
}

/*==========================
Blueprint Overrides
============================ */
div.border {
	padding-right:4px;margin-right:5px;border-right:1px solid #7fba49;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	border:1px solid #bbb;
	background: #fff url(../images/input-back.gif) left top repeat-x;
	font-size: 1em;
	padding: 5px;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	overflow: auto;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #226ea7;}



/*==========================
Header Area
============================ */
#header-area {
	background: url(../images/topBlueBar.jpg) center top no-repeat;
	height: 71px;
}

div#header div#logo h1, div#header div#logo h1 a
div#header div#logo h2, div#header div#logo h2 a { 
	display: block;
	height: 70px;
}

div#header div#logo h1, div#header div#logo h2 {
	position: relative;
	background: url(../images/DupliMark-logo.jpg) no-repeat;
	border: none;
	height: 70px;
	left: 0px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	top: 0px;
}

#nav-links {

}

#nav-links, #login-signup {
	margin-top: 10px;
}

/* nav links  */
div#nav-links ul#nav, div#nav-links ul#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div#nav-links ul#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 11pt;
	font-weight: normal;
}
div#nav-links ul#nav a:hover {
	color: #80C8FF;
}

div#nav-links ul#nav li {
	float: left;
	/*width: 95px;*/
	padding: 0px 30px 0px 0px;
}

/* login or signup area */
#nav a, .login-signup a {
	padding-top: 6px;
}
.login-signup {
	float: left;
	font-size: 11pt;
	padding-top: 6px;
	color: #fff;
}

#login-signup a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#login-signup a:hover {
	color: #97ca63;
}
a#login {
	font-weight: bold;
	margin-right: 10px;
}
a#signup {
	position: relative;
	background: url(../images/signupbtn.gif) left bottom no-repeat;
	border: none;
	height: 35px;
	left: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0;
	text-indent: -999em;
	top: 0px;
	width: 90px;
}

/*==========================
Banner Area
============================ */
#banner-holder {
	background: url(../images/duplimark-screenshot.jpg) left bottom no-repeat;
	height: 362px;
}

#attention-getter {
	margin-top: 3em;
	color: #000;
}

#attention-getter a {
	color: #fff;
	text-decoration: none;
}

#attention-getter p {
	font-size: 125%;
	color: #000033;
}
h1#main-title {
	margin-bottom: 5px;
}
h1#main-title a {
	background: url(../images/titles/titleBetterWay.gif) left top no-repeat;
	height: 85px;
	width: 385px;
	overflow: hidden;
}


div a#feature-tour-btn {
	background: url(../images/featuredTourBtn.gif) left top no-repeat;
	height: 53px;
	width: 200px;
}

/* Start button */
div a#start-today-btn {
	background: url(../images/startTodayBtn.gif) left top no-repeat;
	height: 53px;
	width: 200px;
	margin-left: 10px
}


/*==========================
Page Content Area
============================ */
#page-content-area {
	background: #f7f7f7 url(../images/contentBkground.jpg) center top repeat-y;
	padding-bottom: 20px;
	border-top: 1px solid #9d9d9d;
}

#page-content-top {
	background: url(../images/contentBkgroundTop.jpg) center top no-repeat;
	padding-top: 40px;
}

#page-holder {
	 	
}

#page-content-area p, #page-content-area ul {
	font-size: 100%;
}

/*==========================
Left Column
============================ */
#left-column {
	
}

div.testimonial-excerpt {
	width: 135px;
	margin-left: 15px;
}


/* -------------------
Quick Contact Form
------------------ */
#quick-contact {
	background: url(../images/contact-frm-bkground.jpg) left top no-repeat;
	height: 260px;
	width: 454px;
}
#quick-contact-form {
	padding: 15px;
}

#quick-contact-form textarea {
	height: 100px;
}

/*==========================
Right Column Content
============================ */
#right-column {

}

div#features h3 {
	margin: 0;
}

div.feature {
	/*padding-left: 50px;
	width: 140px;*/
}
div.feature a {
	text-decoration: none;
}

div.feature-content {
	width: 140px;
}

div.feature h3 a {
	color: #004775;
	font-weight: normal;
}

div.feature p a {
	color: #676767;
	color: #333333;
	font-weight: normal;
}

body div.feature a.learn-more, body div.feature a.read-more {
	/*background: url(../images/icons/read-more-arrow.png) right top no-repeat;*/
	padding-right: 24px;
	text-decoration: underline;
	color: #004775;
	font-weight: bold; 
}


div.feature-icon a {
	display: block;
	width: 50px;
	height: 45px;
	position: relative;
	border: none;
	left: 0px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	top: 0px;
}

/*---------------------
Feature specific icons
--------------------- */

#feature-dashboard-icon a{
	background: url(../images/icons/duplimark-dashboard.png) left top no-repeat;
}
/*#feature-mail*/
#feature-mail-icon a {
	background: url(../images/icons/duplimark-video-email.png) left top no-repeat;
}
#feature-contacts-icon a {
	background: url(../images/icons/duplimark-crm-contacts.png) left top no-repeat;
}
#feature-reports-icon a {
	background: url(../images/icons/duplimark-detailed-reports.png) left top no-repeat;
}
#feature-pipeline-icon a {
	background: url(../images/icons/duplimark-prospecting-pipeline.png) left top no-repeat;
}
#feature-calendar-icon a {
	background: url(../images/icons/duplimark-calendar.png) left top no-repeat;
}

/*------------------ 
Latest From Blog 
------------------ */
#latest-blog {
	
}

div.latest-post {
	margin-bottom: 20px;
}

div.latest-post h3 {
	margin-bottom: 5px;
	font-size: 1.3em;
}
div.latest-post h3 a {
	text-decoration: underline;
	color: #2372ac;
	font-weight: normal;
}

div.latest-post p {
	margin-bottom: 10px;
}

div.latest-post a {
	text-decoration: underline;
	color: #2372ac;
	font-weight: normal;
}

div.latest-post a.comments {
	background: url(../images/icons/commentIcon.jpg) left center no-repeat;
	padding-left: 24px;
	text-decoration: none;
	display: block;
	float: left;
}


div.post-date {
	margin-left: 10px;
	float: left;
}




/*==========================
Footer
============================ */
#footer {
	height: 50px;
	background: url(../images/footerRptBckground.jpg) left top repeat-x;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover { color: #80C8FF; }

#footer-content {
	padding-top: 1.5em;
}