/* ===========================================================================
							Generic / Global
=========================================================================== */

* { margin:0; padding:0; }
div { margin:0; padding:0; }
html { height:100.1%; line-height:.9em; scrollbar-base-color: #625A53;}
body {font-size: 13px; background: #292016 url(../images/bg.png) repeat-x; font-family: Tahoma, Arial, Geneva; color: #ecebe4; margin:0px auto 0 auto; text-align:left; line-height:1.1em; scrollbar-base-color: #625A53;}
ul {margin-left:10px;}
li {margin-left:10px;}

a { color:#e9c29c; text-decoration:underline;}
a:hover  { color:#ec934a; text-decoration:underline;} 

#wrapper { width:980px; margin:0 auto; overflow:hidden}
#body-background-image {background:url(../images/liner-stretch.png) repeat-y; width:980px; height:100%; overflow:hidden}
#body-wrapper {margin-left:30px;margin-right:30px; }
.body-wrapper-text {font-size:12pt; line-height:20px;}
.body-wrapper-text h1 {background:#776759; border:#cdb8a6 1px solid; color:#efefe4; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:15px; padding:4px; text-align:center}
.body-wrapper-text h2 {border-bottom:#cdb8a6 1px solid; color:#E2751D; font-size:16px; font-weight:bold; margin-top:10px; margin-bottom:15px; padding:4px; text-align:left;}
.body-wrapper-text p {margin-top:10px; margin-bottom:20px; line-height:20px;}
#body-seo-wrapper ul {margin-left:240px;  }


a.hidden-link:link    { color:#ecebe4; text-decoration:none; }
a.hidden-link:visited { color:#ecebe4; text-decoration:none; }
a.hidden-link:hover   { color:#ecebe4; text-decoration:none; cursor:text;}
a.hidden-link:active  { color:#ecebe4; text-decoration:none; }

/* ===========================================================================
							Header
=========================================================================== */

#top-navigation {width:980px; height:106px}
#logo {background:url(../images/logo.png) no-repeat; width:155px; height:106px; float:left}
#nav-bar{background:url(../images/nav-bar.png) no-repeat; width:825px; height:106px; float:right}
#banner-section{background:url(../images/banner-section.png) no-repeat; width:980px; height:304px}
#nav-area {color:#fff; font-size:16px; font-weight:bold; padding-top:63px; padding-left:22px}
a.nav-link:link {color:#e3b178; text-decoration:none; font-weight:bold; line-height:24px; margin-right:21px;}
a.nav-link:visited{color:#e3b178 ; text-decoration:none; font-weight:bold; line-height:24px; margin-right:21px;}
a.nav-link:hover{color:#fff  ; text-decoration:none; font-weight:bold; line-height:24px; margin-right:21px;}
#header-body-divider{background:url(../images/liner.png) no-repeat; width:980px; height:30px}
#liner-stretch {background:url(../images/liner-stretch.png) repeat-y; width:980px; height:100%; overflow:hidden}

/* ===========================================================================
				Featured Projects / Products & Services
=========================================================================== */
#featured {width:965px; height:35px}
#featured-projects-header {background:url(../images/featured-projects.png) no-repeat; width:303px; height:35px; float:left}
#products-services-header {background:url(../images/products-services.png) no-repeat; width:323px; height:35px; margin-left: 20px; float:left;}
#featured-projects-slideshow-nav { width: 165px; margin-left: 80px; }
#status_wrapper {margin: 8px 15px 0 15px; height:20px; width:32px; float:left}
#arrow-left {width:49px; height:35px; float:left; position:relative}
#arrow-right {width:47px; height:35px; float:left; position:relative}

/* Projects, Prodcuts, Services */
#projects-products {width:965px; height:383px}
#featured-projects-wrapper {background:url(../images/project-slides.png) no-repeat; width:557px; height:383px; float:left;  }
#slide-images {float:left; background-color:White; width:532px; height:368px; left:7px; top: 7px; position:relative; overflow:hidden;}
#slide-images img {padding:0; margin: 0;}
.slide-show-header-title {color:#cd9f6b; font-size: 12pt; font-weight: bold; float:left }
.slide-show-header-url {font-size: 12pt; font-weight: bold; float:right }
.slide-show-header-url a:link    {color:#cd9f6b; text-decoration:none;  }
.slide-show-header-url a:visited {color:#cd9f6b; text-decoration:none; }
.slide-show-header-url a:hover   {color:#fff; text-decoration:none; }
.slide-show-header-description {width:522px; float:left;}

/* Products and Services */
#products-list{width:365px; height:383px; float:left; }
#products-list h2 {font-size: 10pt; font-weight: bold; }
#products-list h2 a:link    {font-size: 10pt; font-weight: bold; color:#e9c29c; text-decoration:none;  }
#products-list h2 a:visited {font-size: 10pt; font-weight: bold; color:#e9c29c; text-decoration:none; }
#products-list h2 a:hover   {font-size: 10pt; font-weight: bold; color:#ec934a; text-decoration:none; }



#products-services-website-design          {background:url(../images/products-services-website-design.png) no-repeat; width:389px; height:99px}
#products-services-cms                     {background:url(../images/products-services-cms.png) no-repeat; width:389px; height:90px}
#products-services-seo                     {background:url(../images/products-services-seo.png) no-repeat; width:389px; height:94px}
#products-services-graphic-design-branding {background:url(../images/products-services-graphic-design-branding.png) no-repeat; width:389px; height:100px}

#products-services-website-design-content          {color:#f1f1f1; font-size:12px; padding-top:14px; padding-left:121px; width:234px; }
#products-services-cms-content                     {color:#f1f1f1; font-size:12px; padding-top:7px; padding-left:121px; width:234px}
#products-services-seo-content                     {color:#f1f1f1; font-size:12px; padding-top:8px; padding-left:121px; width:234px}
#products-services-graphic-design-branding-content {color:#f1f1f1; font-size:12px; padding-top:7px; padding-left:121px; width:234px}

#projects-bottom-spacer {width:100%; height:25px; float:left;}

/* ===========================================================================
				Testinmonials / Ask Us Anything
=========================================================================== */

/* Buttons */
#testimonials-ask-buttons {width:965px; height:53px}
#client-testimonials-button {width:457px; height:53px; float:left}
#ask-us-anything-button{width:458px; height:53px; margin-left:8px; float:left}

/* Testimonials */
#testimonials-ask-wrapper {width:965px; height:217px; }
#testimonial-wrapper {background:url(../images/testimonials-box.png) no-repeat; width:447px; height:217px; float:left; overflow:auto;}
#testimonial-wrapper a:link    {color:#EDDFCF; text-decoration:none; margin-left:15px; font-weight:bold; font-size:11pt; }
#testimonial-wrapper a:visited {color:#EDDFCF; text-decoration:none; margin-left:15px; font-weight:bold; font-size:11pt;}
#testimonial-wrapper a:hover   {color:#fff; text-decoration:none; margin-left:15px; font-weight:bold; font-size:11pt;}
.testimonials-box {color:#eddfcf; padding:4px 6px 0px 0px; margin-top:8px; margin-left:15px; width:420px; height:198px; overflow:auto; }
.testimonials-box-header {width:390px; background-color:#B46C26; float:left; padding:5px; margin-bottom:6px; font-size:11pt; }
.testimonials-box-header-name {float:left; }
.testimonials-box-header-url {float:right; }
.testimonial-image {border:1px solid #a09586; margin-right:10px; margin-bottom:12px; cursor:hand; width:140px;}
.testimonials-box-header h3 {margin: 0px; padding:0px;  }
.testimonials-box-content-author {float:right; margin-top:10px; }
.testimonials-box-content {width:400px; margin-bottom:20px; float:left;}

            
/* Ask Us Anything */
#ask-wrapper {background:url(../images/ask-box.png) no-repeat; width:475px; height:217px; float:left; margin-left:22px;}
.ask-box {color:#eddfcf; padding:4px 6px 0px 0px; margin-top:8px; margin-left:24px; width:420px; height:198px; overflow:auto; margin-left:15px;}
.ask-name {width:200px; float:left}
.ask-email {width:200px; float:right}
.textbox-dark {background:#1e1e1e; border:#505050 1px solid; color:#ccc; margin:0 0 3px 0; padding:0;}
.CheckBoxList-dark {color:#ccc; margin:0 0 4px 0; padding:0; width:400px;}

/* 
===========================================================================
				Footer
=========================================================================== 
*/
#logo-footer {margin: 10px; height:70px;}
#bottom-slice {background:url(../images/bottom-slice.png) no-repeat; width:980px; height:31px; float:left;}
#footer {background:url(../images/footer.png) repeat; width:981px; height:180px; text-align:center;}
#footer-drop-shaddow {background:url(../images/footer-drop-shaddow.png) no-repeat; width:980px; height:18px; overflow:auto}
.footer-text {color:#cd9f6b; font-size:11px; padding-top:8px; }
a.footer-link:link    {color:#cd9f6b; text-decoration:none; margin-left:15px; font-weight:bold; font-size:14pt; }
a.footer-link:visited {color:#cd9f6b; text-decoration:none; margin-left:15px; font-weight:bold; font-size:14pt;}
a.footer-link:hover   {color:#fff; text-decoration:none; margin-left:15px; font-weight:bold; font-size:14pt;}

#divSEOfooter {text-align:center; color:#CD9F6B}
#divSEOfooter h1 {font-size:12pt; color:#E37318 }
#divSEOfooter h2 {font-size:12pt; color:#E37318 }
#divSEOfooter h3 {font-size:12pt; color:#E37318 }
#divSEOfooter b {font-size:10pt; }
#divSEOfooter i {font-size:10pt; }

#divSEOfooter {text-align:center; color:#CD9F6B}

#divSEOfooter a:link    {color:#cd9f6b; text-decoration:none; }
#divSEOfooter a:visited {color:#cd9f6b; text-decoration:none; }
#divSEOfooter a:hover   {color:#fff; text-decoration:none; }


/* 
===========================================================================
				Portfolio
=========================================================================== 
*/
.body-wrapper-text img {width:207px; height:144px; padding: 4px; background:url(../images/portfolio-image-background.png) no-repeat; margin-left:12px; margin-bottom:12px; overflow:hidden; float:left; }


/* 
===========================================================================
				All Pages
=========================================================================== 
*/

/* Picture and Description */
.picture-and-description-image {border:0px solid #a09586; margin-right:10px; margin-bottom:12px; cursor:hand; float:left; width:300px;}
.picture-and-description-content {width:100%; margin-bottom:20px; float:left;}
.picture-and-description-content-bottom-right {float:right; margin-top:10px; margin-right:20px; text-align:right; }
.picture-and-description-content-description {margin-left:20px; margin-right:20px;  text-align: justify; }
.picture-and-description-wrapper p {margin-left:0px; margin-right:0px; text-align: justify}
.picture-and-description-wrapper img {width:207px; height:144px; padding: 4px; background:url(../images/portfolio-image-background.png) no-repeat; margin-left:12px; margin-bottom:12px; margin-right:20px; overflow:hidden; float:left; }

/* Black Box Grey Border */
.box-full-width-top    {background:url(../images/box-full-width-top.png) no-repeat; width:920px; height:20px; float:left; margin-left:0px;}
.box-full-width-middle {background:url(../images/box-full-width-middle.png) repeat-y; width:880px; float:left; margin-left:0px; padding: 0px 20px 0px 20px;}
.box-full-width-bottom {background:url(../images/box-full-width-bottom.png) no-repeat; width:920px; height:20px; float:left; margin-left:0px;}


/* Lists */
.list-wrapper {text-align:center; min-height:100px; }
.list-wrapper ul{display: inline; float:left; }
.list-wrapper ul li{float:left; border: solid 1px #EFEFE4;  padding: 5px;  margin: 0px 10px 10px 0px;  background-color: #776759; width:200px; list-style-image: none; list-style-type: none;}



/* Other */
/* Not Working*/
.hidden-link            {color:#ecebe4; text-decoration:none; }
.hidden-link a:link 	{color:#ecebe4; text-decoration:none;}
.hidden-link a:visited	{color:#ecebe4; text-decoration:none;}
.hidden-link a:hover 	{color:#ecebe4; text-decoration:none; cursor:text}
.confirmation-field { display: none; } /* Used as a cheep captcha */




.box-full-width-middle {background:url(../images/box-full-width-middle.png) repeat-y; width:880px; float:left; margin-left:0px; padding: 0px 20px 0px 20px;}
.box-full-width-bottom {background:url(../images/box-full-width-bottom.png) no-repeat; width:920px; height:20px; float:left; margin-left:0px;}


/* Black Box */
.clear {font-size: 1px; height: 1px} 

.box-t {background: url(../images/box/black-box-top.png) 0 0 repeat-x; width: 100%; background-color:#000}
.box-b {background: url(../images/box/black-box-bottom.png) 0 100% repeat-x}
.box-l {background: url(../images/box/black-box-side.png) 0 0 repeat-y}
.box-r {background: url(../images/box/black-box-side.png) 100% 0 repeat-y}

.box-bl {background: url(../images/box/black-box-corner-bl.png) 0 100% no-repeat}
.box-br {background: url(../images/box/black-box-corner-br.png) 100% 100% no-repeat}
.box-tl {background: url(../images/box/black-box-corner-tl.png) 0 0 no-repeat}
.box-tr {background: url(../images/box/black-box-corner-tr.png) 100% 0 no-repeat;  padding:5px} 


.box-content {color:#fff;  }