/* CSS Document */

* {font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, helvetica, Arial, Sans-Serif; font-size:12px;}
strong, em{font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, helvetica, Arial, Sans-Serif;}

body{color:#6b6e6e;}

h1 {font-size:22px; color:#018184; text-align:left;}
h2 {font-size:16px; color:#018184;}

li { text-align:left;}

#right-col {background-color:#018184; color:#fff;}
ul#products li.title {color:#fff; font-size:14px;}
ul#products li a {color:#fff; text-decoration:none;}
ul#products li a:hover {text-decoration:underline;}

ul#login li#login-button a {background:url(http://crystalcommercialfunding.com/images/buttons/login.jpg) top left no-repeat; color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:3px;}
ul#login li#register-button a {background:url(http://crystalcommercialfunding.com/images/buttons/register.jpg) top left no-repeat; color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:3px;}


#content p, #content ul li {font-family:tahoma, arial, sans-serif; color:#525252; font-size:16px; line-height:130%;}
#content ul li {background:url(http://crystalmortgages.com/images/li-green.gif) top left no-repeat;}

li a span {display:none;}

p.testimonial{color:#fff;}

#copy a {color:##content ul.form li;}
#copy a:hover {text-decoration:none;}

a#apply {background:url(http://crystalmortgages.com/images/button1.gif) top left no-repeat; color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:3px;}
a:hover#apply {background:url(http://crystalmortgages.com/images/button2.gif) top left no-repeat;}


/***************************
	INDEX MENU 
***************************/

ul.index-menu li#com-mortgage a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-mortgage.jpg) top left no-repeat;}
ul.index-menu li#com-mortgage a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-mortgage.jpg) top left no-repeat;}

ul.index-menu li#com-property a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-property.jpg) top left no-repeat;}
ul.index-menu li#com-property a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-property.jpg) top left no-repeat;}

ul.index-menu li#com-funding a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-funding.jpg) top left no-repeat;}
ul.index-menu li#com-funding a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/com-funding.jpg) top left no-repeat;}

ul.index-menu li#marketing a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/marketing.jpg) top left no-repeat;}
ul.index-menu li#marketing a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/marketing.jpg) top left no-repeat;}

ul.index-menu li#contact a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/contact-us.jpg) top left no-repeat;}
ul.index-menu li#contact a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/contact-us.jpg) top left no-repeat;}

ul.index-menu li#about a {background:#fff url(http://crystalcommercialfunding.com/images/buttons/about-us.jpg) top left no-repeat;}
ul.index-menu li#about a:hover {background:#fff url(http://crystalcommercialfunding.com/images/buttons/about-us.jpg) top left no-repeat;}

/***************************
	PAGE MENU 
***************************/

ul#products li a {background:#018184 top left no-repeat;}
ul#products li a:hover {color:#018184; background-color:#fff; text-decoration:none;}

ul#products li#mortgages a {background-image:url(http://crystalmortgages.com/images/buttons/com-mortgage-small.gif);}
ul#products li#mortgages a:hover {background-image:url(http://crystalmortgages.com/images/buttons/com-mortgage-small-white.gif);}

ul#products li#property a {background-image:url(http://crystalmortgages.com/images/buttons/com-property-small.gif);}
ul#products li#property a:hover {background-image:url(http://crystalmortgages.com/images/buttons/com-property-small-white.gif);}

ul#products li#funding a {background-image:url(http://crystalmortgages.com/images/buttons/com-funding-small.gif);}
ul#products li#funding a:hover {background-image:url(http://crystalmortgages.com/images/buttons/com-funding-small-white.gif);}

ul#products li#marketing a {background-image:url(http://crystalmortgages.com/images/buttons/marketing-small.gif);}
ul#products li#marketing a:hover {background-image:url(http://crystalmortgages.com/images/buttons/marketing-small-white.gif);}

ul#products li#contact a {background-image:url(http://crystalmortgages.com/images/buttons/contact-us-small.gif);}
ul#products li#contact a:hover {background-image:url(http://crystalmortgages.com/images/buttons/contact-us-small-white.gif);}

ul#products li#about a {background-image:url(http://crystalmortgages.com/images/buttons/about-us-small.gif);}
ul#products li#about a:hover {background-image:url(http://crystalmortgages.com/images/buttons/about-us-small-white.gif);}

/***************************
	FORMS
***************************/

#content ul.form {background-color:#d2e4e4; border:1px solid #699; border-left:30px solid #699; padding:10px 20px;}
#content ul.form li {font-size:14px; font-weight:normal; background:none; margin:3px 0; padding:0;}
#content ul.form li.title {font-size:18px; color:#018184;}
#content ul.form li.field {clear:left;}
#content ul.form li.submit {clear:both;}
label {width:200px; display:block; float:left; clear:left; margin-right:20px;}

ul.sub-list li label {clear:none; width:40px;}
ul.sub-list li {width:100px; float:left;}

input, textarea {border:1px solid #699; width:200px;}
select {border:1px solid #699; width:202px;}