@import "icon.css";
@import "basicpopup.css";

/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Some of the coded in this style sheet is by : Richard Carpenter
Released by: Six Revisions Copyright: 2009 Six Revisions and HV Designs
some if modified blueprintcss and other is specifically for this site

See the GNU General Public License for more details. 
To learn more about this license, visit: http://www.gnu.org/licenses/gpl-3.0.html
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

/* = blueprint overrides */
/* not using right now
.box ul {list-style-type: none; margin-left: 0; }
.boxgreen {padding:1.5em;margin-bottom:1.5em;background:#D7E9C8; border:dotted; border-width:1px ;border-color:#006A72;}
.boxgreen ul {list-style-type: none; margin-left: 0; }
.pg-resources .box ul {list-style-type: disc; margin-left: .7em; }
caption {font-size: 1.2em; background-color: #fff; font-weight: bold; padding-bottom: .2em; padding-top: .8em; }
p img {margin-right: 0; }
p img.right {margin-left: 0; }
hr {background:transparent; height: 1px; overflow: hidden; border-bottom: 1px solid #939393; }
hr.space {border-width: 0; }
*/ 
p {line-height:1.5em;}
.prepend-top-more {margin-top:2em;}
div.colborder, div.colborder-narrow {border-right: 1px dotted #737373;}
div.colborder-narrow {padding-right:4px;margin-right:5px;border-right:1px dotted #737373;}
* html div.colborder, * html div.colborder-narrow {border-right-style: solid; border-right-color: #c3c3c3; }
* html hr {background: #c3c3c3; color: #c3c3c3; }

/* this also overrides blueprint but adds big quote marks */

blockquote.style1 {
  font: 14px/18px normal Helvetica, sans-serif;
  padding: 8px;
  border-top: 1px solid #067663;
  border-bottom: 1px solid #067663;
  margin: 5px;
  background-image: url(../images/openquote1.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span.quote {
     display: block;
     background-image: url(../images/closequote1.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }


/* added to put in background image */

body {
  background: #fff url(../images/bg.png) no-repeat left top;
  font-size:100%;
}

#nobackground img {
background-color: ;
}

/* top title image using id */

#title {
  float: left;
  background: url(../images/title.png) no-repeat left top;
  height: 116px ;
  text-indent:-9999px;
}





/* navigation */

.taped-paper {
float:left;
background: url(../images/nav_tape.png) no-repeat left top;
background-position:center
}

#navigation {
font-size:75%;
  float: left;
  width: 538px;
  height: 82px;
}

.navlinks li {
  list-style-type: none;
  display: block;
  float: right;
  width: 100px;
  text-align: center;
  margin-top: 30px;
  background: url(../images/nav_seperator.png) left no-repeat;
}

.navlinks li a {
  text-decoration: none;
  color: #432303;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: -2px;
}

.navlinks li a:hover { color: #902B03; text-decoration:underline; }

.navlinks li.nodivider { background-image: none; }

/* divider graphic line */

.divider {
  float: left;
  height: 2px;
  width: 950px;
  margin: 30px 0 30px 0;
  background: url(../images/divider.png) no-repeat;
}

hr.graphic {
height:2px;
background:url(../images/divider.png) no-repeat;
}

/* welcome image heading */

h2.welcome {
  background: url(../images/featured_work.png) no-repeat;
  height: 35px;
  width: 211px;
  text-indent:-9999px;
  margin-bottom: 20px;
}


/* buts a thick background with border around image */

#featured-image img {
  /* background-color: #4372BD; */
  padding: 12px;
  /* background: url(../images/imgbackgrd.png) no-repeat; */
}



.content-box-left {
  float: left;
  width:100%;
}

h2.about-website {
  background: url(../images/about.png) no-repeat;
  height: 28px;
  width: 211px;
  text-indent:-9999px;
  margin-bottom: 20px;
}

.content-box-right {
	float: right;
	width: 460px;
}

.content-box-right img {
  background-color: #e7c788;
  float: left;
  padding: 5px;
  margin: 0 0 4px 4px;
}

h2.samples {
  background: url(../images/samples.png) no-repeat;
  height: 28px;
  width: 226px;
  text-indent:-9999px;
  margin-bottom: 20px;
}

.content-box-small {
  float: left;
  width: 305px;
  margin-right: 10px;
}

.content-box-small img {
  float: left;
  background-color: #ba5009;
  padding: 5px;
  margin: 0 10px 10px 0;
}

h2.get-in-touch {
	background: url(../images/get_in_touch.png) no-repeat;
	height: 28px;
	width: 135px;
	text-indent:-9999px;
	margin-bottom: 20px;
}

h2.sched {
	background: url(../images/sched.png) no-repeat;
	height: 48px;
	width: 112px;
	text-indent:-9999px;
	margin-bottom: 20px;
}

h2.gallery {
	background: url(../images/gallery.png) no-repeat;
	height: 44px;
	width: 106px;
	text-indent:-9999px;
	margin-bottom: 20px;
}

h2.flickr {
  background: url(../images/flickr.png) no-repeat;
  height: 28px;
  width: 65px;
  text-indent:-9999px;
  margin-bottom: 20px;
}

h2.twitter {
  background: url(../images/twitter.png) no-repeat;
  height: 28px;
  width: 84px;
  text-indent:-9999px;
  margin-bottom: 20px;
}

#footer {
  background: url(../images/footer.png) no-repeat;
  float: left;
}

#footer p {
  color: #052250;
  text-align: center;
  font-size: 14px;
  margin-top: 13px;
}