/*
=== criollo ===
bg: #21262a
links: #8696a3
intro: #95a7b3
footer: #30373d
titles: #30373d
widgets: #30373d
border: #21262a

cream: #F4E8BD
green: #166734
dark brown: #7B461D
butter: #FFCC67

body: #bfc7cd
menu: #8696a3
h: #262625
*/

/*=== Setup ===*/
body{
	background: url(criollo/bgr.gif) #21262a repeat-x top;
	color: #555;
	font: .85em "Century Gothic", Verdana, Helvetica;
}
a{
	color: #166734;
}
input,select,textarea{
	border: #e6e6e6 1px solid;
}
h2{
	color: #f2f2ee;
}
h2 a{
	color: #f2f2ee
}
h3{
	color: #F4E8BD;
}
h4{
	color: #f2f2ee;
}

.box, .box5 {
	color:#555555;
}
.box h2, .box5 h2{
	color: #262625;
	letter-spacing: 1px;
}
.box h2 a, .box5 h2 a{
	color: #262625
}
.box h3, .box5 h3{
	color: #262625;
}
.box h4, .box5 h4{
	color: #444444;
}
#header{
	height: 134px;
}
#header h1 a{
	height: 134px;
}
/*=== Intro ===*/
.intro {
	font-size: 24px;
	letter-spacing: .1em;
}
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}
.intro img {
	float: right;
	margin: 0px 0px 0px 10px;
}

/*=== Buttons ===*/

.btn-rounded a{
	background: url(criollo/btn-rounded_green.gif) no-repeat left;
	color: #ffffff;
}
.btn-rounded a span{
	background: url(criollo/btn-rounded_green.gif) no-repeat right;
}
.btn {
	background:url(criollo/btn_green.gif) repeat-x;
	border:1px solid #166734;
 	color:#FFF;
	cursor:default; 
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 {
	font-size:14px;
	text-transform:lowercase;
	letter-spacing: .3em;
	font-style: normal;
	font-weight: normal;
	margin:25px 0 0;
}

#nav1 ul {
	float:right;
}

#nav1 li a{
	color: #CCC;
}

#nav1 li ul{
	text-transform: lowercase;
}

#nav1 li a:hover,
#nav1 li.active a, #nav1 li.current_page_item a{
	background: url(criollo/btn-rounded_orange.gif) no-repeat left;
	cursor: default;
	color: #F4E8BD;
}
#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(criollo/btn-rounded_orange.gif) no-repeat right
}
#nav1 li ul li a:hover,
#nav1 li ul li.active a, 
#nav1 li ul li.current_page_item a{
	background: #F6F6F6;
}

#nav1 li ul li a {
	font-size: 12px;
}

/*- Nav2 -*/
.nav2 li a, .widget li a{
	color: #666;
}
.nav2 li a:hover, .widget li a:hover{
	color: #444;
	text-decoration:underline;
}

/*=== Right Column ===*/
#rightcol h3, #rightcol h3 a{
	color:  #7B461D;
}
#rightcol h3 span{
	background: #FFCC67;
}
#rightcol .widget ul, #rightcol .textwidget 
{
	background: #fff;
}

/*=== Sub Columns ===*/
.col1 a{
	color: #bfc7cd;
}
.col3 h2{
	color: #464646;
}
.col5 img{
	border: 10px solid #f6f5ed;
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box .top,.box .bot{
	background: url(criollo/box-top.gif) no-repeat top;
}
.box .bot{
	background: url(criollo/box-bot.gif) no-repeat top
}

/*- Box2 -*/
.box2 .top,.box2 .bot{
	background: url(criollo/box2-top.gif) no-repeat top;
}
.box2 .bot{
	background: url(criollo/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: #F4E8BD;
}
/*- Box3 -*/
.box3 .top,.box3 .bot{
	background: #e9edf0;
}
.box3 .spcr{
	background: #e9edf0;
}
/*- Box4 -*/

.box4{
	color: #21262a;
}
.box4 .top,.box4 .bot{
	background: none;
}
.box4 .bot{
	background: none;
}
.box4 .spacer{
	background: none;
	padding: 0px 10px;
}

/*- Box5 -*/
.box5 .top,.box5 .bot{
	background: url(criollo/box5-top.gif) no-repeat top;
}
.box5 .bot{
	background: url(criollo/box5-bot.gif) no-repeat top;
}

.box5 .spacer{
	background: #F4E8BD;
}
/*- Box6 -*/
.box6 .top,.box6 .bot{
	background: url(criollo/box6-top.gif) no-repeat top;
}
.box6 .bot{
	background: url(criollo/box6-bot.gif) no-repeat top
}
.box6 .spacer{
	background: #121416;
}

.box6 {
	color:#F4E8BD;
}

/*- Date -*/
.date{
	color: #898989;
}

/*=== Styling Forms ===*/
/*- Search -*/
#search input.keyword{
	color: #666;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #3A3E49;
	border-left: 1px solid #3A3E49;
}

/*- Form1 Setup -*/
.btn-general{
	background: #8696a3;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-arr a{
	background: #30373d;
	color: #ffffff;
}

/*=== Footer ===*/
#footer a{
	color: #949387;
}

/*=== Posts ===*/
.post img {	
	border:8px solid #f6f5ed;
}
.post li a:hover{
	color: #8696a3;
}
.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#f9faf4 url(criollo/ico-quote-grey.gif) no-repeat 10px 10px;
	border-top:1px solid #e4e4e0;
	border-bottom:1px solid #e4e4e0;	
}

/*=== Widget styling ===*/
.widget #recentcomments li a{
	color: #777;
	text-decoration:underline;
	
}
.widget #recentcomments li a:hover{
	color: #444;
	text-decoration:underline;
}
.widget #searchform, .widget #calendar_wrap{
	background: #FFF;
}
.widget #wp-calendar caption {
	color:#333333;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(criollo/ico-quote.gif) no-repeat top left;
}
.widget #recentcomments li{
	background: url(criollo/hl-dot.gif) repeat-x bottom;
}
.nav2 li, .widget li{
	background: url(criollo/hl-dot.gif) repeat-x bottom;
}

.icons {
	margin: 0px;
	padding: 0 25px;
}
.icons img {
	margin: 0px 0px 0px 10px;
}

#rightcol{
	margin: 0;
}


.stepcarousel{
height: 340px; /*Height should enough to fit largest content's height*/
}


.home_pics img {
   float: inherit;
   border:1px solid #2E1313;
}

.home_pics img.left{
     border:1px solid #2E1313;
}

.home_pics img.right{
   border:1px solid #2E1313;

}

.home_pics img.center{
	margin: 0 20px;
   border:1px solid #2E1313;

}

.home_pics img.left2_3{
	margin: 0 20px 0 0;
   border:1px solid #2E1313;

}


#footer {
	font-size: .8em;
}

/*Full Width 5-Colum*/
#col1_5
{
float: left;
width: 18%;
margin-right: 1%;
margin-left: 1%;
display: inline;
}

#col2_5
{
float: left;
width: 18%;
margin-right: 1%;
margin-left: 1%;
}

#col3_5
{
float: left;
width: 18%;
margin-right: 1%;
margin-left: 1%;
}
#col4_5
{
float: left;
width: 18%;
margin-right: 1%;
margin-left: 1%;
}
#col5_5
{
float: left;
width: 18%;
margin-right: 1%;
margin-left: 1%;
}

/*Full Width 3-Colum*/
#col1_3
{
float: left;
width: 29%;
margin-right: 2%;
margin-left: 2%;
display: inline;
}

#col2_3
{
float: left;
width: 29%;
margin-right: 2%;
margin-left: 2%;
}

#col3_3
{
float: left;
width: 29%;
margin-right: 2%;
margin-left: 2%;
}

/*Full Width 4-Colum*/
#col1_4
{
float: left;
width: 21%;
margin-right: 2%;
margin-left: 2%;
display: inline;

}

#col2_4
{
float: left;
width: 21%;
margin-right: 2%;
margin-left: 2%;
}

#col3_4
{
float: left;
width: 21%;
margin-right: 2%;
margin-left: 2%;
}

#col4_4
{
float: left;
width: 21%;
margin-right: 2%;
margin-left: 2%;
}

HR,hr {
	clear:both;
	background-color: #d3ac6e;
	height: 2px;
	margin: 20px 0 0 0;
}

/*Full Width 3-Colum*/
#col1-2_3span
{
float: left;
width: 62%;
margin-right: 2%;
margin-left: 2%;
display: inline;
}

#col3_3span
{
float: left;
width: 29%;
margin-right: 2%;
margin-left: 2%;
}

/*Full Width 2-Colum*/
#col1_2
{
float: left;
width: 46%;
margin-right: 2%;
margin-left: 2%;
display: inline;
}

#col2_2
{
float: left;
width: 46%;
margin-right: 2%;
margin-left: 2%;
}

#map {
	float: right;
	padding-left: 25px;
}

.addphone {
	font-size:12px;
	font-style:normal;
	color: #CCC;
	float:right;
	margin: 20px 0;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

#columns {
	padding: 15px 0;
}

.backwards {
	unicode-bidi:bidi-override; 
	direction: rtl;
}
.post li a:hover{
	color: #166734;
	text-decoration: underline;
}

#nav1 hr {
	height:0px;
}