@import url("interior.css");
@import url("gallery.css");


/*	
	-------------------------------------------------------------
	Ambush Webdesign 2009
	-------------------------------------------------------------	
*/

/* =Reset Styles 
----------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}

:focus {outline: 0;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}


/* =Universal Styles 
----------------------------------- */

/* =html */
html {background: #FFF url(../images/html_offblack.gif); color: #000;}	

/* =body */
body {position: relative; font: 88%/1.5 "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; background: url(../images/body.gif) repeat-x;}

strong, em {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

/* =a */
a {color: #775F49;}
a:visited, a:hover {color: #9E734C;}
a:active, a:focus {text-decoration: none;}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif;}

a[href^="http:"] {background: url(../images/externalLink.png) no-repeat right top; padding-left: 6px; padding-right: 18px;}

/* =Clear elements */
#masthead, #content {overflow: auto;}

.clear {
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}

/* =Centered */
#wrapper {background: #FFF; border: 1px solid #FFF; margin: 0 auto;}
#wrapper, #branding, #navContainer, #page-idWrap, #content {width: 900px;}

/* =Wrapper 
------------------------------------------------- */
#wrapper {background: #FFF; border: 1px solid #FFF; overflow: hidden; border-bottom: none; position: relative;}

/* =Masthead 
------------------------------------------------- */
#branding {margin : 0 auto;}
#branding h1 {background: url(../images/ambushlogo7.gif) no-repeat 0px 0px; width: 900px; text-indent: -9999px;} 
#branding h1 a { /* Anchor tag makes logo accessibile */
	display: block; 
	background: url(../images/ambushlogo7.gif) no-repeat 0px 0px; /* Background repeated to prevent flicker in IE */
	height: 98px;} 
#branding h1 a:hover { 
	display: block; 
	background: url(../images/ambushlogo7-b.gif) no-repeat 0px 0px; /* Background repeated to prevent flicker in IE */
	height: 98px;} 
	
	
/* =Navigation 
------------------------------------------------- */
#navContainer {background: #44F62D; height: 50px; border-bottom: 1px solid #FFF;
	 margin-top: 1px;  /* Compensates for padding on h1; 16px instead of 17px due to white border on navContainer, btw this really is backbround color */}
#navContainer ul#nav-tools {float: left; font: 0.90em Verdana, Arial, Helvetica, sans-serif;	}
#navContainer ul#nav-tools li {float: left; margin: 24px 2em 0 10px;}
#navContainer ul#nav-tools li a {display: block; color: #FFF; padding-bottom: 4px; text-decoration: none;} 
#navContainer ul#nav-tools li a:hover {padding-bottom: 4px; border-bottom: 6px solid white; color: #FCFD82;} /* yellow text op rollover */
#navContainer ul#nav-tools li a:active, #navContainer ul#nav-tools li a:focus {background-color: #FFFFFF;} /* op klikken wit */

/* =Sub Navigation 
------------------------------------------------- */
#subNav {margin: 3.5em 0 0 2.5em;}
#subNav li {background: url(../images/bulletAmbush.png) no-repeat 0 6px; margin: .2em 0; padding-left: 22px;}
#subNav li a {font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: .2em; } /* Border given on upstate to prevent slight movement on eye, border: 1px solid #6D6D6D;text-transform: uppercase;  */
#subNav li a:hover {background: #000000; padding: .2em; color: #FFFFFF} /* background: #FCFD82; padding: .2em; color: #B7B835; border: 1px solid #FFF; */

/* =Shared Floats/Widths 
------------------------------------------------- */
#page-idWrap, #idWrap #style, #content-main {float: left;}
#page-idWrap #style, #content-main {width: 610px;}
#page-idWrap #featuring, #content-sub {float: right; width: 289px;} /*bugger is gone at 287 px */

/* =Page Headers taken from interior
---------------------------------- */
body#about #page-idWrap #featuring {background: #000000 url(../images/hd-why-us.gif) no-repeat 10px 156px;} /*was #A0F91D green */
body#services #page-idWrap #featuring {background: #000000 url(../images/hd-services.gif) no-repeat 10px 156px;}
body#portfolio #page-idWrap #featuring {background: #000000 url(../images/hd-portfolio.gif) no-repeat 10px 156px;}
body#clients #page-idWrap #featuring {background: #000000 url(../images/hd-clients.gif) no-repeat 10px 156px;}
body#contact #page-idWrap #featuring {background: #000000 url(../images/hd-contact.gif) no-repeat 10px 156px;}

/* =Styles/Page ID 
------------------------------------------------- */
body.interior #page-idWrap #style, body.interior #page-idWrap #featuring {height: 200px;}
body.interior #page-idWrap #featuring {background: url(none);} /* Turns off featuring header */

body.interiorhome #page-idWrap #style, body.interiorhome #page-idWrap #featuring {height: 325px;}

/* =Styles/Page ID 
------------------------------------------------- */
#page-idWrap #style, #page-idWrap #featuring {height: 325px; background: #000;}
#page-idWrap #style {width: 610px;}
#page-idWrap #featuring {background: #000000 url(../images/hd-feature.gif) no-repeat 10px 281px;}
#page-idWrap #featuring img {margin: 70px 0px 0 10px;}
#page-idWrap #featuring a[href^="http:"] {background: none;}

/* =Page Specific Images
---------------------------------- */
body#about #page-idWrap #style {background: url(../images/styles/about_wood.jpg);}
body#clients #page-idWrap #style {background: url(../images/styles/wood_graffiti_sm.jpg);}
body#portfolio #page-idWrap #style {background: url(../images/styles/portfolio_blue.jpg);}
body#news #page-idWrap #style {background: url(../images/styles/news.jpg);}
body#contact #page-idWrap #style {background: url(../images/styles/contact_stairs.jpg);}

/* Clients */
.clients #wrapper #page-idWrap #style {background: url(../images/styles/wood_graffiti_sm.jpg);}

/* Portfolio */
.porfolio2 #wrapper #page-idWrap #style {background: url(../images/styles/portfolio2.jpg);}
.porfolio3 #wrapper #page-idWrap #style {background: url(../images/styles/portfolio3.jpg);}



/* =Content
------------------------------------------------- */
#content {float: left; background: url(../images/content1.gif) repeat-y; padding-bottom: 2em;} 
#content-main {width: 520px; font-size: 0.78em; color: #000; padding: 2.15em 40px 1em 50px;}
#content-main p {margin: 1em 0 1.1em; line-height: 1.9;}
#content-main h2 {font: normal 220% Arial Rounded MT Bold, Arial Rounded MT, Arial; letter-spacing: -0.01em; color: #9F8C7B; margin-bottom: .65em; line-height: normal;} /* color was B7B835, font was 235% Palatino, Georgia, "Times New Roman", Times */
#content-main h3 {font: normal 140% Arial Rounded MT Bold, Arial Rounded MT, Arial; color: #9F8C7B;}
#content-main h4 {font: bold 140% Arial Rounded MT Bold, Arial Rounded MT, Arial; color: #9F8C7B;}
#content-main a {text-decoration: none;	border-bottom-width: 1px; border-bottom-style: dotted; line-height: 18px;}
#content-main a:hover {border-bottom-style: none;}

/* =Content-sub
------------------------------------------------- */
#content-sub {background: url(../images/rabbitBkg.jpg) no-repeat 54px 0px; height: 440px;}
#content-sub h3 {font: 175% Palatino, Georgia, "Times New Roman", Times; color: #6D6B63; margin: 1.8em 0 1.4em 0; letter-spacing: -.02em; text-align: center;}
#content-sub h3 a {color: #6D6B63; text-decoration: none;}
#content-sub h3 a:hover {text-decoration: underline;}

#content-sub .newsWrap {float: left; margin-bottom: 1.5em; width: 100%;}
.news {float: right; width: 205px;	padding-right: .8em; margin-top: .2em; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; line-height: 1.2em;}
.news h4 {color: white; margin-bottom: .4em; font-size: 84%; line-height: normal; font-weight: bold; letter-spacing: .02em;}
.news p {font-size: .8em;}
.news p > a {font-size: 1em;}
.news p, .news a {color: white; text-decoration: none; line-height: normal;}
.news a:visited  {color: #FFF;} 
.news a:hover {border-bottom: 1px solid white; color: #E8E8E8;} 
.news a:active, #content-sub .news a:focus {background-color: #737373;}

/* =Site-info
---------------------------------- */
#site-infoBar {background: #3CF629 } /* Originally had #B7B835 url(../images/siteinfo-bug.png) no-repeat left bottom;*/
#site-info {margin: 0 auto; color: #FFFFFF; font: 0.75em Verdana; width: 900px; padding: 1em 0 1em 10px; position: relative;}
#site-info h5 {font-size: 110%; }
#site-info h5 span  {font-size: 0.75em; font-weight: normal;}
#site-info p {line-height: 1.6em; margin-left: 1.6em;}
#site-info a {color: #FFFFFF; text-decoration: underline;}
#site-info a:visited {color: #FFFFFF;}
#site-info a:hover {color: #FFFFFF; text-decoration: line-through;}
#site-info a:active, #site-info a:focus {background-color: #000; color: #FFF; text-decoration: none;}

/* =GPS
---------------------------------- */
#home #homelink a, #about #aboutlink a, #recognize #recognizelink a, #services #serviceslink a, #clients #clientslink a, #portfolio #portfoliolink a, #news #newslink a, #contact #contactlink a {padding-bottom: 17px; border-bottom: 6px solid #FFFFFF; color: #E8E8E8; cursor: default;}