/* Begin overall site CSS */
html {overflow-y: scroll;}

body {
	margin: 0px auto;
	padding: 0px;
	color: #FFFFFF;
	background: #aab394;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
	text-align: center;
	background-image: url(../images/ui/bg.gif);
	background-repeat: repeat-x;
}

a {color: #76849e; text-decoration: none; font-weight: bold;}
a:link {color: #76849e; font-weight: bold;}
a:visited {color: #76849e;}
a:hover {text-decoration: underline;}
a:active {color: #989898;}

/* End overall site CSS */

/* Begin overall formatting CSS */

p {margin: 10px 10px 15px 10px; padding: 0px; font-weight: normal;}
ul {padding: 0px; margin: 20px;}
li {padding: 1px 3px 2px 3px; margin: 15px; list-style: none;}
img {border: 0px;}

.l {float:left;}
.r {float:right;}
img.l{margin-right:10px;}
img.r{margin-left:10px;}

/* End overall formatting CSS */

/* Begin layout CSS */

#container {
	width: 789px;
	margin: 0px auto;
	padding: 0px;
	}
	
#header {
	width: 789px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/ui/header-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#phones {text-align: right; margin: 20px 30px 10px 0;}
#logo {float: left; margin: 8px 0 0 20px; width: 210px;}






#nav { /* all lists */

	 margin: 0px 20px 0px 240px; 
	 padding: 55px 18px 0 0;
	 color: #8793aa;
	 font-size: 1.24em;
}

    #nav a:link {color: #76849e;}
	#nav a:visited {color: #76849e;}
	
	#nav a:active {color: #989898;}
	
#nav ul{
     text-align: left;  
     padding: 0;
	 margin: 0;
	 list-style: none;
	 } 

#nav a {
	 color: #76849e;
	 text-decoration: none; 
	 display: inline;
	 padding: 5px 5px 5px 5px;
}

#nav li { /* all list items */
  text-align:center;
    margin: 0px;
	padding: 0px;
	float: left;
	border-right: 1px solid #b3b7a9;
	line-height: 1.8em;
	height: 20px;
	 /* width needed or else Opera goes nuts */
}
.home{
   width: 4.5em;
   }
  .home a:hover {background-color: #e5e8ed;     
   }
.about{width: 7em;
   }
.about a:hover {background-color: #e5e8ed;

   }
.about ul, .about ul li {
width: 10em;
}
#nav ul li.about ul li a{
display: block;
margin: 0px;
padding: 0px 0 0 2px;
}
.services{
   width: 7em;
   } 
.services ul, .services ul li {
width: 20em;
}
#nav ul li.services ul li a{
display: block;
margin: 0px;
padding: 0px 0 0 2px;
}   
.services a:hover {background-color: #e5e8ed;
   }    

.services ul li:hover {background-color: #e5e8ed;              
   }  
.portfolio{width: 7em;
   }
.portfolio a:hover {background-color: #e5e8ed;
   }
.process{
   width: 8em;
   }
.process a:hover {background-color: #e5e8ed;
   }   
.contact{
   width: 7em;
   }
.contact a:hover {background-color: #e5e8ed;
   }

#nav li ul { /* second-level lists */
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	position: absolute;
	background: white;
	border: 1px solid #b3b7a9;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	#nav li ul li { /* second-level lists */
	text-align: left;
	}
#nav li ul a {
	 color: #76849e;
	 text-decoration: none; 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

	
#content {
	color: #707070;
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4em;
	padding: 0;
	background-color: #FFFFFF;
	}	
	
#top-image {margin: 0px 7px 5px 7px;
			width: 775px;
			height: 171px;
			background-image: url(../images/rotate_head/rotate.php);
			background-position: top left;
			background-repeat: no-repeat;
	}

#left {margin-right: 365px; border-right: 1px solid #e2e2e2; margin-left: 20px;}
#left-int {margin-right: 365px; margin-left: 20px;}
#right {float: right; width: 333px;	padding: 15px 20px 0 0; text-align: right;}
#right-int {float: right; width: 333px;	padding: 30px 20px 0 0; text-align: center;}
#port-int {margin-right: 0px; margin-left: 0px;}
#expert-int { 
  width: 710px; 
  padding: 0 20px;
}

#expert-int ul ul{
}

#expert-int ul ul li {
  list-style-type: disc;
  margin: 0 0 0 10px;
  padding: 0;  
}


#expert-int ul ul ul li{
  margin: 2px 0;
  list-style-type: circle;
  color: #333;
}

#learn-experts {
	width: 333px;
	height: 165px;
	background-image: url(../images/learn-experts.jpg);
	background-color: #D2D7DF;
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
	
/* "Learn from the Experts" edit */

#learn-experts2 {
	width: 333px;
	height: 200px;
	background-image: url(../images/learn-experts.jpg);
	background-color: #D2D7DF;
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}

/* "Learn from the Experts" edit */	

#sub {
margin-top: 10px;
}

#our-process {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/ourprocess-image.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
	
#our-process2 {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/conscious-image.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
#view-portfolio {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/portfolio-image.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
#articles {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/articles.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
	
	#articles-test {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/articles1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
	
#published-articles {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/articles-image.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}
	
#tip {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/experiene-matters.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
	#tip1 {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/tip1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
	#tip1 {
	width: 333px;
	min-height: 90px;
	background-image: url(../images/tip1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
/* New Social Media box */

#tip2 {
	width: 333px;
	min-height: 110px;
	background-image: url(../images/experiene-matters.gif);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
	#tip2 {
	width: 333px;
	min-height: 110px;
	background-image: url(../images/tip1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
	#tip2 {
	width: 333px;
	min-height: 110px;
	background-image: url(../images/tip1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	border: 1px solid #76849e;
	margin-bottom: 8px;
	}	
	
/* New Social Media box */

.button {padding: 9px 5px 0 95px; font-size: .9em; text-align: left; line-height: normal;}
.button-text {padding: 5px 5px 0 5px;}
.button-link {text-align: right; padding: 3px; font-weight: bold;}

#content-footer {
	clear: both;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/ui/footer-bg.gif);
	background-position: bottom;
	background-repeat: repeat-y;
	}

#copyright {text-align: center; font-size: 1.1em; margin-bottom: 10px;}
	#copyright a {color: #FFFFFF; text-decoration: none;}
	#copyright a:link {color: #FFFFFF;}
	#copyright a:visited {color: #FFFFFF;}
	#copyright a:hover {text-decoration: underline;}
	#copyright a:active {color: #666666;}
	
#sub-nav {padding-bottom: 5px;}
	#sub-nav a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
	#sub-nav a:link {color: #FFFFFF;}
	#sub-nav a:visited {color: #FFFFFF;}
	#sub-nav a:hover {text-decoration: underline;}
	#sub-nav a:active {color: #666666;}
	
/* End layout CSS */

/* Begin Formatting CSS */

h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #76849e;
	margin: 0px;
	padding: 0px;
	}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #828972;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	}
	
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #828972;
	margin: 0px;
	padding: 0px;
	display:inline;
	}
h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #828972;
	margin: 0px;
	padding: 0px;
	display:inline;
	}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #76849e;
	margin: 0px;
	padding: 0px;
	}
p.social {
	text-align: left;
	margin: 0px 0px 0px 5px;
	font-size: 1.5em;
	font-weight:bold;
}
#services {width: 390px; padding: 10px 0 0 0;}
	#services a {color: #808770; text-decoration: none; display: block; padding: 5px 0px 5px 5px;}
	#services a:link {color: #808770;}
	#services a:visited {color: #808770;}
	#services a:hover {background-color: #e5e8ed;}
	#services a:active {color: #808770;}
	
#services td {padding: 4px 0px 4px 2px; border-top: 1px solid #e2e2e2; font-weight: bold;}
#services .bottom {padding: 4px 0px 4px 2px; border-bottom: 1px solid #e2e2e2;}

.icon {
width: 40px;
height: 40px;
margin: 10px 3px auto 3px;
}
#gallery { 
width: 350px;
margin: 15px 10px 0px 10px;
color: #707070;
	font-size: .95em;
	text-align: left;
	line-height: 1.4em;
	padding: 0;
	}
#gallery1 { 
width: 350px;
margin: -10px 10px 0px 10px;
color: #707070;
	font-size: .95em;
	text-align: left;
	line-height: 1.4em;
	padding: 0;
	}
#gallery img {
    border: 1px solid #d6d6d6;
	margin: 0px 5px 10px 5px;
    }
#gallery1 img {
    border: 1px solid #d6d6d6;
	margin: 0px 5px 10px 5px;
    }
    
.pubart {
  display: inline;
}
    
.pubart img {
    border: 1px solid #d6d6d6;
	margin: 0px 5px 10px 5px;
  display: inline;
    }
	
hr.a {
    height: 2px;
    width:100%;
    border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #ffffff;
    margin: 20px 0px 20px 0px;
   }
   hr.b {
    height: 2px;
    width: 95%;
    border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #ffffff;
    margin: 20px 0px 20px 0px;
   }
   
.inttxt{
    font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #76849e;
	}
.inttxt2{
    font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #76849e;
	}

	
#tabs {  }
.clear { clear: both; }	
.number1{ background:url("../images/one_off.jpg")  top left no-repeat;}

		 
.number2{ background:url("../images/two_off.jpg") no-repeat;}

.number3{ background:url("../images/three_off.jpg") no-repeat;}

.number4{ background:url("../images/four_off.jpg") no-repeat;}

.number5{ background:url("../images/five_off.jpg") no-repeat;}

.number6{ background:url("../images/six_off.jpg") no-repeat;}

.numbox {
 float: left;
 width: 61px;
 height: 46px;
	
}
.numbox a img {
	display:  block;
visibility: hidden;

}
.numbox a:hover img { visibility: visible; }	
		 
#layer2, #layer3, #layer4, #layer5, #layer6 {
display: none;
}

.conscious {
	font-size: 1.0em;
	color: #828972;
}
	 

/* End Formatting CSS */

/*wordpress*/
small {margin-left:10px;}
#sidebar {text-align:left;}
#sidebar li{padding:0; margin:4px 0;}
#sidebar ul{margin-top:0;}
p.postmetadata {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #D6D6D6;}
.alignleft {float:left;}
#blog-left {width:450px; float:left; margin-left:20px;}
#blog-left h2 a {color:#828972;}
.blog-intro img {float: left; border:solid 1px #d6d6d6; margin-right: 10px;}
.blog-intro {margin:0 20px; border-bottom:1px solid #D6D6D6; padding-bottom:20px;}
.blog-intro p {margin: 0px 60px 10px 0px}
.widecolumn { margin:0 20px;}