/* [cms v4.3.1]

RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components 
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar

*/
body { background-color: #C8C8C8; margin: 0px; padding: 0px; font-family: verdana; font-size: 100%; color: #000; }
a { margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; } 

h1 { font-size: 1.3em; margin: 0px; padding: 0px 0px 10px 0px; color: #002166; line-height: 1.4em; font-weight: normal; } h1 a { color: #002166; } 
h2 { font-size: 0.9em; margin: 0px; padding: 0px 0px 10px 0px; color: #002166; } h2 a { color: #002166; } 
h3 { font-size: 0.8em; margin: 0px; padding: 0px 0px 5px 0px; color: #002166; } h3 a { color: #002166; }  /* related links */
p { font-size: 0.8em; margin: 0px; padding: 0px 0px 14px 0px; color: #002166; line-height: 1.3em; } p a { color: #002166; }

ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.8em; padding-bottom: 10px; color: #002166; }

#wrapper-1 { text-align: left; width: 750px; margin: 17px auto 0px auto; clear: both; }
#header-1 { background-color: #fff; float: left; width: 750px; height: 33px; clear: both; }
#header-1-1 { float: left; background-color: #600; width: 280px; height: 33px; text-align: center; }
#header-1-2 { float: left; width: 470px; height: 33px; }
#body-1 { float: left; width: 750px; clear: both; background-color: #fff; }
#body-1-1 { float: left; width: 155px; }
#body-1-2 { float: left; width: 365px; background-color: #EBEBEB; }
.body-1-2-container-1 { padding-top: 0px; }
#body-1-3 { float: left; width: 230px; background-color: #E1E1E1; display: inline; }
#body-1-3-1 { clear: both; }
#body-1-3-2 { clear: both; margin: 20px; }
#footer-1 { width: 750px; height: 65px; background-color: #660000; clear: both; }
#footer-1-1 { float: left; }
#footer-1-2 { float: right; }
.text-footer-1-1 { padding: 12px 12px 12px 20px; color: #fff; font-weight: bold; } .text-footer-1-1 a { color: #fff; }
.text-footer-1-2 { padding: 12px 20px 12px 12px; color: #fff; font-weight: bold; } .text-footer-1-2 a { color: #fff; }
#footer-2 { width: 750px; background-color: #660000; clear: both; padding-bottom: 40px; }
#footer-2-1 { float: left; }
#footer-2-2 { float: right; }
.text-footer-2-1 { padding: 3px 3px 3px 0px; color: #fff; } .text-footer-2-1 a { color: #fff; text-decoration: none; }
#footer-3 { width: 750px; clear: both; height: 30px; background-color: #C8C8C8; }
#footer-3-1 { float: left; }
#footer-3-2 { float: right; }
.text-footer-3-1 { float: left; padding: 6px 3px 3px 3px; font-size: 0.6em; color: #4A5F8A; } .text-footer-3-1 a { color: #4A5F8A; text-decoration: none; }
.text-footer-3-2 { float: right; padding: 6px 3px 3px 3px; font-size: 0.6em; color: #4A5F8A;  } .text-footer-3-1 a { color: #4A5F8A; text-decoration: none; }

.nav-top-1 { float: left; height: 33px; text-align: center; color: #fff; background-color: #330066; } 
.nav-top-2 { float: left; height: 33px; text-align: center; color: #fff; } 
.text-nav-top-1 { color: #fff; padding-top: 7px; padding-bottom: 7px;} .text-nav-top-1 a { color: #fff; font-weight: bold; text-decoration: none; }
.text-nav-top-2 { color: #600; padding-top: 7px; padding-bottom: 7px;} .text-nav-top-2 a { color: #600; font-weight: bold; text-decoration: none; }

.nav-left-1 { padding: 19px 20px 10px 20px; font-size: 1.3em; } .nav-left-1 a { text-decoration: none; }
.nav-left-2 { padding: 0px 10px 7px 20px; color: #660000; } .nav-left-2 a { text-decoration: none; color: #660000; }

.nav-right-item-1 { float: left; padding: 7px 16px 0px 16px; font-size: 0.7em; line-height: 1.6em; color: #000; } .nav-right-item-1 a { text-decoration: none; line-height: 1.5em; color: #000; }
.nav-right-item-1-1 { float: left; width: 12px; }
.nav-right-item-1-2 { float: left; width: 130px; }
.text-nav-right-item-1-1 { font-weight: bold; padding-bottom: 3px; color: #000; }
.text-nav-right-item-1-2 { font-weight: bold; padding-bottom: 3px; color: #000; }

/* ~~~~~~~~~~~~~~~~~~~~ generic objects ~~~~~~~~~~~---------  */
.img-preview { float: left; margin: 0px; clear: both; display: block; }
.img-body { float: left; margin: 0px; clear: both; display: block; display: inline; }
.tbl-wrapper-1 { margin-top: 0px; }
.text-normal { font-weight: normal; }
.textfield-1 { width: 220px; border: 1px solid #600; font-family: verdana; font-size: 0.8em; }
.text-form-1 { font-size: 0.8em; color: #002166; }
.text-form-2 { font-size: 0.8em; color: #002166; }
.button-1 { color: #660000; background-color: transparent; border: 0px; text-decoration: underline; font-family: verdana; width: auto; overflow: visible; }

/* ~~~~~~~~~~~~~~~~~~~~ related links ~~~~~~~~~~~---------  */
.text-rel-1 { font-size: 0.7em; padding: 2px; color: #660000; } .text-rel-1 a { color: #660000; }

/* ~~~~~~~~~~~~~~~~~~~~ homepage (1) ~~~~~~~~~~~---------  */
#home-1 { float: left; width: 750px; height: 355px; }
#home-1-1 { float: left; width: 280px; height: 355px; background: url('images/home_bkgd.jpg') repeat-x bottom; }
#home-1-2 { float: left; width: 272px; }
#home-1-3 { float: left; width: 198px; }
#wrapper-home-1-1 { float: left; clear: both; margin: 20px; display: inline; }
#home-2 { float: left; width: 750px; height: 35px; background-color: #D9D9D9; }
#home-3 { float: left; width: 750px; }
#home-3-1 { float: left; width: 280px; }
#home-3-2 { float: left; width: 272px; }
#home-3-3 { float: left; width: 198px; }
#wrapper-home-3-1 { margin: 20px; } 
#wrapper-home-3-2 { margin: 20px 20px 20px 0px; }
#wrapper-home-3-3 { margin: 20px 20px 20px 0px; }

.home-link-1 { float: left; clear: both; width: 100%; }
.home-link-1-1 { float: left; }
.home-link-1-2 { float: left; margin-left: 10px; }
.text-home-link-1 { color: #600; font-size: 0.9em; } .text-home-link-1 a { color: #600; }
.img-home-link-1 { margin-top: 3px; }

/* ~~~~~~~~~~~~~~~~~~~~ standard (2) ~~~~~~~~~~~---------  */
.container-2-2 { margin: 10px 10px 10px 10px; padding: 10px; clear: both; } /* preview */
.container-2-1 { margin: 10px 10px 10px 10px; padding: 10px; clear: both; } /* body */

/* ~~~~~~~~~~~~~~~~~~~~ portfolio (3)  ~~~~~~~~~~~---------  */
#portfolio-1 { float: left; width: 750px; height: 210px; }
#portfolio-1-1 { float: left; width: 280px; height: 210px; } 
#portfolio-1-1-1 { margin: 20px; }
#portfolio-1-2 { float: left; width: 470px; height: 210px; background-color: #F3F3F3 } 

#portfolio-2 { width: 750px; height: 90px; clear: both; }
#portfolio-2-1 { float: left; width: 280px; height: 90px; }
#portfolio-2-2 { float: left; width: 470px; height: 90px; background-color: #EBEBEB; }
#portfolio-1-2-1 { margin-top: 28px; margin-left: 20px; }
#portfolio-1-2-2 { margin-left: 20px; }

.portfolio-1-2-2-1 { float: left; width: 130px; }
.text-portfolio-1-2-2-1 { font-size: 0.7em; margin-top: 3px; color: #600; line-height: 1.4em; } .text-portfolio-1-2-2-1 a { color: #600; }
.text-portfolio-filter-1 { font-size: 0.7em; padding-left: 0px; padding-top: 25px; padding-bottom: 0px; color: #666; }
.text-portfolio-filter-2 { font-size: 0.7em; padding-left: 20px; padding-top: 45px; padding-bottom: 0px; color: #666; }

/* ~~~~~~~~~~~~~~~~~~~~ property (4)  ~~~~~~~~~~~---------  */
.property-1 { width: 750px; height: 185px; float: left; }
.property-1-1 { width: 75px; height: 185px; float: left; }
.property-1-2 { width: 205px; height: 185px; float: left; }
.property-1-3 { width: 470px; height: 185px; float: left; }

.property-1-3-1 { margin-left: 20px; margin-top: 20px; width: 430px; background-color: transparent; }
.property-1-3-1-1 { float: left; width: 310px; }
.property-1-3-1-2 { float: right; }
.property-1-3-2 { margin-left: 20px; width: 430px; height: 105px; background-color: transparent; }
.property-1-3-3 { margin-left: 20px; width: 430px; height: 30px; background-color: transparent; }

.property-col-1 { float: left; width: 280px; }
.property-col-2 { float: left; width: 240px; background-color: #E1E1E1; }
.property-col-2-1 { }
.property-col-2-2 { float: left; background-color: #EBEBEB; padding-bottom: 4px; display: inline; clear: both; }
.property-col-2-3 { padding: 9px 18px 18px 18px; clear: both; }
.text-property-col-2-3-1 { font-size: 0.7em; color: #002166; line-height: 1.5em; }
.text-property-col-2-3-2 { font-size: 0.7em; color: #002166; padding: 0px 0px 15px 0px; }

.property-col-3 { float: left; width: 230px; }
.property-col-3-1 { /*height: 312px;*/ }
.property-col-3-1-1 { background-color: #EBEBEB; }
.text-property-col-3-1-1 { font-size: 0.7em; color: #002166; padding: 6px 0px 6px 12px; }
.property-col-3-1-2 { margin: 12px; }
.property-col-3-2 { height: 145px; margin: 4px 12px 0px 12px; }
.property-col-3-3 { margin: 0px 12px 12px 12px; }
.text-property-col-3-3 { font-size: 0.7em; padding: 2px; color: #660000; }


/* ~~~~~~~~~~~~~~~~~~~~ error msg~~~~~~~~~~~---------  */
#err-1 				{ margin: 20px 0px 20px 0px; padding: 10px; border: 1px solid #600; }
.text-err-1 		{ font-size: 0.8em; color: #600; margin: 0px; padding: 0px; }

/* ~~~~~~~~~~~~~~~~~~~~ admin bar ~~~~~~~~~~~-------- */
#ad-bar-1     		{ background-color: #919DA2; margin: 0px; padding: 0px; clear: both; width: 100%; height: 60px; }
#ad-bar-1-1   		{ float: left; width: 660px; height: 60px; border-right: 1px solid #C8CED1; float: left; }
#ad-bar-1-1-1 		{ float: left; width: 72px; height: 22px; text-align: center; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-2 		{ float: left; width: 62px; height: 22px; text-align: center; }
#ad-bar-1-1-3 		{ float: right; width: 75px; height: 22px; text-align: center; }
#ad-bar-1-2   		{ float: left; width: 100px; height: 60px; }
.ad-bar-text-1 		{ padding: 4px; margin: 0px; color: #fff; font: Arial 0.8em; }
.ad-bar-text-1-link 	{ text-decoration: none; color: #fff; }
.logo-eddie-grey 	{ margin: 20px 0px 0px 40px; }