body { background: #FFFFFF url("http://www.denverdiamondbroker.net/images/site_605/bodyColor.jpg") no-repeat top center }
  	#header { 
    background: transparent url("http://www.denverdiamondbroker.net/images/site_605/headerColor.jpg") ; height: 129px; }
    .leftSideSection { background: #FFFFFF url("http://www.denverdiamondbroker.net/images/site_605/sideBarLeftColor.jpg") no-repeat ; color: #000000; }
    .rightBarSection { background: #FFFFFF; }
		.mainContentSection { background: transparent url("http://www.denverdiamondbroker.net/images/site_605/listingDetailColor.jpg") no-repeat left top; color: #000000; }
    #footer { background: transparent; }
		#footerTable { color: #969696; }
		#footerTable a { color: #969696; }
    
    #navlist li a:link { color: #000000 }
    #navlist li a:visited { color: #000000 }
    #clickToOpen { color: #000000 }
    .rssMain { color: #000000 } 
    
    #socialButtonSection { background-color: transparent; }
    html {}
body {font-family: 'Open Sans', arial; overflow-x:hidden;}
a img { border: none;}


/*---------------------------------------------------------TEMPLATE TRANSPARENCY-- DO NOT CHANGE----------------------------------*/
#mainBlogEntry {background: transparent;}
#headerForeground {background: transparent;}
#container {background: transparent;}
#socialButtonSection {background: transparent; }
#lowerContainer {background: transparent; }
#footer {background: transparent; }

 
/*----------------------------------------------------------MENU-NAV STYLING------------------------------------------------------*/
div.nav {font-weight: 400; font-size: 14px; color: #000000;} 
div.nav a:link {color: #000000; text-decoration: none;}
div.nav a:visited {color: #000000; text-decoration: none;}
div.nav a:hover {color: #c02026; text-decoration: none;}
div.nav a:focus {color: #c02026; text-decoration: none;}

 
/*------------------------------------------------------------MASTER TEXT STYLING--------------------------------------------------*/
div.master {font-weight: 300; font-size: 16px; color: #4a4a4a; line-height:1.5;}
div.master strong {color: #07466b; font-weight:900;}
div.master a:link {font-weight: 400; color: #07466b; text-decoration: none;}
div.master a:visited {font-weight: 400; color: #07466b; text-decoration: none;}
div.master a:hover {font-weight: 400; color: #c02026; text-decoration: none;}
div.master a:focus {font-weight: 400; color: #c02026; text-decoration: none;}


div.master-dark {font-weight: 400; font-size: 12px; color: #ffffff; line-height:1.3;}
div.master-dark a:link {color: #ffffff; text-decoration: none;}
div.master-dark a:visited {color: #ffffff; text-decoration: none;}
div.master-dark a:hover {color: #9fdcfd; text-decoration: none;}
div.master-dark a:focus {color: #9fdcfd; text-decoration: none;}


/*-------------------------------------------------------MASTER H1 H2 H3 and HR Styling---------------------------------------------*/
div.master h1{ margin: 0px 0px 5px 0px; font-size: 24px; font-weight: 900; color: #07466b;}
div.master h1 a:link { margin: 0px 0px 5px 0px; font-size: 24px; font-weight: 900; color: #07466b;}
div.master h1 a:visited { margin: 0px 0px 5px 0px; font-size: 24px; font-weight: 900; color: #07466b;}
div.master h1 a: hover: { margin: 0px 0px 5px 0px; font-size: 24px; font-weight: 900; color: #4a4a4a;}

div.master h2{ margin: 0px 0px 0px 0px; font-size: 17px; font-weight: 900; color: #07466b;}
div.master h2 a:link { margin: 0px 0px 0px 0px; font-size: 17px; font-weight: 900; color: #07466b;}
div.master h2 a:visited { margin: 0px 0px 0px 0px; font-size: 17px; font-weight: 900; color: #07466b;}
div.master h2 a:hover { margin: 0px 0px 0px 0px; font-size: 17px; font-weight: 900; color: #4a4a4a;}

div.master h3{ margin: 0px 0px 0px 0px; font-size: 16px; font-weight: 900; color: #07466b;}

div.master hr{ height: 1px; border: none; color: #d0d0d0; background-color: #d0d0d0; }


/*----------------------------------------------------------BLOG STYLING-----------------------------------------------------------*/
h1.mainBlogEntry {font-family:'Open Sans', sans-serif; font-weight: 700;}
.mainBlogEntry {font-family:'Open Sans', sans-serif; font-weight: 300;}
.mainBlogEntry a:link, .mainBlogEntry a:visited {text-decoration:none; color:#07466b; }
.mainBlogEntry a:hover, .mainBlogEntry a:focus {text-decoration:underline; color:#07466b; }

/*--------------------------------------------------------MULTIPLE COLUMNS---------------------------------------------------------*/
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}


/*-------------------------------------------------------HOVER ROLLOVER------------------------------------------------------------*/
div.hover img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease;
}
 
div.hover img:hover {
  -webkit-filter: brightness(130%);
  -moz-filter: brightness(130%);
  -o-filter: brightness(130%);
  -ms-filter: brightness(130%);
  filter: brightness(130%);
}


/*----------------------------------------------------PHOTO DROPSHADOW------------------------------------------------------------*/
img.photo-fx {
border-width: 1px;
line-height: 0; 
border-style: solid; 
border-color: #ffffff; 
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.4);
}


/*----------------------------------------------------BUTTON CSS-------------------------------------------------------------------*/
.button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:21px;
	width:108px;
	text-decoration:none;
	text-align:center;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.button:active {
	position:relative;
	top:1px;
}


/*-------------------------------------------------Fixed Header Dropshadow Code----------------------------------------------------*/
.one-edge-shadow {
	-webkit-box-shadow: 0 4px 4px -6px black;
	   -moz-box-shadow: 0 4px 4px -6px black;
	        box-shadow: 0 4px 4px -6px black;
}


/*-----------------------------------------------CONTACT FORM STYLING--------------------------------------------------------------*/
.lowerformtextfield {
background: #d4d4d4;
height: 20px; 
margin-bottom: 2px; 
margin-top: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0px;
color: #07466b;
font-size: 16px;
font-family: 'Open Sans', arial;
font-weight: 300;
} 

textarea#lf_message_93516924 {
background: #d4d4d4;
height: 45px !important; 
margin-bottom: 7px; 
margin-top: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0px;
color: #07466b;
font-size: 16px;
font-family: 'Open Sans', arial;
font-weight: 300;
} 

#submit_contactForm_93516924 {
width: 100px;
background: #d4d4d4;
height: 21px; margin-bottom: 7px; margin-top: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:0px !important;
float: right;
color: #07466b;
font-size: 12px;
font-family: 'Open Sans', arial;
font-weight: 500;
} 

#submit_contactForm_93516924:hover {
width: 100px;
background: #07466b;
color: #f1f1f1;
height: 21px; margin-bottom: 7px; margin-top: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
border:0px !important;
float: right;
font-size: 12px;
font-family: 'Open Sans', arial;
font-weight: 500;
} 


/*-----------------------------------------------CIRCLE PHOTO-IMAGE-----------------------------------------------------------------*/
.circular {
	width: 300px;
	height: 300px;
	border-radius: 160px;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	background: url("http://link-to-your/image.jpg") no-repeat;
	}


/*-------------------------------------------------DROP DOWN MENU-----------------------------------------------------------------*/


#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  background: #c4d9e6;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: ';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #c4d9e6;
  height: 20px;  
  display: block;
  font-family: 'Open Sans';
  font-size: 18px !important;
  font-weight: 300;
  padding: 9px 18px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #4a4a4a;
  font-size: 18px;
}
#cssmenu > ul > li:hover:after {
  content: ';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 0px 0 0 0;
  -moz-border-radius: 0px 0 0 0;
  -webkit-border-radius: 0px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 0px 0 0;
  -moz-border-radius: 0 0px 0 0;
  -webkit-border-radius: 0 0px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 1px #07466b;
  -moz-box-shadow: inset 0 0 0px #575757;
  -webkit-box-shadow: inset 0 0 0px #575757;
  background: #07466b;
}

/*-------------------- 2nd level Dropdown --------------------*/
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a:hover {
  background: #4a4a4a;
  border-bottom: 1px dotted #6b6b6b;
  font-size: 18px;
  filter: none;
  display: block;
  line-height: 120%;
  color: #ffffff;
}
#cssmenu .has-sub ul li a {
  background: #c4d9e6;
}
#cssmenu ul ul li:hover > a {
  color: #07466b;
}
#cssmenu > ul > li:nth-child(3) > ul > li > a {color:#4a4a4a;}

/*-------------------- 3rd level Dropdown --------------------*/
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #2e517a;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #b7a16e;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}









/*-------------------------------------------------Side TAB Nav-----------------------------------------------------------------*/
.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 900px;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 260px;
    background: #EEEEEE;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
    border: 0px solid gray;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
    background: #07466b;
    color: #ffffff;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid gray;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 28em;
    border-left: 1px solid gray;
    border-radius: 0;
    position: relative;
    left: -1px;
}