/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */


body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-color: #F0E3AD;
	color: #4d4d4c;
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin: 15px 0 0 0px;
	padding: 0px;
	
}

#secondary #wrapper {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/_bg-container.gif) repeat-y;
}

#secondary #wrapperred {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/_bg-container_red.gif) repeat-y;
}

#secondary #wrappercaramel {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/_bg-container_caramel.gif) repeat-y;
}

/*  @@@@@[  Navigation  ]@@@@@ */

#nav {
	width: 460px;
	padding: 49px 0px 42px 9px;
	background: #9a6510;
}
#nav a { float: left; }
#nav #tour-link { 
    display: block;
    width: 110px;
    height: 32px;
    margin: -6px 8px 0 20px;
    background: url(images/tour_nav.png) no-repeat;
}
#nav #tour-link:hover { 
    background: url(images/tour_nav.png) 0 -32px no-repeat;
}
#nav_sec{
	/*width: 426px;
	padding: 18px 0 11px 514px; -- 308*/
	width:468px;
        height: 26px;
	padding: 18px 0 11px 472px;
	background-color: #9a6510;
}
#nav_sec a { float: left; }
#nav_sec #tour-link { 
    display: block;
    width: 110px;
    height: 32px;
    margin: -6px 6px 0 4px;
    background: url(images/tour_nav.png) no-repeat;
}
#nav_sec #tour-link:hover { 
    background: url(images/tour_nav.png) 0 -32px no-repeat;
}

.style1{ padding-right: 18px; padding-left: 18px;}
.style2{ padding-right: 8px; padding-left: 4px;}

#nav .style2{ padding-right: 4px; padding-left: 14px;}

/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	width: 940px;
	padding: 8px 5px 0 5px;
}
#footer {
	margin: 0px auto;
	width: 920px;	
	font-size: 10px;
	clear: both;
	padding: 0px 15px 15px ;	
	color: #a79366;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #a79366; 
	text-decoration: none;
}
#footer a:hover {
	color: #a79366; 
	text-decoration: underline;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #a79366; 
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	color: #a79366;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
#gravitate {
	float:right;
	width: 300px;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#80765b;
}
.footer{
	text-align: center;
	padding:0 0 10px 0;
	line-height: 15px;
}

#socialicons {
	float: right;
	width: 70px;
	margin-top:-3px;
}

#socialicons img {
	float:left;
	padding:0 0px;
}


/* @@@@@[  Main Page  ]@@@@@ */
#wrapper_main{
	width: 950px;
	background: url(images/bot_wrapper.jpg) bottom no-repeat;
}
#main {
	width: 950px;
	background: url(images/top_wrapper.jpg) top no-repeat;
}
#container{
	width: 950px;
}
#secondary #content{
	width: 950px;
	/*background: url(images/_img_content.jpg) top no-repeat;*/
}
/* Fix cho IE */
/*\*/
#secondary #content-in{
	width: 950px;
	padding: 0px;
	background: url(images/_bg-footer.jpg) bottom no-repeat;
}

#secondary #content-inred{
	width: 950px;
	padding: 0px;
	background: url(images/_bg-footer_red.jpg) bottom no-repeat;
}

#secondary #content-incaramel{
	width: 950px;
	padding: 0px;
	background: url(images/_bg-footer_caramel.jpg) bottom no-repeat;
}

#content_left{ float:left; width:201px; padding-left:5px; position: relative;}
#content_leftSub{ background:transparent url(images/bg-left2_caramel.jpg) no-repeat scroll 5px 0; float:left; min-height:494px; padding-left:5px; width:201px; padding-top: 15px; position: relative; }
#content_leftSub img.subNavTop { padding-left: 10px; }

#callout { 
    position: absolute;
    width: 225px;
    left: -3px;
    top: 26px;
}
#callout #free {
    position: absolute;
    right: 0px;
    top: 0px;
}
#callout-content {
    background: url(images/callout_bg.png) repeat-y;
    color: #f2e6d2;
    font-family: Georgia, sans-serif;
    font-style: italic;
    font-size: 21px;
    line-height: 27px;
    padding: 10px 20px 14px 20px;
}
#callout-content { clear: both; }
#callout_btn {
    display: block;
    height: 30px;
    width: 172px;
    margin: 18px 0 0 14px;
    background: url(images/callout_btn.png) no-repeat;
}
#callout_btn:hover {
    background: url(images/callout_btn.png) 0 -30px no-repeat;
}

#subnav { margin: 0 10px; padding: 1px 7px; background:transparent url(images/subNavBody.png) no-repeat bottom left; }
#subnav h2 { color:#780D10; font-size:16px; padding: 0 0 4px 3px; margin: 0 0 15px 0; border-bottom: 1px solid #780d10; font-weight: normal; }
#subnav ul { margin:0; padding:0 0 15px 5px; }
#subnav ul li { background:transparent url(images/_bullet2.gif) no-repeat scroll 0 4px; list-style-type:none; padding-bottom:10px; padding-left:15px; }
#subnav a, #subnav a:visited, #subnav a:active { color:#945C03; text-decoration: none; }
#subnav a:hover { color:#945C03; text-decoration: underline; }

#content_right{
	float: right;
	width: 567px;
	line-height: 22px;
	padding: 37px 119px 19px 58px;
}
#quote{
	background: url(images/_horse-quote.gif) top left no-repeat #583607;
	width: 462px;
	padding: 13px 35px 13px 70px;
	margin: 10px 0 25px 0;
	text-transform: uppercase;
	color:  #FFFFFF;
	font-size: 16px;
	border-bottom: 1px solid #624216;
	border-top: 1px solid #624216;
}
h1{
	font-size: 16px;
	color: #780d10;
	margin: 0px;
	padding: 0px;
}
h2{
	font-size: 15px;
	color: #4d4d47;
	margin: 0px;
	padding: 0px;
}
h3 {
	margin:0px;
	color: #780d10;
	font-size:14px;
}

p{
	margin: 0px;
	padding-bottom: 15px;
}
ul{
	margin: 0px;
	padding: 5px 0 0px 5px;
}
ul li{
	list-style-type: none;
	background: url(images/_bullet.gif) no-repeat 6px 0px;
	padding-left: 20px;
	padding-bottom: 20px;
}
ul{
	margin: 0px;
	padding: 0 0 15px 5px;
}
ul.siteMap li{
	padding-bottom: 3px;
}
.right{float:right;}
.left{float:left;}
#content_right a:visited,#content_right a:link,#content_right a:active, #popWrap a{
	color: #945c03;
	text-decoration: underline;
	font-style: italic;
}
#content_right a:hover, #popWrap a:hover{
	color: #945c03;
	text-decoration: none;
	font-style: italic;
}
.clr_img{
	font-size: 3px;
	line-height: 3px;
	height: 3px;
	background-color: #FFFFFF;
}
.clrSolo {
	clear: both; 
 	font-size: 0px; 
 	line-height: 0px; 
 	margin: 0px; 
 	padding: 0px; 
 	visibility: hidden;
	height: 0;
}
.clr {
	clear: both;
	height:0; 
	line-height:0;
	font-size:0; 
	padding:0;
	margin:0;
}
img a{
	outline: none
}
.line{
	border-bottom: 1px dotted #583608;
	margin-bottom: 15px;
}
.lin2{
	border-bottom: 1px dotted #583608;
	margin-bottom: 15px;
}
#secondary #content a.seo:visited, #secondary #content a.seo:active, #secondary #content a.seo:link, #popWrap a.seo {
	text-decoration: none;
	font-style: normal;
	color: #4d4d4d;
}
#secondary #content a.seo:hover {
	text-decoration: none; 
	cursor: text;
	font-style: normal;
}
.note{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.formTable td {
	padding-top: 2px;
	padding-bottom: 2px;
}
/* @@@@@[  Form Elements  ]@@@@@ */
textarea, select, input {
	font-size: .9em; 
	color: #4d4d44;
	background: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #CCC;
}
input.btn {
	font-size: .9em; 
	color: #FFF;
	background: #761112;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #761113;
}
input.clean {
	border-style: none; 
	background: none;
}
.cell{
	width: 250px;
}

/* @@@@@[  Project Pop  ]@@@@@ */
#flashWrapper {
	height: 423px;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 567px;
}
#popWrap {
	margin: 0px;
	padding: 0px 20px;
	width: 837px;
}
#popText {
	float: right;
	width: 250px;
}
#popHead {
	height: 50px;
}

#popScroll {
	height: 373px;
	overflow:auto;
/*	overflow-x:hidden;
	overflow-y: auto;*/
	line-height: 18px;
	padding-right: 5px;
}

.nav_top {
	float: right;
}

.sechead { background: url(images/img_colorbar.jpg) top left no-repeat; height: 36px; }

h2.sechead { color: #fffffe; padding: 6px 5px 0 35px; margin-bottom: 5px; }

#flourish { background: url(images/img_bg_flourish.jpg) top left no-repeat; width:560px; height:300px; padding: 10px 0 0 0; margin-bottom: 15px;}

#content_right #flourish p { margin: 9px 0 9px 0; }

#content_right #flourish p img { display: block; float: left; padding: 2px; border: 1px solid #fff; margin-right: 10px; }

#content_right #flourish p a { color: #fffffe;}

#flourish_right { float: right; margin: 40px 15px 5px 5px; width: 40%;display:inline;}
#flourish_left { float: left; margin: 40px 5px 5px 30px; width: 40%;display:inline;}
#flourish_right a, #flourish_left a{ font-weight:bold;}

.projects { float: left; margin: 4px 10px 8px 0; border: 5px solid #761214; }
.backto{ text-align:right;}

.format_text {
	padding-top:10px;
}
#outside {
	width:940px;
}
.indent_h3 {
	padding-top:15px;
	padding-bottom:20px;
}
#testimonial { 
        border-top: 3px solid #9a6510;
        padding: 20px;
        width: 900px;
        height: 90px;
}
#testimonial div {
    max-width: 900px;
}
#testimonial p {
    color: #583607;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}
#testimonial .author {
    color: #cc8614;
    font-family: arial, sans-serif;
    font-size: 12px;
}