body { background: #fff url(../images/background-header-standard.png) repeat-x; text-align: center; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

#wrap { width: 950px; margin: auto; padding: 0; text-align: left; }

#top-header { width: 950px; height: 20px; text-align: right; padding: 20px 0 0 0; position: relative; }
#top-header span { position: absolute;	top: 20px; left: 0; font-size: 8pt; color: #948f76; }
#top-header ul, #navigation ul, div.footer-column ul { margin: 0; padding: 0; }
#top-header li { float: right; margin: 0 0 0 10px; list-style: none; font-size: 8pt; color: #6386b4; }
#top-header li a { color: #6386b4; text-decoration: none; }
#top-header li a:hover { color: #6386b4; text-decoration: underline; }
#top-header li.rss-icon { padding: 0 15px 0 0; background: url(../images/rss-feed-icon.png) no-repeat right; }

#primary-header { width: 950px; height: 133px; padding: 1px 0 0 0; margin: 0; position: relative; }
#primary-header img { margin: 0; padding: 0; border: none; }
#primary-header a { cursor: pointer; }
#services-images img { margin: 0; padding: 0; border: none; }

#navigation { position: absolute; top: 60px; right: 0; width: 550px; height: 40px; }
#navigation li { float: right;  margin: 0 0 0 20px; list-style: none; text-transform: uppercase; }
#navigation li a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #463b26; text-decoration: none; }
#navigation li a:hover { color: #759fd4; }
div.link-caption { position: absolute; width: 543px; top: 25px; right: 0px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 9pt; color: #a7a7a7; display: none; visibility: hidden; }

#promo-header { width: 540px; height: 301px; margin: 0; }
#promo-header h1 { color: #edccd5; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 28pt; font-weight: normal; margin: 0; padding: 50px 0 0 0; text-transform: lowercase; }
#promo-header h2 { color: #c78396; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; margin: 0; padding: 0; }
#promo-header div { line-height: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15pt; font-style: italic; font-weight: normal; padding: 20px 0 20px 0; color: #fff; }

.promo-header-blog { background: url(../images/promo-blog.png) no-repeat; padding: 0 0 0 410px; margin: 0; }

#content-area { width: 950px; padding: 0; margin: 10px 0 0 0; }

#signup-intro { width: 950px; height: 281px; }
#newsletter-subscription { width: 290px; height: 281px; background: url(http://blog.berganblue.com.au/images/newsletter-subscription.png) no-repeat; position: relative; padding: 0; margin: 0 0 25px 0; }
#newsletter-subscription p { width: 220px; position: absolute; top: 58px; left: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #dce7f5; line-height: normal; margin: 0; padding: 0; }
#newsletter-subscription table { margin: 173px 10px 0 10px; padding: 0; }
#newsletter-subscription td.left-cell { line-height: normal; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; width: 90px; }
#newsletter-subscription input.newsletter-field { border: 1px solid #c7d8ed; width: 170px; color: #494949; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
#newsletter-form { position: absolute; top: 0px; left: 0px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; width: 300px; }
#newsletter-notice { position: absolute; top: 232px; left: 10px; color: #3e536f; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; width: 150px; }
#website-intro { float: right; width: 610px; height: 281px; padding: 0 0 0 15px; background: url(../images/header-indent.png) no-repeat; }
#website-intro h1, #latest-work h1, #from-the-blog h1, #content-bar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #ff296a; display: block; border-bottom: 1px solid #cccccc; padding: 2px 0 4px 0; margin: 0 0 5px 0; }
#content-bar h1 a:link, #content-bar h1 a:active, #content-bar h1 a:visited { color: #ff296a; text-decoration: none; font-weight: normal; }

#website-intro p, #from-the-blog p, #content-bar p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 22px; color: #494949; margin: 0 0 15px 0; padding: 0; }

#services-wrap { width: 950px; height: 460px; padding: 0; margin: 25px 0 0 0; position: relative; }
#services-images { width: 978px; height: 271px; position: absolute; top: 30px; left: -14px; z-index: 999; }
#service-web, #service-graphic, #service-software { width: 292px; height: 400px; float: left; margin: 0; padding: 0; }
#service-web, #service-graphic { margin: 0 37px 0 0; }
#service-web h1, #service-graphic h1, #service-software h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #ff296a; display: block; text-align: center; border-bottom: 1px solid #cccccc; padding: 2px 0 4px 0; margin: 0 0 270px 0; text-transform: uppercase; }
#service-web p, #service-graphic p, #service-software p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 22px; color: #494949; margin: 0 0 15px 0; padding: 0 9px 0 9px; text-align: center; }

#homepage-footer { width: 950px; height: 275px; padding: 0; margin: 0; }
#latest-work { background: url(../images/header-indent.png) no-repeat; float: left; width: 435px; padding: 0 0 0 15px; margin: 0; position: relative; } 
#from-the-blog { background: url(../images/header-indent.png) no-repeat; float: right; width: 435px; padding: 0 0 0 15px; } 
#latest-work h1 { margin: 0 0 8px 0; }
#latest-work div.view-portfolio { clear: both; display: block; text-align: right; padding: 2px 10px 10px 2px; }
#latest-work div.view-portfolio p { margin: 0; padding: 0; }

#footer-wrap { clear: both; width: 100%; background: #463b26 url(../images/background-footer.png) repeat-x; text-align: center; margin: 0; padding: 0; }
#footer { width: 950px; height: 240px; margin: auto; text-align: left; }

div.footer-column { width: 145px; margin: 0 10px 0 0; float: left;}
div.footer-column h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12pt; color: #e9e4cd; margin: 25px 0 12px 0; padding: 0; }
div.footer-column li { list-style: none; margin: 0 0 2px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #fff; text-transform: uppercase; }

div.footer-column li a { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #fff; text-transform: uppercase; border-bottom: 1px dotted #463b26; text-decoration: none; }
div.footer-column li a:hover { border-bottom: 1px dotted #fff; }
div.footer-column img { border: none; }

#sidebar { width: 290px; float: left; position: relative; }
#content-bar { float: right; width: 610px; padding: 0 0 10px 15px; position: relative; }
#content-bar img { border: none; }
#content-bar h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #759fd5; font-weight: bold; margin: 0 0 5px 0; padding: 0; } 
#content-bar h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #463b26; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #cccccc; width: 300px; } 
#content-bar h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #b5004d; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #cccccc; display: block; } 
#content-bar h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #759fd5; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #cccccc; } 

#content-bar li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 22px; color: #494949; margin: 0 0 15px 0; padding: 0; }

div.sidebar-links { margin: 0 0 15px 0; padding: 8px; }
div.sidebar-links h2 { margin: 5px 3px 2px 3px; padding: 0 0 2px 0; display: block; border-bottom: 1px dotted #cccccc; color: #813c51; font-size: 10pt; font-weight: bold; font-family: Georgia, "Times New Roman", Arial, sans-serif; }
div.sidebar-links p { margin: 0 3px 10px 3px; padding: 0; font-size: 8pt; color: #000; }
div.sidebar-links ul { margin: 0; padding: 0; } 
div.sidebar-links li { margin: 0; padding: 1px 0 1px 0; list-style: none; font-family: Georgia, "Times New Roman", Arial, sans-serif; } 
div.sidebar-links a { margin: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #463b26; text-decoration: none; font-family: Georgia, "Times New Roman", Arial, sans-serif; } 
div.sidebar-links a:hover { color: #ff296a; text-decoration: underline; } 

#promo-header div.quote { line-height: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; font-style: italic; font-weight: normal; padding: 20px 0 20px 0; color: #e9e4cd; }
#promo-header div strong { color: #fff; }

/* Individual ELement Styles */

p a:link, p a:active, p a:visited, td a:link, td a:active, td a:visited, #content-bar li a:link, #content-bar li a:active, #content-bar li a:visited, div.view-more a:link, div.view-more a:active, div.view-more a:visited, div.library-item a:link, div.library-item a:active, div.library-item a:visited { padding: 1px; color: #b5004d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; }
p a:hover, td a:hover, #content-bar li a:hover, div.view-more a:hover, div.library-item a:hover { background: #b5004d; color: #fff; text-decoration: none; }

img.align-left { margin: 5px 15px 15px 0; padding: 0; }
img.align-right { margin: 0 0 15px 10px; padding: 0; text-align: right; }
div.align-right { text-align: right; }
div.align-center { text-align: center; }

table { padding: 0; margin: 0 0 10px 0; width: 100%; }
td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 22px; color: #494949; margin: 0; padding: 3px 0 3px 0; }
td span { font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: normal; font-size: 8pt; color: #898989; margin: 0; padding: 0; display: block; }
td.header-cell { width: 150px; font-weight: bold; color: #463b26; vertical-align: top; }
td.required-cell { width: 150px; font-weight: bold; color: #463b26; vertical-align: top; background: url(../images/background-required-field.png) no-repeat; }

form { margin: 0; padding: 0; }

#submit, input.submit-button-text { border: 1px solid #759fd5; background: #698dbc; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 2px; }
input.form-field, select.form-field { width: 440px; border: 1px solid #e3dcbd; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; background: url(../images/background-form-fields.png) #f3f0e4; }
#comment, textarea.form-field { width: 440px; border: 1px solid #e3dcbd; background: url(../images/background-form-fields.png) #f3f0e4; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #494949; height: 100px; }
input.submit-button { margin: 0 15px 10px 0; }
input.newsletter-submit-button { margin: 0 20px 10px 0; }
strong.required-field { font-size: 9pt; color: #ff2773; margin-left: 5px; }

div.portfolio-item-homepage { float: left; margin: 0 6px 10px 6px; position: relative; }
div.portfolio-item { text-align: center; padding: 8px 2px 2px 2px; margin: 3px; float: left; width: 190px; height: 157px; border: 1px dotted #fff; position: relative; }
div.portfolio-item span { display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt; color: #494949; }
div.portfolio-item:hover { border: 1px dotted #463b26; }
div.portfolio-item:hover span { color: #b5004d; }
div.portfolio-item a { display: block; text-decoration: none; }
div.portfolio-item img, div.portfolio-item-homepage img { border: none; }
div.star-new { width: 32px; height: 32px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }
div.star-soon { width: 32px; height: 32px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

div.view-more { clear: both; text-align: right; margin: 5px 0 25px 0; padding: 5px 0 0 0; display: block; border-top: 1px dotted #cccccc; }
div.clear-both { clear: both; padding: 0; margin: 0; width: 0; height: 0; }

#content-left { float: left; width: 300px; }
#content-right { float: right; width: 300px; position: relative; }
#content-left img, #content-right img { border: none; }

img.margin-small, img.margin-medium, img.margin-large, img.margin-xlarge { margin: 0 0 15px 10px; padding: 0; }
img.margin-small { margin-bottom: 30px; }
img.margin-medium { margin-bottom: 60px; }
img.margin-large { margin-bottom: 90px; }
img.margin-xlarge { margin-bottom: 120px; }

div.navigation { display: block; border: 1px dotted #000; height: 30px; padding: 3px; }
div.alignleft { float: left; }
div.alignright { float: right; }