/* CSS RESET */
body{padding:0;margin:0;font:11px "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}
/* --------------- */

body{ background-color: #ececec; text-align: center; color: #fff !important; font-family: arial, helvetica, san-serif; font-size: 12px; }
h1{ font-size: 13px; font-weight: normal; color: #fff; padding: 0px; line-height: 13px; text-transform: uppercase; margin-bottom: 30px; }
h2{ font-size: 13px; font-weight: normal; color: #fff; padding: 0px; line-height: 13px; text-transform: uppercase; }
h3{ margin-top: 20px; margin-left: 10px; margin-bottom: 0px; font-size: 13px; font-weight: normal; color: #fff; padding: 0px; line-height: 13px; text-transform: uppercase; }
h2 a{ text-decoration: none; }
a{ color: #f89a34; }
h1 a{ color: #fff; }
p{ line-height: 16px; }
strong{ font-weight: bold !important; }

/* -------- CLASSES --------- */
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.blue{ color: #2b48a9; }
.grey{ color: #8b8888; }
.center{ text-align: center !important; }
.spaced{ letter-spacing: 6px; }
.white{ color: #fff; }
.smaller{ font-size: 90%; }
.text-input{ width: 250px; height: 21px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }
.textarea-input{ width: 250px; height: 150px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }


#top-holder{ float: left; width: 100%; background-color: #fff; height: 361px; border-top: solid 10px #0055a5; }
#top{ position:relative; margin: auto; width: 960px;  }
.toggle{ position: absolute; top: 345px; left: 474px; width: 23px; height: 23px; border: 0px; margin: 0px; padding: 0px; cursor: pointer; background: url(../images/toggle.png) bottom no-repeat; }
/*.down{ background: url(../images/toggle.png) top no-repeat; }*/
.up{ background: url(../images/toggle.png) top no-repeat; }
#hp-badge{ position: absolute; top: 10px; right: -20px; width: 96px; height: 96px; }

#logo{ position: absolute; top: 37px; left: 37px; text-decoration: none; color: #999; font-size: 11px; }
#logo img{ padding-bottom: 6px; }

#navbar{ position: absolute; top: 130px; left: 0; width: 229px; height: 194px; margin: 0px; padding: 0px; }
#navbar li{	float: left; font-size: 11px; text-align: left; text-transform: uppercase; line-height: 1; }
#navbar li a{ color: #999; text-decoration: none; display: block; height: 17px; width: 219px; padding-left: 10px; padding-top: 8px; border-bottom: dotted 1px #999; }
#navbar li a:hover{ color: #555; }
#navbar .active{ background: url(../images/nav-active.png) no-repeat; border-bottom: none; color: #fff; }

#main-img{ position: absolute; top: 39px; right: 0; border: solid 6px #ebebeb; width: 698px; height: 288px; overflow: hidden; }

#social-holder{ float: left; width: 100%; border-top: solid 1px #dadfe4; background-color: #ebebeb; height: 129px; }
#social{ position: relative; margin: auto; width: 960px; }
#twitter-butt{ position: absolute; top: 9px; left: 0; display: block; width: 229px; height: 66px; background: url(../images/twitter.png) top no-repeat; }
#twitter-butt:hover{ background: url(../images/twitter.png) bottom no-repeat; }
#facebook-butt{ position: absolute; top: 85px; left: 0; display: block; width: 229px; height: 34px; background: url(../images/facebook.png) top no-repeat; }
#facebook-butt:hover{ background: url(../images/facebook.png) bottom no-repeat; }
#tweets{ position: absolute; top: 9px; right: 0px; width: 718px; }
#tweets li{ float: left; position: relative; display: block; width: 209px; height: 88px; margin-left: 8px; border: dotted 1px #9f9f9f; color: #555; text-align: left; padding: 10px; line-height: 13px; }
#tweets li .date{ position: absolute; top: 78px; left: 10px; color: #0055a5; }

#main-holder{ float: left; width: 100%; border-bottom: solid 2px #f89a34; padding-bottom: 20px; background: url(../images/main-holder-bg.png) repeat-x; background-color: #0457a7; }
#main{ position: relative; margin: auto; width: 960px; padding-top: 30px; text-align: left; }

#footer-holder{ float: left; width: 100%; border-top: solid 2px #fff; text-align: center; color: #303030; padding-bottom: 20px; }
#footer{ margin: auto; width: 960px; text-align: left; padding-top: 20px;  color: #999; font-size: 9px; }
#footer a{ color: #999; }
#footer #links{ float: left; width: 520px; }
#footer #copyright{ float: right; width: 440px; text-align: right; margin-top: 0px; }

#main-text{ float: right; width: 530px; }
#main-text h1{ margin-left: -160px; }
#main-text h2{ margin-left: -160px; width: 140px; text-align: right; float: left; }

#full-text{ float: left; width: 694px; }

/* HOMEPAGE STUFF */
#hp-blog{ float: left; position: relative; width: 209px; height: 237px; background: url(../images/content-bg.png) repeat-x; padding: 10px 10px 20px 10px;  }
#hp-blog ul{ position: absolute; top: 60px; left: 10px; width: 210px; margin: 0px; padding: 0px; }
#hp-blog ul li{ background: url(../images/blog-bullet.png) no-repeat; margin: 0px; padding: 0px; padding-left: 40px; padding-bottom: 25px; line-height: 1.3; }

#hp-main{ float: right; position: relative; width: 693px; min-height: 237px; background: url(../images/content-bg.png) repeat-x; padding: 10px 10px 20px 10px; }
#hp-text{ /*position: absolute; top: 10px; right: 17px;*/float: right; margin-right: 8px; width: 530px; }
#hp-text h1{ margin-left: -150px; }
#hp-main #margin-txt{ position: absolute; top: 55px; left: 10px; width: 140px; text-align: right; }

#bottom{ float: left; width: 960px; }
#photostream{ float: left; position: relative; width: 940px; height: 68px; background: #ececec; margin-top: 10px; margin-bottom: 20px; padding-top: 8px; padding-left: 20px; }
#photostream li{ position: relative; float: left; width: 60px; height: 60px; background: #ddd; margin-right: 6px; }
#photostream li a img{ position: absolute; top: 0; left: 0; }
.h3-photostream{ padding-top: 10px !important; }
.prev{ position: absolute; top: 32px; left: 4px; width: 11px; height: 13px; background: url(../images/prev.png) no-repeat; border: 0px; padding: 0px; margin: 0px; cursor: pointer; }
.next{ position: absolute; top: 32px; left: 944px; width: 11px; height: 13px; background: url(../images/next.png) no-repeat; border: 0px; padding: 0px; margin: 0px; cursor: pointer; }
/* END HOMEPAGE STUFF */

/* ABOUT US STUFF */
#about-img{ float: right; margin-left: 20px; }
#about-list{ float: left; width: 694px; margin-top: 30px; }
#about-list li{ float: left; display: block; width: 226px; height: 195px; margin: 2px; font-size: 11px; }
#about-list li p{ margin-top: 0px; }
/* END ABOUT US STUFF */

/* BLOG STUFF */
#blog-list{ margin: 0px; padding: 0px; }
#blog-list li{ margin: 0px; padding: 0px; height: 17px; }
#blog-list li a{ color: #fff; text-decoration: none; }
#blog-list li a:hover{ color: #F89A34; text-decoration: underline; }
#blog-list li .photo-icon{ float: left; width: 20px; height: 15px; }
#blog-list li .date{ float: left; width: 67px; margin-left: 60px; }
#blog-list li .title{ float: left; width: 540px; }
/* END BLOG STUFF */

/* MULTIMEDIA STUFF */
.multimedia-button{ float: left; display: block; width: 318px; height: 186px; background: #0F4B83;border: solid 1px #2C5983; margin: 10px; text-align: center; padding-top: 20px; }
.multimedia-button p{ color: #fff; text-decoration: underline; }
.multimedia-button { text-decoration: none !important; } 
/* END MULTIMEDIA STUFF */

/* GALLERY STUFF */
#images-list{ float: left; margin: 0px; padding: 0px; width: 692px; }
#images-list li{ float: left; margin: 0px; padding: 0px; display: block; width: 128px; height: 100px; background: #0F4B83; margin: 11px; text-align: center; padding: 10px; border: solid 1px #2C5983; }
#images-list li a{ color: #fff; text-decoration: none; }
#images-list li a:hover{ color: #F89A34; text-decoration: underline; }
/* END GALLERY STUFF */

/* VIDEO STUFF */
#video{ float: right; text-align: center; width: 535px; }
#video-list{ float: left; width: 130px; border-top: dotted 1px #fff; }
#video-list li{ padding: 10px; padding-left: 0px; border-bottom: dotted 1px #fff; font-size: 11px; line-height: 1.3; }
#video-list li a{ color: #fff; text-decoration: none; }
#video-list li a:hover{ text-decoration: underline; }
#video-list li .date{ line-height: 2; }
#video-list li a.selected{ border-left: solid 3px #f89a34; padding-left: 8px; display: block }
/* END VIDEO STUFF */

/* FORSALE STUFF */
#sales-list{ list-style-type: none; }
#sales-list li{ float: left; width: 329px; height: 93px; display: block; margin-bottom: 8px; margin-right: 15px; }
.sales-thumb{ float: left; width: 130px; height: 90px; border: solid 1px #2c5983; margin-right: 15px; }
sales-list li .info{ padding-right: 20px; }
/* END FORSALE STUFF */

/* FACILITIES STUFF */
#facilities-bottom{ float: left; margin-left: -160px; }
#facilities-bottom ul{ list-style-type: none; margin: 0px; padding: 0px; margin-top: 10px; }
#facilities-bottom ul li{ float: left; margin-right: 6px; }

/* CONTACT STUFF */
#map{ float: right; width: 360px; height: 290px; background: #fff; border: solid 1px #000; }
#map iframe{ border:0; margin:0; width:360px; height:290px; }
#contact-form{ margin-top: 30px; border-collapse: collapse; }
#contact-form .alt{ background: #eee; }
#contact-form th, td{ padding: 5px; }
#contact-form .heading{ background: #19459D; color: #fff; }
/* END CONTACT STUFF */


.modal-input{ width: 150px; height: 21px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }
.modal-textarea{ width: 400px; height: 150px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }