body {background-color: #F1F8FB; color: #232323}

h2 {margin-bottom: 0.5em}

h3 {font-size: 21px; line-height: 32px; color: #343063}

#wrapper {border-top: 5px solid #C0E0EF;}


div#header {height: 155px; text-align: left; background: transparent url(images/tagline.gif) no-repeat right 65px; position: relative; overflow: visible;}

#header h1 {margin-top: 25px; margin-bottom: 0}

div#header div.span-19 {background: transparent}
div#header .toplinks {line-height: 1; position: absolute; top: 5px; right: 0px; font-size: 10px; text-transform: uppercase;}

div#header .toplinks a {text-decoration: none; color: #CC3300; margin-left: 10px; background-color: #C0E0EF; padding: 5px 10px;}

div#header .toplinks a:hover {color: #666666}



div#menu {background-color: transparent; padding-top: 65px; padding-left: 0px; margin: 0px 240px 0 15px; padding-bottom: 20px; border-bottom: 1px solid #C0E0EF; width: auto;}

div#menu li {text-transform: uppercase; margin-right: 44px; font-size: 16px; margin-left: 10px}

div#menu li.page-item-5 {margin-right: 0}

div#menu li a {color: #343063; padding: 0; margin: 0}

div#menu li a:hover, div#menu li.current_page_item a {color: #CC3300}







/* generalities */



#container {margin-bottom: 40px; padding-bottom: 40px}

#container a {color: #CC3300}



div.sidebar a {color: #343063; text-decoration: none; font-weight: bold;}
div.sidebar a:hover {text-decoration: underline}

div.sidebar ul ul li {margin-left: 0.5em; color: #666666}



ul.checked {padding-left: 1em; list-style-type: none}

ul.checked li {background: transparent url(images/check.gif) no-repeat left center; padding-left: 20px}



p.dek {font-size: 140%; line-height: 140%; color: #444444}



.entry-content h3 {margin-bottom: 0.5em; margin-top: 0.2em}
.entry-meta {font-size: 90%; color: #444444}


/* home */

#home div#menu li.current_page_item a {color: #343063}

#home #wrapper {background: transparent url(images/bg-home.gif) repeat-x center 135px}

#home #content {padding: 0}

#home #container {margin-left: 0; margin-top: 15px; background-color: transparent}

#home .main {background-color: transparent}

#home .container #content {margin: 0}

#home .entry-title {display: none}

#home .lead {padding-top: 15px; height: 300px; margin-bottom: 90px; position: relative}

#home .lead input.text {font-size: 18px; width: 270px; padding: 5px; color: #333333; border: 1px solid #ffffff}
#home .lead input.button {
position:relative;
top:17px;}


#home .lead h3 {display: none}
#home .lead img.head {position: relative; top: -5px}
#home .introtext {color: #ffffff; font-size: 18px; line-height: 24px}

#home .introtext a {color: #ffffff}

.homebuttons {position: absolute; left: 0; bottom: 0; z-index: 999}

.homebuttons img {float: left}

img.one {margin-right: 30px}

#slideshow {height: 260px;}


#cycle-pager {position: absolute; top: -4px; right: 10px}

#cycle-pager a {color: #ffffff; font-weight: bold; font-size: 12px; margin-left: 2px; padding: 0 8px; background: transparent url(images/bg-cycle.gif) no-repeat top left; text-decoration: none;}

#cycle-pager a:hover {color: #999999}

#cycle-pager a.activeSlide {color: #C0E0EF}



.benefits {border-bottom: 2px solid #C0E0EF; margin-bottom: 40px}

.benefits img {width: 65px; float: left; margin-right: 10px}

.benefits h3 {font-size: 14px; text-transform: uppercase; margin-bottom: 5px; line-height: 14px}

#container .benefits a {color: #343063; text-decoration: none}

#container .benefits a:hover {color: #111111}



.bigfoot h2 a {color: #323949}

.bigfoot h3 {margin-top: 30px; margin-bottom: 10px}

.bigfoot h3 a {color: #CC3300; text-decoration: none; font-size: 18px}

.bigfoot h3 a:hover {color: #323949; background-color: #ffffff}

.bigfoot .homepost p {margin-bottom: 5px}
.bigfoot .homepost p.morepost {margin-bottom: 1.5em; font-size: 11px; text-transform: uppercase}
.bigfoot .homepost p.morepost a {text-decoration: none}

.bigfoot .last {text-align: center}

.bigfoot blockquote {font-size: 18px; line-height: 24px; color: #323949; font-style: normal; margin-bottom: 0.5em;}

.bigfoot blockquote p {margin-bottom: 0.5em}

.bigfoot cite {display: block; margin-bottom: 2em}

#container .read-more {margin-top: 25px}

#container .read-more a {text-decoration: none; color: #343063; font-weight: bold; font-size: 11px; text-transform: uppercase}

#container .read-more a:hover {color: #CC3300}





/* footer */

#footer-wrapper {height: 180px; background: #323949 url(http://wavepublic.cooperwebdesign.ca/wp-content/themes/sandbox/images/bg-footer.gif) repeat-x top left; clear: both}

div#footer {background:transparent url(images/seal.png) no-repeat scroll left center;
color:#232323;
font-size:11px;
height:70px;
padding:52px 0 0;
text-align:center;
width:950px; position: relative}

div#footer img {position: absolute; right: 18px; top: 18px}

div#footer p {margin-bottom: 0.5em; color: #bbbbbb}

div#footer p.footer-links {font-size: 12px}

div#footer p a {color: #A4D514; text-decoration: none}

div#footer p a:hover {text-decoration: underline}

div#footer p.footer-links .meta-sep {margin: 0 4px; color: #555555}


/* away from #home */

#wrapper {background: transparent url(images/bg-page.gif) repeat-x center 135px}

div#content {margin-right: 320px}

div#container {margin-right: -320px}

div.sidebar {width: 300px}

div#primary.sidebar {margin-top: 40px}

h2.entry-title, h2.page-title {font-size: 32px; color: #343063}

div#container {background-color: #ffffff; margin-top: 0px}

div.main {background-color: #ffffff}

#content {padding: 30px 40px}

.post {margin-bottom: 2em}



/* comments */

#comments {clear: both; padding-top: 40px; margin-top: 50px; border-top: 1px solid #C0E0EF}

.comment-author {color:#343063; font-size:12px; font-weight:bold; letter-spacing:0.05em; margin-bottom:8px; text-transform:uppercase;}

.comment-meta {font-size: 95%; color: #666666}



/* pricing */

.pageid-13 h2.entry-title {margin-bottom: 0px}

.pageid-13 div#content {margin-right: 0}

.pageid-13 p.dek {margin-bottom: 0; font-size: 18px; color: #343063; font-weight: bold}

.pageid-13 div#content h3 {margin-top: 40px; font-size: 24px; font-weight: bold; border-top: 1px solid #b3b3b3; padding-top: 40px; margin-bottom: 40px}

.pageid-13 div#content .pricing-main {padding-bottom: 10px; border-bottom: 1px solid #b3b3b3}

.pageid-13 div#content .pricing-main ul {list-style-type: none; padding-left: 10px}

.pageid-13 div#content .pricing-main li {line-height: 21px; background: transparent url(images/check.gif) no-repeat left 4px; padding-left: 20px; font-size: 14px; margin-bottom: 15px}

.pageid-13 div#content .pricing-main p {font-size: 14px; font-weight: bold; line-height: 21px; color: #343063}

.pageid-13 div#content .pricing-main p a {text-decoration: none}

.pageid-13 div#content .pricing-sidebar {text-align: center; background-color: #F1F8FB; padding: 30px 20px; float: right}

.pageid-13 div#content .pricing-sidebar p {font-size: 14px; line-height: 21px}

.pageid-13 div#content .pricing-sidebar p strong {color: #343063;}

.pageid-13 div#content .pricing-sidebar .one-percent-notice {margin-top: 40px}

.pageid-13 div#content .pricing-sidebar .one-percent-notice p {font-size: 11px; line-height: 16px}

/* how it works */

#screencast {margin-bottom: 40px; margin-left: 100px; border: 20px solid #f1f8fb}

.pageid-15 div#content {margin-right: 0}

.pageid-15 div#content div.span-7 {margin-right: 30px}

.pageid-15 div#content div.last {margin-right: 0}

.first .works {margin-right: 20px}

.last .works {margin-left: 20px}

.pageid-15 h3 {font-size: 18px; text-transform: uppercase; font-weight: bold} 

.pageid-15 h4 {font-weight: bold; color: #343063}

#post-15 {position: relative}
img#try-the-demo {position: absolute; top: 0px; right: 30px}

/* if you do a sidebar icon anywhere 

#text-8 img {float: left; margin: 0 10px 10px 0}

#text-8 a {color: #CC3300}

#text-8 h3 {margin-bottom: 0}

#text-8 h3 a {text-decoration: none; font-weight: bold}

*/







/* widgets */

img.free-trial {border: 1px solid #C0E0EF; margin-bottom: 40px}

.sidebar form span textarea, .sidebar form span input {width: 265px}

.pageid-10 #text-3 {display: none}

.widget_text {padding-right: 40px}

div.sidebar h3 {color: #666666; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 8px; line-height: 21px; margin-right: 20px}

#text-10 .textwidget {color: #666666}



/* blog */

div.navigation {display: none}

div.sidebar input#s {width: 200px}

div.entry-content {clear: both}