/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { 
	font: 13px/15px Arial,sans-serif; 
	color: #6d6e71; 
	text-align: left; 
	background: #6b7970 url(images/body.gif) repeat-x 0 bottom;
	overflow-x: hidden; 
	
}
#bg { background:url(images/bg.gif) repeat-x 0 0;}

a { color: #9a5107; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.right, .alignright { float: right; display: inline; }
.left, .alignleft { float: left; display: inline; }
.hidden { display: none; }
.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }
.news { font-size: 16px;line-height: 22px;color: #fff;text-align: right; margin-right: 0px; margin-top: 15px; padding-right: 0px; }
.news span a { color: #FFF; text-decoration: underline; font-size: 13px;}
.news span a:hover { text-decoration: none; }

.shell { margin: 0 auto; width: 917px; }

h2 {font-family: weiss, georgia, serif;font-size: 40px;line-height: 46px;color: #9a5107;padding-bottom: 25px;font-weight: normal}
h2 span {font-size: 20px; font-family: Arial, sans-serif;}
h3 {font-size: 20px;line-height: 20px;color: #083649;font-weight: normal;padding: 5px 0;}

/*
	Header
*/
#top-nav {line-height: 29px;background: #181716;margin-right: 17px;padding: 0 19px;color: #9a5107; height:30px; }
#top-nav p span {padding: 0 0 0 3px;}
#top-nav p a { font-size: 11px;}

/* non xmas heading */

#header {background: url(images/header-bg.gif) repeat-x center 0; height: 147px; } /* 149px for xmas */
#header .shell{height: 147px; background:url(images/logo-bg2.gif) no-repeat 0 -30px;}


/*non xmas logo*/

h1#logo {width: 220px;height: 147px;padding-left: 38px;}

h1#logo a {background: url(images/logo.png) no-repeat 0 0;display: block;width: 220px;height: 147px;}
/*
h1#logo a {background: url(images/4thLogo.png) no-repeat 0 0;display: block;width: 212px;height: 147px;}
*/


/*xmas heading*/
/*
#header {background: url(images/header-bg.gif) repeat-x center 3px; height: 147px; }
#header .shell{height: 147px; background:url(images/logo-bg2.gif) no-repeat 0 -27px;}
*/
/*xmas logo*/
/*
h1#logo {width: 220px;height: 147px;padding-left: 38px;}
h1#logo a {background: url(images/Trusst_Xmas.png) no-repeat 0 0;display: block;width: 220px;height: 147px;}
*/

p.motto {background: url(images/motto.png) no-repeat 0 0;width: 268px;height: 17px;margin-top: 20px; margin-left:23px;}

#navigation {padding: 60px 0 0 24px; height: 50px;}
#navigation ul {list-style-type: none; height: 50px;}
#navigation ul li {float: left; display: inline; position:relative; height:50px; z-index:20;}
#navigation ul li a {display: block;height: 50px;width: 123px;background: url(images/nav.gif) no-repeat 0 0;}

#navigation ul li a.about-us {width: 126px;background-position: 0 0;}
#navigation ul li a.our-work {background-position: -126px 0;}
#navigation ul li a.our-process {background-position: -249px 0;}
#navigation ul li a.contact-us {background-position: -372px 0;}
#navigation ul li a.home {background-position: -495px 0;}

#navigation ul li a.about-us:hover {background-position: 0 -50px;}
#navigation ul li a.our-work:hover {background-position: -126px -50px;}
#navigation ul li a.our-process:hover {background-position: -249px -50px;}
#navigation ul li a.contact-us:hover {background-position: -372px -50px;}
#navigation ul li a.home:hover {background-position: -495px -50px;}

#navigation ul li.active a.about-us{background-position: 0 bottom;}
#navigation ul li.active a.our-work{background-position: -126px bottom;}
#navigation ul li.active a.our-process{background-position: -249px bottom;}
#navigation ul li.active a.contact-us{background-position: -372px bottom;}
#navigation ul li.active a.home{background-position: -495px bottom;}

#navigation ul li.active { background:url(images/active-arrow.gif) no-repeat center bottom; padding-bottom:58px; margin-bottom:-58px;}
/*
	Main
*/
#main {background: #7a8780 url(images/cnt-top.gif) repeat-x 0 0;padding: 0 17px 17px 0;}

#content {width: 583px;background: #f8faf9 url(images/cnt-bg.gif) repeat-x 0 bottom;padding: 60px 35px 0 0;position: relative; 
z-index: 10;}

.cnt-texture {background: url(images/cnt-texture.gif) no-repeat 0 bottom;padding: 0 0 140px 32px;}
.cnt-texture p {font-size: 14px;line-height: 29px;padding-bottom: 30px;}
p.blue { font-size: 16px; color: #083649;font-weight: bold;padding-bottom: 0;}
#content .contact-info p {padding-bottom: 0;}
#content .contact-info p a {color: #6d6e71;text-decoration: underline;}
#content .contact-info p a:hover {text-decoration: none;}

.post {border-top: 1px solid #4f7d88;padding-bottom: 30px;margin-right: 93px;color: #636466}
.post .post-date {padding-bottom: 6px;}
.post .post-date div { float: right; margin-top: 5px; }
.post .post-date div a { color: #083649; text-decoration: underline; }
.post .post-date div a:hover { text-decoration: none; }
.post .post-date p {line-height: 22px;font-weight: bold;color: #fff;text-transform: uppercase;background: #083649;display: inline;padding: 4px 50px 4px 10px}


.post .entry ul {padding-left: 15px;padding-bottom: 20px;}

.post .post-imgs ul {list-style-type: none}
.post .post-imgs ul li {float: left; display: inline;margin-right: 15px;}
.post .post-imgs table tr td { padding-right: 15px; height: 80px; }
.post .post-imgs table tr td span a { margin-left: 14px; padding-top: 2px; color: #9a5107; text-decoration: underline; }
.post .post-imgs table tr td span a:hover { margin-left: 14px; padding-top: 2px; color: #9a5107; text-decoration: none; }

ul.page-images {list-style-type: none; font-size:0; line-height; margin-bottom:26px; height:128px; }
ul.page-images li {float: left; display: inline;padding: 0 26px 0 0;}
ul.page-images li.last {padding-right: 0;}

.cnt-bottom {background: url(images/cnt-bottom.gif) no-repeat 0 0;height: 6px;}

#mid-line {background: url(images/line.png) no-repeat 0 0;position: absolute;height: 31px;width: 1600px;top: 461px;left: 0;z-index: 1}

.welcome-h { width:154px; height:30px; background:url(images/loggedin-words.png) no-repeat 0 0;}

.cnt-texture h2 { line-height:20px;}

.testi { width:220px; height:281px; display:block; margin:0 0 0 auto; background:url(images/contact-test.png) no-repeat 0 0; font-size:0; text-align: left;}
.ourwork-testi { width:224px; height:286px; display:block; margin:0 0 0 auto; background:url(images/ourwork-test.png) no-repeat 0 0; font-size:0; text-align: left;}
.aboutus-testi { width:224px; height:308px; display:block; margin:0 0 0 auto; background:url(images/aboutus-test.png) no-repeat 0 0; font-size:0; text-align: left;}
.process-testi { width:224px; height:238px; display:block; margin:0 0 0 auto; background:url(images/process-test.png) no-repeat 0 0; font-size:0; text-align: left;}
.home-testi    { width:224px; height:241px; display:block; margin:0 0 0 auto; background:url(images/home-test.png) no-repeat 0 0; font-size:0; text-align: left;}

h3.process { color: #083649; font-size: 14px;  font-weight: bold; }
h3.process span { font-size: 20px; color: #9a5107; font-weight: bold; }

/*
	Sidebar
*/
#sidebar {width: 282px;}

.side-img {padding: 39px 0 66px 39px;}
.side-img img {background: #fff;padding: 1px}

#sidebar .texture {background: url(images/texture.gif) no-repeat 0 0;padding: 20px 35px; min-height: 135px; }
.thumbs ul {list-style-type: none;height: 30px;padding-bottom: 8px;}
.thumbs ul li {float: left; display: inline;margin-left: 6px;}
.thumbs ul li.last {margin-right: 0px;}
.thumbs table tr td { padding-left: 6px; }

p.qoute, p.quote-author {font-family: weiss, georgia, serif;font-size: 16px;line-height: 22px;color: #fff;text-align: right;}
p.quote-author {font-size: 13px;line-height: 35px;color: #083649;font-weight: bold}

/* Sidebar 2 for Client Login */
.side-img2 {padding: 39px 0 65px 39px; height: 212px;}
.side-img2 img {background: #fff;padding: 1px}
.side-img2 .login2 { color: #FFF; text-transform: uppercase; font-size: 13px; margin-left: 30px; }

/*
	Footer
*/
#footer {font-size: 12px;color: #a8b4ad;padding-bottom: 25px}
#footer a{ color: #a8b4ad; }

.foot-nav {padding: 10px 0 20px 0;}
.foot-nav span {padding: 0 10px;}
.foot-nav a {color: #a8b4ad;}

.build-h { height:36px; background:url(images/build-h.gif) no-repeat 0 0; }
.ourwork-h { height:36px; background:url(images/ourwork-words.png) no-repeat 0 0; }
.aboutus-h { height:36px; background:url(images/aboutus-words.gif) no-repeat 0 0; }
.home-h { height:36px; background:url(images/home-words.gif) no-repeat 0 0; }
.process-h { height:36px; background:url(images/process-words.gif) no-repeat 0 0; }
.client-h { height:36px; background:url(images/clientlogin-words.png) no-repeat 0 0; }
/*
#header { background:none;}
#header * { display:none;}
*/

p.client { margin-left: 15px; font-size: 14px; color: #636466; }
p.client span { font-size: 20px; color: #083649; margin-left: 15px; font-weight: bold; }
p.client span.push { margin-left: 38px; font-size: 14px; color: #636466; font-weight: normal; }
p.homepush { margin-left: 15px; }
span.num { font-size: 16px; font-weight: bold; color: #083649; }
span.push2 { margin-left: 19px; }