/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ text-align: center; padding: 0px; margin: 0px; background:url(http://www.novelnova.com/themes/novelnova//images/template/top-bg2.png) repeat-x top left; }
img {border: 0px}
a { cursor:pointer; }

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{  text-align:left;  background:url(http://www.novelnova.com/themes/novelnova//images/template/gradient-top.jpg) no-repeat center 142px;}
#page.home{  text-align:left; background:url(http://www.novelnova.com/themes/novelnova//images/template/top-bg-home.png) repeat-x top left;}
#page #headerSpacer{ height:64px }
#page #header{ position:relative;  overflow:hidden; width:970px; margin:0px auto 0 auto;} 

#page.home #header {height:496px;}

#page #header h1#logo{width:111px; height:82px; background:url(http://www.novelnova.com/themes/novelnova//images/template/logo.png) no-repeat top left; display:block; overflow:hidden; margin:27px 0px 33px 0px; padding:0px;}

h1#logo a{margin-left:-900px; display:block; height:82px;text-decoration:none; cursor:pointer;}


#page #header #headerNav{ position: absolute; top: 60px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right; background:url(http://www.novelnova.com/themes/novelnova/images/template/dots-blue.png) repeat-x bottom left;}
#page #header ul.nav-header li{float:left; padding:0px; margin-right:1px; margin-bottom: 0px; color:#999; font-size:14px; line-height:1em; margin-top:0px;  }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#40b8eb; padding:26px 10px 8px 10px; display:block;}
#page #header ul.nav-header li a:hover{background:url(http://www.novelnova.com/themes/novelnova/images/template/double-line.png) repeat-x bottom left;}
#page #header ul.nav-header li.nav-selected { background:url(http://www.novelnova.com/themes/novelnova/images/template/double-line.png) repeat-x bottom left;}
#page #header ul.nav-header li.nav-selected a{ background:url(http://www.novelnova.com/themes/novelnova/images/template/star.png) no-repeat top center; }
#page #header #header-area{margin-top: 10px; margin-bottom: 10px }
#page #header #header-area #header-area-inside{margin-bottom: 12px;}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; background: url(http://www.novelnova.com/themes/novelnova/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{ clear:both;  width:970px; margin: 0 auto;  }
#page .no-sidebar { }
#page #central.central-left { background:url(http://www.novelnova.com/themes/novelnova/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar { }
#page #central.central-left #body {}
 
#page #central #body{ }
#page #central #body p {text-align:justify;}
#page .no-sidebar #body{ overflow:hidden }
#page #central #sidebar{ }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central.navLeft{ background:url(http://www.novelnova.com/themes/novelnova/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{ padding-top:20px; clear:both; padding-bottom:0px; color:#999999; font-size:11px; width:970px; margin:0 auto;  border-top:1px solid #CCC; margin-top:20px;}
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 0px}
#page #footer span.powered-by {  }
#page #footer .col1{float:left; width:376px; margin-right:20px;}
#page #footer .col2{float:left; width:376px; margin-right:20px;}
#page #footer .col3{float:left; width:178px;}

#footer ul.footerNav {list-style:none;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; }

#footer ul.footerNav li{ margin:0px 10px 16px 0px; padding:2px 0px 4px 10px; float:left ;background:url(http://www.novelnova.com/themes/novelnova/images/btmnavdivide.png) no-repeat left 4px; line-height:16px;}

#footer ul.footerNav li.first{ background-image:none; margin:0px 10px 0px 0px; padding:2px 0px 4px 0px;}

#page #footer .copy{color:#b4c054; font-size:13px; margin-right:5px; }
#page #footer  p.copyright{padding-left:0px;}
#footer  ul.socialmedia{list-style:none;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;clear:both; overflow:hidden; }
#page #footer  ul.socialmedia li, #footer p{margin:0px 0px 16px 0px; padding:2px 0px 4px 25px; line-height:16px;}
#footer  ul.socialmedia li.linkedin{ background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/icon-linkedin.png) no-repeat top left;}
#footer  ul.socialmedia li.twitter{ background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/icon-twitter.png) no-repeat top left;}
#footer p.adr{ background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/icon-address.png) no-repeat top left; }
#footer p.email{ background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/icon-email.png) no-repeat top left; }
.credits{clear:both; border-top:1px dotted #CCC; padding:18px 0px 8px 0px;}
#footer .credits p{margin:0px 0px 20px 0px; padding:2px 0px 4px 0px; line-height:16px; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */


/*************************HOME PAGE ***********/
.quotes-home{}
.col3-4{float:left; width:726px;}
.col1-4{float:left; width:234px; margin-left:10px;}
.col3-4.first{margin-left:0px; }

div.quotes-home{ list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; display:block;}
#page #central #body .quotes-home {margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; float:left;  display:block; font-family:Georgia, "Times New Roman", Times, serif; overflow:hidden; background:#e5e5e5 url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/torn-726.png) no-repeat top left;}
#page #central #body .quotes-home  blockquote p.author{text-align:left;} 
#page #central #body .quotes-home  blockquote{margin:0px 0px 0px 0px; padding:15px 40px 15px 40px; font-style:italic; background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/white-torn-btm.png) no-repeat bottom left;}
#page #central #body .quotes-home  blockquote p{  color:#666666;line-height:22px;}
#page #central #body .quotes-home  blockquote p.quote{}
#page #central #body .quotes-home blockquote p.author{ font-weight:bold; font-size:11px; text-align:right; line-height:16px;}

#header-area-inside{width:574px;}
#header-area-inside p{padding-right:20px; color:#f0f0f0;}
#header-bg-hills{overflow:hidden; background-image:url(http://www.novelnova.com/themes/novelnova/images/template/top-bg-home2.png); background-position:top center; background-repeat:no-repeat;}
#header-bg-monster{ background:url(http://www.novelnova.com/themes/novelnova/images/template/web-design-monster.jpg) no-repeat 50% 142px;}

/*************************PORTFOLIO PAGE ***********/
.imageframe{padding:1px; border:3px solid #cccccc; display:block; margin:20px 0px; clear:both;}

.portfolio #body{width:772px; float:left; display:block;}
.portfolio #portfoliosidebar{width:188px; display:block; float:left; margin-left:15px; margin-top:15px; margin-right:-5px;}
#portfolioimages{clear:both; display:block; overflow:auto; background:url(http://www.novelnova.com/themes/novelnova/images/template/dots-grey.png) repeat-x top left; padding-top:0px;}

ul.gallerynav{list-style:none; margin:30px 0px 20px 3px; padding:0px 0px 0px 0px; font-size:11px; overflow:hidden; clear:both; display:block;}
ul.gallerynav li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; width:88px; display:block; text-align:center;}
.gallerynav li#previouslink {margin-right:7px;}
.gallerynav li a{display:block; background:url(http://www.novelnova.com/themes/novelnova/images/btns/btn-previous.png) no-repeat top left; padding:5px 0px 8px 0px; text-decoration:none; color:#8c8c8c; }
.gallerynav li a:hover{ background-image:url(http://www.novelnova.com/themes/novelnova/images/btns/btn-previous-over.png); color:#fff;}
.gallerynav li#previouslink a{}
.gallerynav li#nextlink a{}

p.btn-view-website{display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:188px; height:42px; overflow:hidden; }
p.btn-view-website a{background:url(http://www.novelnova.com/themes/novelnova/images/btns/btn-visit-website.png) no-repeat top left; display:block; padding-top:42px; width:188px; height:42px;}
p.btn-view-website a:hover{background:url(http://www.novelnova.com/themes/novelnova/images/btns/btn-visit-website-over.png) no-repeat top left;}

ul.anchorlinks{list-style:none; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; display:block; overflow:hidden; clear:both;}
ul.anchorlinks li {display:block; float:left; margin:0px 0px 0px 0px; padding:0px; font-size:15px; width:27px; overflow:hidden; background:url(http://www.novelnova.com/themes/novelnova/images/numbers/divide.png) no-repeat 0px 4px; padding-left:16px; }
ul.anchorlinks li a{ }
ul.anchorlinks li.current span{  padding-top:0px; display:block;}

ul.anchorlinks li.anchor1{ background-image:none; padding-left:5px;}



ul.anchorlinks li.cta-txt{width:300px;  padding-left:24px; margin-left:10px; font-weight:bold; background:url(http://www.novelnova.com/themes/novelnova/images/numbers/line.png) no-repeat 0px 8px; }
ul.anchorlinks li.cta-txt a{color:#b4c054}
ul.anchorlinks li.cta-txt a:hover{color:#40b8eb;}



/*****************THUMBNAIL PORTFOLIO*****/
ul.thumbnail-portfolio-list{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; display:block;}
ul.thumbnail-portfolio-list li{display:block; width:235px; height:190px; float:left; margin:0px 0px 20px 10px;  }
ul.thumbnail-portfolio-list li a{ background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/thumbbg.png) no-repeat top left; display:block; padding:6px 6px 6px 6px; text-decoration:none;}
ul.thumbnail-portfolio-list li a:hover h3 {color: #b4c054;}
ul.thumbnail-portfolio-list li.firstitem{margin-left:0px;}
ul.thumbnail-portfolio-list li div.thumbnail-image{padding:0px; border:0px solid #fff; display:block; }
ul.thumbnail-portfolio-list li div.thumbnail-image img{width:223px; height:138px;}
ul.thumbnail-portfolio-list li h3{ font-weight:bold; font-size:13px;  color:#40b8eb; padding:10px 0px 6px 20px; margin:0px;}

ul.icon-list{list-style:none; margin:10px 0px 10px 5px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; display:block;}
ul.icon-list li{display:block; width:24px; height:24px; float:left; margin:0px 4px 10px 0px; padding:0px 0px 0px 0px;}

.lightgrey{color:#cccccc;}

/*****************Services*****/
ul.services{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; display:block;}
ul.services li{margin:0px 0px 20px 20px; padding:0px 0px 0px 0px; float:left; width:310px; display:block;}
ul.services li.firstitem{margin-left:0px; clear:left;}

ol#fivethings{margin-top:0px; margin-bottom:30px;}
#abouttext{ margin:0px 0px 20px 0px; padding:0px 330px 0px 0px;}
ul.quotes{ list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; clear:both; overflow:hidden; display:block;}
#page #central #body ul.quotes li{margin:0px 0px 20px 20px; padding:10px 0px 0px 0px; float:left; width:310px; display:block; font-family:Georgia, "Times New Roman", Times, serif; overflow:hidden; background:#e5e5e5 url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/torn-310.png) no-repeat top left;}
#page #central #body ul.quotes  li.firstitem{margin-left:0px; clear:left;}
#page #central #body ul.quotes li blockquote p.author{text-align:left;} 
#page #central #body ul.quotes li blockquote{margin:0px 0px 0px 0px; padding:15px 40px 25px 40px; font-style:italic; background:url(http://www.novelnova.com/themes/novelnova/images/pagegraphics/white-torn-btm.png) no-repeat bottom left;}
#page #central #body ul.quotes li blockquote p{  color:#666666;line-height:22px;}
#page #central #body ul.quotes li blockquote p.quote{}
#page #central #body ul.quotes li blockquote p.author{ font-weight:bold; font-size:11px; text-align:right; line-height:16px;}


#central.About{ background:url(http://www.novelnova.com/themes/novelnova/images/barryramsay.jpg) no-repeat 660px 20px; }
.col1{width:475px; float:left; margin-right:20px;}
.col2{width:475px; float:left;}

/****************** Form ************************/

.miniSurveyView{ margin-bottom:30px; display:block; overflow:hidden;}
.miniSurveyView #msg{ color:#cc0000;   margin:8px 0px 8px 0px; padding:10px; border:1px solid #CC0000; display:block; overflow:hidden; background-color:#ffd4d4;}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 12px}
.miniSurveyView #msg .error{padding-left:0px; color:#cc0000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{ color:#cc0000 }

.miniSurveyView dl{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

.miniSurveyView dt label{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold;}

.miniSurveyView dt{margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;  font-weight:normal; display:block;}

.miniSurveyView dd{margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;  display:block;}
.miniSurveyView dd input, .miniSurveyView dd textarea{ padding:3px; width:460px; }

.miniSurveyView dd.submitButton{float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  overflow:hidden;}

.miniSurveyView dd .radioPair input{width:30px;}

.formfield{border:1px solid #89aac9; padding:3px; color:#999999; font-style:italic; font-size:0.7em;}

#page #central #sidebar .block.mailinglist .formfield{width:155px;}