/* default themes
color: #ABABBC; blue
color: #414168; light blue
color: #FFFF5D; yellow
*/

/* html tags */
html { margin: 0; padding: 0; height: 101%; }
body { background-color: #EEEDF4; margin: 0; padding: 0; text-align: center;	font-family: font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 1.1em; line-height: 115% }
a:link, a:visited { color: #80809A; }
a:hover, a:focus, a:active { color: #2C2C57; }
label  { display: block; width: 100px; float: left; font-size: 0.75em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
h1 { font-size: 1.3em; font-weight: normal; padding: 0 0 0.5em 0; }
h2 { padding: 0.75em 0 0 0; }
h3 { padding: 0.75em 0 0 0; }
h4 {	font-size: 1.1em; padding: 1em 0 0.5em 0; }
dt {	font-weight: bold; font-style: italic; }
dd { margin: 0; padding: 1em 0 1em 0; }
ol li { padding: 0.5em 0 0.5em 0;  margin-left: 2em; }
ul { list-style-type: circle; }
ul li { padding: 0.5em 0 0.5em 0; margin-left: 3em; }
p { padding: 0.25em 0; }
xmp { margin: 0; padding: 0.25em 1em 1em 1em; background-color: #EEE; border: 1px solid #000; overflow: hidden; }

#slogan_container { width: 100%; background: url('../_images/cornicing.jpg') repeat-x; height: 30px; }
#slogan { margin: 0 auto; width: 960px; padding: 5px 0 0 0; text-align: left; color: #FFF; font-size: 14px; font-style: italic; }
header { clear: both; background-color: #FFF; }
#logo { margin: 0 auto; width: 960px; text-align: left; }
#logo img { margin: 20px 0 12px 0; }

nav { width: 100%; background: url('../_images/cornicing.jpg') repeat-x; height: 42px; }
nav ul { margin: 0 auto; width: 960px; padding: 0; list-style-type: none; }
nav ul li  { float: left; position: relative; padding: 0; margin-left: 0; }
nav a  { padding: 12px 20px 15px 0; text-decoration: none; font-size: 16px; font-weight: bold; letter-spacing: 1px; color: #FFF; display: block; }
nav a:link,nav a:visited { color: #333; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu { color: #FFF; }

#content { clear: both; margin: 0 auto; width: 960px; text-align: left; padding: 1em 2em 1em 2em; }
.content-title { font-size: 1.5em; padding: 0 0 0.5em 0; }
.content-sub-title {	font-size: 0.85em; padding: 0 0 0.5em 0; }
#left-col { width: 550px; float: left; padding: 0 2em 2em 0; text-align: left; }
#right-col { width: 250px; float: right; padding: 0 1em 2em 1em; }
#welcome { width: 530px; float: left; padding: 0 0 20px 0; }
#recentwork { width: 400px; float: right; margin: 0 0 0 20px; line-height: 90%; }
#recentwork  h4 { padding: 0 0 10px 0; }
.recentworkclip { margin: 0 20px 0 0; font-size: 0.75em; width: 150px; height: 150px; float: left; }
.recentworkclip img { border: 1px #000000 solid; width: 150px; height: 120px; }
.recentworkclip p { text-align: left; }
.portfoliotitle { margin: 2em 0 0 0; padding: 1em 0 1em 0; font-weight: bold; width: 100%; clear: both; }
.portfolioitem { padding: 1em 0 1em 2em; text-align: left; }
.portfolioitem img { border: 1px #000000 solid; float: left;  width: 200px; }
.portfolioitemdesc { width: 575px; float: left; padding: 1em 0 3em 1em; border-top: 1px #000000 dashed; }
.portfolioitemtitle { font-style: italic; padding: 0 0 0.5em 0; }
.portfolio_testimonial { clear: both; padding: 0 4em 1em 0; color: #ABABBC; width: 500px; }
#social_links { float: right; text-align: right; margin: 20px 80px 1em 0; }
#social_links div { float: left; }
#social_links img { border: 0; }
.contactusportfoliolink { background-color: #FFFF5D; }
.contactuspriceslink { background-color: #FFFF5D; }
.contact_info { padding: 0.5em 0 1em 2em; }
#confirmation-msg { padding: 1em 0 1em 0; }
#error-msg { color: #FF0033; padding: 1em 0 1em 0; }
.form-input, .form_input { width: 100%; clear: left; margin: 0.5em 0 0.5em 0; }
.form-input span, .form_input span { font-size: 0.85em; }
#lastname,#newsletter-name, #hold_text { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; width: 380px; }
#submit-contact-us-btn, .submit-btn { background-color: #ABABBC; color: #FFFFFF; padding: 0.25em 1em 0.25em 1em; }
#prices { text-align: left; }
#prices thead,#prices tfoot { background-color: #A9A9BA;}
#prices .row-on { background-color: #DCDCE4; }
#prices .name { vertical-align: top; padding: 0.5em; width: 120px; }
#prices .description { vertical-align: top; padding: 0.5em; width: 300px; }
#prices .price { vertical-align: top; padding: 0.5em; width: 80px; }
#prices .frequency {	vertical-align: top; padding: 0.5em; }
#prices .notes {	vertical-align: top; padding: 0.5em; }
#blog-main-menu { margin: 0 20px 0 0; clear: both; }
#blog-main-menu ul { list-style-type: none; padding: 0; text-align: right; }
#blog-main-menu li { padding: 0.5em 0 1em 0; }
#blog-main-menu h4 {	padding: 0.5em 0; font-size: 1em; text-align: right;}
.blog-list-date { font-size: 0.85em; padding: 0.25em 0 0 0; }
#admin-toolbar { float: right; }
#admin-toolbar a{ padding: 0 0.5em 0 0.5em; }
#admin_home_section form { padding: 0.5em 0 0.5em 0 }
.newsletter-contents { font-size: 0.85em; }
.client_list_items { width: 1200px; margin-left: -150px; background-color: #FFF; }
.list_items td { padding: 0.25em 0.5em 0.25em 0.5em; }
.list_row_on { background-color: #eee; }
.list_row_off { background-color: #FFF; }
.list_button { width: 10%; }
.list_title { width: 25%; }
.list_date { width: 20%; }
.list_preview { width: 10%; }
.list_status { width: 20%; }
#portfolio_list { list-style-type: circle; }
#portfolio_list li { padding: 0.5em 0 0.5em 0; }
.contenttitle a { text-decoration: none; }
.testimonial  { width: 650px; padding: 1em 0 1em 0; border-bottom: 1px dashed #000000; }
.testimonial .quote {  }
.testimonial .signature { font-style: italic; }
.newsletter_heading { font-size: 1.2em; font-weight: bold; }
.newsletter_heading a { font-size: 0.85em; font-weight: normal; }
#faqs dd { margin: 0 0 1em 0; }
.about_us_photo { float: right; margin: 30px 65px 20px 40px; }
.clear { clear: both; }
#invoice_list_total { font-size: 1.2em; font-weight: bold; padding: 20px; }
#newsletter_year_nav  { padding: 1em 0 0.5em 0; margin-left: -0.5em; }
#newsletter_year_nav a { padding: 0 0.5em; border-right: 1px solid #819ac3; font-weight: bold; }
#portfolio_year_nav  { padding: 1em 0 0 0; margin-left: -0.5em; }
#portfolio_year_nav a { padding: 0 0.5em; border-right: 1px solid #819ac3; font-weight: bold; }

footer { clear: both; background: url('../_images/cornicing.jpg') repeat-x; height: 42px; width: 100%; } 
footer p { margin: 0 auto; width: 960px; padding: 5px 0 0 0; font-size: 75%;  color: #FFF; text-align: left; }
footer a:link, footer a:visited { color: #FFF; }
footer a:hover, footer a:focus, footer a:active { color: #414168; }