@charset "UTF-8";
/* CSS Document */



/* text & link attributes */

h1 { font-size: 30px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, Georgia, "Times New Roman", Times, serif; }

h2 { font-size: 26px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, Georgia, "Times New Roman", Times, serif; }

h3 { font-size: 22px; margin: 0 0 5px 0; font-weight: 500; font-family: Garamond, Georgia, "Times New Roman", Times, serif; }

h4 { font-size: 15px; margin: 0; font-weight: normal; font-family: Garamond, Georgia, "Times New Roman", Times, serif; }

h1.home_large { font-size: 35px; line-height: 140%; padding: 0 0 20px 0; }

.hpmiddle h2 { line-height: 140%; }

.lightblue { color: #c7eefc; }

.white { color: #fff; }

.yellow { color: #FFFF66; }

.darkergray { color: #666; }

.black { color: #000000; }

.sixteen { font-size: 16px; line-height: 170%; }

.eighteen { font-size: 18px; line-height: 170%; }

.twenty { font-size: 20px; line-height: 170%; }

.serif { font-family: "Times New Roman", Times, Garamond, serif; }

.wide_kerning { line-height: 180%; letter-spacing: 1px; }

.bold { font-weight: bold; }

.italic { font-style: italic; }



a:link, a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #fff; }

a:hover, a:active { text-decoration: none; color: #b4e4f5; border-bottom: 1px solid #b4e4f5; }

a.no_underline:link, a.no_underline:hover, a.no_underline:active, a.no_underline:visited { border-bottom: 0; }

a.nav_about:link, a.nav_about:visited { float: left; display: block; width: 110px; height: 76px; background: url(../images/about.jpg); border-bottom: 0; }

a.nav_about:hover, a.nav_about:active { float: left; display: block; width: 110px; height: 76px; background: url(../images/about2.jpg); border-bottom: 0; }

a.nav_blog:link, a.nav_blog:visited { float: left; display: block; width: 106px; height: 76px; background: url(../images/blog.jpg); border-bottom: 0; }

a.nav_blog:hover, a.nav_blog:active { float: left; display: block; width: 106px; height: 76px; background: url(../images/blog2.jpg); border-bottom: 0; }

a.nav_portfolio:link, a.nav_portfolio:visited { float: left; display: block; width: 132px; height: 76px; background: url(../images/portfolio.jpg); border-bottom: 0; }

a.nav_portfolio:hover, a.nav_portfolio:active { float: left; display: block; width: 132px; height: 76px; background: url(../images/portfolio2.jpg); border-bottom: 0; }

a.nav_contact:link, a.nav_contact:visited { float: left; display: block; width: 127px; height: 76px; background: url(../images/contact.jpg); border-bottom: 0; }

a.nav_contact:hover, a.nav_contact:active { float: left; display: block; width: 127px; height: 76px; background: url(../images/contact2.jpg); border-bottom: 0; }

a.thumb:link, a.thumb:visited { float: left; display: block; border: 3px solid #fff; margin-bottom: 16px; }

a.thumb:hover, a.thumb:active { float: left; display: block; border: 3px solid #ccc; margin-bottom: 16px; }

a.visit:link, a.visit:visited { font-size: 15px; color: #b4e4f5; text-decoration: none; border-bottom: 1px solid #b4e4f5; }

a.visit:hover, a.visit:active { font-size: 15px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }

a#readmore, a#readless { text-decoration: none; font-weight: bold; border-bottom: 0; }

a.homelink:link, a.homelink:hover, a.homelink:active, a.homelink:visited { float: left; width: 250px; height: 150px; text-decoration: none; border: 0; }




/* main attributes */

body, a, div, input, textarea { margin: 0; padding: 0; }

p { margin: 0 0 12px 0; }

a img { border: 0; }

.nav_left { float: left; }

.left { float: left; margin: 5px 15px 0 0; }

.left_no_margin { float: left; margin: 5px 0 0 0; }

.right { float: right; margin: 5px 0 0 15px; }

.border { border: 1px solid #000; margin: 0; padding: 0; }

.borderbottom { border-bottom: 1px dashed #ddd ; }

h3.borderbottom, .dotted-border { background: url(../images/dot.png) bottom left repeat-x; border-bottom: none; }

.bordertop { border-top: 1px dashed #ddd ; }

.clear { clear: both; }

body { text-align: center; font: 12px Helvetica, Trebuchet, Arial, sans-serif; color: #fff; line-height: 200%; background: #1b88b1 url(../images/bg.jpg) top center repeat-x; }

ul { padding: 0; margin: 8px 0 8px 0; }

li { padding: 0; margin: 8px 0 0 20px; list-style: outside circle; line-height: 180%; }

li.links, li.expand { padding: 0; margin: 0; list-style: none; }

input { float: left; width: 350px; margin: 0 0 8px 0; padding: 5px; background: #e4f0f8; border: 1px solid #266e89; font-size: 18px; color: #666; }

textarea {float: left; width: 350px; height: 200px; margin: 0 0 8px 0; padding: 5px; background: #e4f0f8; border: 1px solid #266e89; font-size: 16px; color: #666; }

select { height: 25px; background: #e4f0f8; border: 0; margin: 0 0 8px 0; }

#submit { float: left; width: 170px; height: 55px; margin-top: 15px; background: url(../images/send.png); border: 0; }

.wrapper { margin: 0 auto; width: 840px; }

.mainnav { float: right; width: 491px; height: 76px; margin: 99px 65px 0 0; }

.content { float: right; width: 840px; text-align: left; margin: 24px 0 0 0; }

.footer { float: left; width: 100%; margin: 20px 0 0 0; padding: 40px 0 40px 0; text-align: center; background: url(../images/footer.jpg) top left repeat-x; }

.footertext { margin: auto; width: 840px; text-align: left; }



/* about page attributes */

.subleft { float: left; width: 450px; text-align: left; }

.subright { float: right; width: 360px; text-align: left; background: #32a9d5; border: 1px solid #7bcdeb; opacity: 0.9; filter: alpha(opacity=90); }

.subrighttext { padding: 10px 15px 10px 15px; text-align: left; }




/* portfolio page attributes */

.pic { float: left; border: 3px solid #fff; margin: 0; padding: 0; }

.description { float: right; width: 260px; }

.spacer { float: left; width: 16px; height: 16px; }



/* homepage attributes */

.hpmiddle { float: left; width: 840px; margin: 10px 0 20px 0; text-align: left; background: url(../images/mtn.png) bottom center no-repeat; /* background: #32a9d5; border: 1px solid #7bcdeb; opacity: 0.9; filter: alpha(opacity=90); */ font-size: 14px; line-height: 190%; }

.hpmiddle-text { float: right; width: 350px; height: 275px; margin: 25px 0 0 0; }

.hpright { float: right; width: 360px; height: 238px; margin: 5px 0 0 0; text-align: left; font-size: 14px; line-height: 190%; }

.hprighttext { padding: 20px; text-align: left; }

.hpbottom { float: left; width: 400px; text-align: left; }