/*-----------------------------------------------------------------------
Master style sheet
version:   1.0
author:    rose berg
email:     webmaster@mybluepoint.com
website:   http://www.mybluepoint.com
--------------------------------------------------------------------------*/

body
{
background: #79685c url(images/grungeMedGr.jpg) repeat-x;
margin: auto auto;
color: #000;
font-family:  "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 62.5%;
}

/*@font-face {
	font-family: 'BolonewtRegular';
	src: url('fonts/bolonewt.eot');
	src: local('☺'), url('fonts/bolonewt.woff') format('woff'), 
	url('fonts/bolonewt.ttf') format('truetype'), 
	url('fonts/bolonewt.svg#webfonto6wRejlI') format('svg');
	font-weight: normal;
	font-style: normal;
}*/




/* ---------------   Headings   ------------------------------*/
h1
{
position: relative;
top: -1%;
left: 20%;
width: 100%;
height: 150px;
text-indent: -9999px;
z-index: 7;
padding-bottom: 10px;
margin-bottom: 40px;
}

h1 span
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 150px;
background: url(images/logoTaupe.png) no-repeat;
z-index: 10;
}

h2#home
{
margin-left: 2em;
}


h3.home
{
font-size: 1.5em;
margin-top: 0px;
margin-left: 4em;
}

h4
{
text-align: center;
font-size: 1.4em;
}

h4#motto
{
margin-top: -10px;
margin-left: -5.5em;
font-family: Arial;
font-size: 1em;
font-weight: bold;
color: #3c588d;
}

h4#motto span
{
font-size: 1.5em;
}

h4.clientInfo
{
font-size: 1em;
margin-top: -10px;
margin-bottom: 5px;
}

#mainLeft h4.less
{
font-size: .85em;
text-align: left;
}

h5
{
font-family: Bolonewt, Calibri, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
font-size: 1.2em;
margin-bottom: 5px;
}

h5.question
{
font-family: Calibri, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}


/*  -----------------  Links  -----------------------------------*/

a:link, a:visited
{
color: #369;
outline: none;
}

a:hover
{
color: #39c;
text-decoration: underline;
}


/*  --------------  Main Nav  --------------------------*/

#navMain
{
float: left;
width: 85%;
margin-top: 5em;
font-size: 1.25em;
z-index: 50;
}

#navMain ul
{
font-family: Bolonewt, Calibri, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
float: right;
margin-right:3em;
font-size: 1.35em;
color: #534741;
z-index: 50;
}

#navMain ul li
{
display: inline;
list-style-type: none;
padding: 0px 15px 0px 15px;
}

#navMain ul li a
{
color: #534741;
font-weight: bold;
text-decoration: none;
}

#navMain ul li a:visited
{
color: #736357;
}

#navMain ul li a:hover
{
color: #3c588d;
}

.active
{
font-size: 1.15em;
font-weight: bold;
color: #3c588d;
}



a.page
{
text-decoration: underline;
}

/*  -----------  Page structure  - Primary ------------------------------*/

.wrap
{
max-width: 80em;
margin: -10px auto 0px auto;
font-size: 1em;
}

#header
{
float: left;
width: 112%;
height: 210px;
margin-top: -75px;
margin-left: -4.1em;
margin-bottom: 50px;
background: transparent url(images/parchment2.png) no-repeat;
padding: 5px;
position: relative;
z-index: 40;
}

#main
{
float: left;
width: 108%;
background-color: #f0ebe3;
margin-top: -120px;
margin-left: -2.3em;
box-shadow: 2px 2px 4px #cfb39e;
-webkit-box-shadow: 2px 2px 4px #cfb39e;
-moz-box-shadow: 0px 0px 8px 4px  #cfb39e;
}

#copyright
{
text-align: center;
color: #fff;
}

#copyright span
{

margin-left: 20em;
color: #fff;
}

#copyright span a
{
color: #fff;
}

/* -------------------  Footer  -------------------------*/


#footer, #footer2
{
float: left;
padding: 5px;
font-size: 1.25em;
font-family: "ITC Avant Garde Gothic", Calibri, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#footer
{
width: 65%;
}

#footer2
{
width: 95%;
}

#footer ul, #footer2 ul
{
text-align: center;
}

#footer ul li, #footer2 ul li
{
display: inline;
padding: 0px 2px 0px 2px;
}

#footer ul li span, #footer2 ul li span
{
padding-left: 10px;
}


/*  -----------  Page structure  - Secondary  ------------------------------*/

/* --- Home page ----*/

#mainLeft
{
float: left;
width: 63%;
padding: 1em;
margin-top: 55px;
margin-left: 1.875em;
margin-bottom: 25px;
font-size: 1.4em;
background-color: #eaddc7;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 4px #cfb39e;
-webkit-box-shadow: 2px 2px 4px #cfb39e;
-moz-box-shadow: 2px 2px 4px  #cfb39e;
}

p#contact
{
text-align: center;
}

#line1
{
width: 100%;
height: 1px;
background-color: #3c588d;
}

#mainRight
{
float: right;
width: 27%;
font-size: 1.4em;
}

#contactInfoHome
{
margin-top: 75px;
padding: .25em;
}

#mainRight img.portfolio
{
padding: .75em;
margin: 10px 0px 5px 15px;
border: 1px solid #000066;
box-shadow: 2px 2px 4px #333;
-webkit-box-shadow: 2px 2px 4px #333;
-moz-box-shadow: 2px 2px 4px  #333;
}

.branchHome
{
border: none;
width: 80%;
margin-left: 20%;
}

#mainRight p
{
width: 175px;
padding-top: 15px;
padding-right: 35px;
margin: auto auto;
text-align: center;
}

#mainRight p.portfolio
{
margin-top: -10px;
margin-bottom: 15px;
}

#serviceList
{
margin-top: -10px;
font-size: 90%;
padding-right: 45px;
text-align: center;
}

#serviceList ul
{
margin-top: -15px;
margin-left: -15px;
}

#serviceList ul li
{
list-style-type: none;
}

#ad img
{
border: none;
margin: 0px 20px 20px 20px;
}

p.bizad
{
text-align: center;
color: #fff;
}

p.bizad a
{
color: #fff;
}

p.bizad a:visited
{
color: #534741;
}

p.bizad a:hover
{
color: #3c588d;
}
/*--------- Services page -------*/

blockquote.testimonial
{
float: right;
width: 85%;
margin-top: .1em;
margin-right: 2em;
margin-left: -2em;
}

ul#logos
{
list-style-type: none;
margin-left: -5px;
}

ul#logos li
{
padding: 2px;
}

p#last
{
margin-bottom: 20px;
}

div.htmltooltip
{
font-size: 1.25em;
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #eaddc7;
border: 2px solid #534741;
color: #000;
padding: 5px 20px 5px 5px;
width: 450px; /*width of tooltip*/
}

#moreLast, #lessLast
{
margin-bottom: 15px;
}

/*---------- Client Portfolio page --------*/

#client, #about
{
float: left;
width: 94%;
background-color: #eaddc7;
margin-top: 55px;
margin-left: 1.875em;
margin-bottom: 25px;
font-size: 1.4em;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

#client h2
{
margin-left: 14px;
margin-top: 32px;
}

#about
{
width: 90%;
padding: 1.15em;
}

.clientDesc
{
float: left;
width: 90%;
margin-left: 2em;
clear: both;
}

.clientDesc img
{
border: 1px solid #000;
}


blockquote
{
float: right;
margin-right: -.5em;
width: 45%;
margin-top: -15em;
padding-top: 5px;
font-size: 95%;
}

.branch
{
float: left;
width: 80%;
margin-left: 40%;
}

.line2
{
float: left;
width: 90%;
height: 1px;
background-color: #3c588d;
margin-left: 5%;
margin-top: 1em;
margin-bottom: 1em;
}

#testimonialLink
{
float: left;
width: 100%;
text-align: center;
margin-top: 15px;
font-size: 110%;
}

#contactInfoClient
{
float: left;
width: 90%;
padding: .85em;
margin-left: 1.75em;
}

#plug
{
float: left;
width: 90%;
padding: .85em;
margin-left: 1.75em;
}


/*-------------  About page -------------------------------------*/

#kayaking
{
float: right;
width: 40%;
margin-top: -265px;
margin-right: 8%;
}

#kayaking img
{
padding: 2px;
border: 2px solid #534741;
}

/*-------------   Testimonial page -------------------------------*/

#about div.testimonial
{
margin-top: 10px;
margin-bottom: 50px;
}

#about span
{
float: right;
width: 40%;
}

#about span#last
{
float: right;
width: 40%;
}

/* ------------    Contact page  -----------------------------*/

#contactLeft
{
float: left;
width: 45%;
margin-left: 2em;
}

#contactRight
{
float: right;
width: 45%;
margin-right: 3.5em;
}

#location
{
width: 95%;
margin: 2em;
padding-top: 1em;
clear: both;
}


/*----------  FAQ page ------------------------*/

#stats
{
margin-top: 3em;
}


/* --------  Forms  ---------------------------------*/

/* Removes fieldset borders */
fieldset 
{
border: 1px solid transparent;
}

form
{
margin-left: 50px;
margin-bottom: 30px;
}

#Name, #Email, #Phone
{
width: 250px;
}

.submit-button
{
margin-top: 5px;
}

h4.form
{
margin-top: 45px;
}

p#required
{
margin-left: 3em;
}


/* --------------  Tables  ---------------------------------*/

table 
{ 
border-spacing: 0;
border-collapse: collapse;
}

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



/*  ------------------   Misc --------------------------------*/

/* Remove border around linked images */
a img
{
border: none;
}

hr, .hide
{
display: none;
}

/* Self-clear floats */
.group:after
{
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}


/*------------------------- thanks page ----------------*/

#thanks
{
width: 100%;
height: 400px;
margin-top: -125px;
text-align: center;
font-size: 130%;
}