* {margin: 0; padding: 0;}
body {
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
}
#wrapper {
  text-align: left;
  margin: 0 auto;
}

p {
  margin-bottom: 10px;
  font-size: 11pt;
}
ul,ol {
  margin-left: 14px;
  margin-bottom: 10px;
}
h2, h3, h4, h5, h6 {
  font-family: Georgia,Times,serif;
  font-weight: 100;
  margin-bottom: 10px;
}
a {
  color: #465e92;
  text-decoration: none;
}
a:hover {
  color: #0c1832;
}
a img { border: 0px solid transparent;}
#masthead {
  width: 100%;
  height: 60px;
  background: #162850 url('../img/masthead-grad.png') top left repeat-x;
  border-bottom: 1px solid #0c1832;
}
#masthead h1 {
  text-indent: -9000em;
  width: 224px;
  height: 60px;
  background: transparent url('../img/logo.png') center center no-repeat;
  float: left;
}
#masthead h1 a {
  display: block;
  width: 200px;
  height: 60px;
}
ul#nav {
  float: right;
  width: 425px;
  list-style-type: none;
  margin: 0px;
}
ul#nav.admin { width: 455px; }
ul#nav li {
  float: left;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}
ul#nav li a {
  display: block;
  background: transparent;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
ul#nav li a:hover {
  color: #bbb;
}

.content {
  width: 800px;
  margin: 0 auto;
}

#homepage_intro {
  width: 100%;
  background: #becae4;
}
#homepage_intro .content { 
  padding: 25px 0;
  background:  url('../img/intro_bg.png') center right no-repeat;
}
#homepage_intro h2 {
  font-size: 42pt;
  margin-bottom: 20px;
}
#homepage_intro h2.first {font-size: 38pt; }
#homepage_intro p {font-family: Georgia,Times,serif; margin-top: -20px;}
#main_content_wrapper {
  width: 100%;
  background: transparent url('../img/content-grad.png') top left repeat-x;
}

.homepage_buttons {margin-top: 25px;}
.homepage_buttons img.first {margin: 0 10px;}

#main_content {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: transparent url('../img/faux.png') top center repeat-y;
}
#main_content.full_col { background: none; }
.content_arrow {
  width: 61px;
  height: 31px;
  margin: 0px 0 10px 50px;
  padding: 0;
  background: transparent url('../img/content_arrow.png') center center no-repeat;
}
#main_content .side_col {
  width: 280px;
  float: right;
  padding-left: 10px;
}
#main_content .side_col .button { display: block; margin: 0 auto; margin-top: 20px; }
#main_content .left_col {
  float: left;
  width: 495px;
  padding-right: 10px;
}
#footer {
  background: #bfcbe4;
  height: 60px;
  border-top: 1px solid #8d9bba;
  padding: 10px 0;
  margin-bottom: 0px;
}

#footer h5 {
  margin: 10px 0 0 0;
  width: 300px;
  height: 30px;
  background: url('../img/copyright.png') top left no-repeat;
  text-indent: -9000em;
  }
#footer a img {
  margin-top: 5px;
  margin-left: 5px;
}
#footer .client_login {
  padding-right: 10px; 
  border-right: 2px solid #8d9bba;
}
/* reasons */
h3.reason {
  font-size: 22pt;
} 
h3.reason span.num {font-size: 28pt; color: #777;}
h3.reason a {color: #000;}
h3.reason a:hover {color: #0c1832;}

#main_content .side_col h4 {
  height: 48px; 
  line-height: 58px;
  font-size: 22pt;
  padding-bottom: 10px;
  border-bottom: 1px solid #8d9bba;
}
.recent_work {
  padding-left: 55px;
  background: url('../img/recent_work_icon.png') left center no-repeat;
}
.contact_info {
  padding-left: 55px;
  background: url('../img/contact_info_icon.png') left center no-repeat;
}
.recent_posts {
  padding-left: 55px;
  background: url('../img/recent_posts_icon.png') left center no-repeat;
}
.quote_title {
  padding-left: 55px;
  background: url('../img/quote_icon.png') left top no-repeat;
  margin-top: -15px!important;
  line-height: 65px!important;
}
.twitter_title {
  padding-left: 55px;
  background: url('../img/twitter.png') left top no-repeat;
  margin-top: 25px;
}

a.portfolio_preview {border: 5px solid #bfcbe4; display: block; padding: 0; margin: 0;}
a:hover.portfolio_preview { border: 5px solid #162850;}
a.portfolio_preview img {  height: 80px; width: 270px; margin-bottom: -3px;}
/* forms */
label {
  display: block;
  font-weight: bold;
  font-size: 12pt;
}
label.captcha { margin-bottom: -10px; }
input[type="text"],input[type="password"],input[type="file"],textarea, select {
  padding: 5px;
  border: 1px solid #8d9bba;
  width: 480px;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
  border: 1px solid #162850;
  border-left: 10px solid #162850;
  width: 471px;
}
select { width: 490px; }
select:focus { border: 1px solid #162850; }
input[type="submit"], input[type="button"] { padding: 8px 20px;}
#recaptcha_area {
  margin-bottom: 10px;
}
/* tables */
table { 
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #bfcbe4;
  background: #fff;
  margin: 0 0 10px 0;
}
tr,td,th {
  padding: 5px;
  border: 1px solid #bfcbe4;
}
tr.odd {
  background: #e9e9e9;
}
th {
  background: #e9e9e9 url('../img/table-th-bg.png') top left repeat-x;
}
/* portfolio */
a.portfolio_preview_frame {
  display: block;
  border: 1px solid #8d9bba;
  background: #fff;
  padding: 4px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
a:hover.portfolio_preview_frame {
  border: 1px solid #0c1832
}
/* blog */
.blog_wrapper {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #8D9BBA;
}
.blog_wrapper:last-child {border: none;} /* CSS 3... I like it */
.blog_wrapper h2, .blog_wrapper h3 {
  font-size: 18pt;
}
.blog_wrapper a.read_more, a.show_comment_form {
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: #becae4;
  border: 1px solid #8d9bba;
  display: inline-block;
  padding: 10px 20px;
}
.blog_wrapper a:hover.read_more, a:hover.show_comment_form { background: #8d9bba; }
.blog_wrapper .blog_date {
  text-align: center;
  padding: 0px 6px 0 0px;
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 -75px;
  height: 85px;
  width: 60px;
  background: transparent url('../img/blog-date.png') center center no-repeat;
}
.blog_wrapper .blog_date .day { padding-top: 7px;}
.blog_wrapper .blog_date .day, .blog_wrapper .blog_date .month, .blog_wrapper .blog_date .year { 
  display: block;
  font-size: 19pt;
}
.blog_wrapper .blog_date .month{ 
  text-transform: uppercase;
  font-size: 13pt;
}
.blog_wrapper .blog_date .year{ 
  font-size: 10pt;
}
.comments, #comment_form {
  border-top: 1px solid #8d9bba;
  padding-top: 10px;
  margin-top: 10px;
}
.comment {
  border-bottom: 1px solid #8d9bba;
  margin-bottom: 10px;
}
.post_date { color: #555; font-size: 10pt; float: right; margin-top: 5px;}
.tweet_item { font-size: 10pt; }
.tweet_date {
  margin-bottom: 10px;
  font-size: 8pt;
  color: #555;
}
/* classes */
.clear {clear: both;}
.left {float: left;}
.right { float: right; }
.italics { font-style: italic; padding-right: 1px;}
.required, .warning { color: #f00; font-weight: bold; }
.success {color: #39b54a; font-weight: bold;}
ul.tick {list-style-type: none; margin-left: 10px;}
ul.tick li {
  padding-left: 25px;
  background: url('../img/tick.png') center left no-repeat;  
}
ul.links {
  list-style-type: square;
  padding-left: 10px;
}
.port_col { width: 410px;}
.visit_site {font-weight:bold; font-size: 12pt; display: block; margin-top: 20px;}
.admin_control {
  float: right;
  margin-bottom: 10px;
  font-weight: bold;
}