/* Global Layout Styles */ 

html, body {
margin: 0;
padding: 0;}

body {
font: 0.8em/1.4em "trebuchet MS", Verdana, Arial, sans-serif;
color: #FFF;
background:#000 url(../assets/generic/bulb.jpg) no-repeat fixed center right;
}

#container {
min-width: 760px;
}

#masthead {
margin: 1.5em 0 1em 1em;
}

#masthead h2 {
background: url(../assets/generic/jenharvey.gif) no-repeat ;
text-indent: -9999px;
height: 83px;
width: 185px;
}

#masthead h2.xmasmain {
background: url(../assets/generic/jenharvey-xmas.gif) no-repeat ;
text-indent: -9999px;
height: 119px;
width: 292px;
}

#content {
margin-left:1em; 
margin-top:1em;
line-height: 2em;
}

#columnleft {
float:left;
width: 30%;
margin:0;
padding:0;
}

#columnright {
float: left;
width: 30%;
clear:right;
margin:0;
padding:0;
}

#content_right {
float:right;
width: 30%;
margin:0;
padding:0;
height:100%;
}

*:first-child+html #content_right {

}

#folio {
float:left;
width: 70%;
margin:0;
padding:0;
}

#para {
float:left;
clear:left;
width: 60%;
margin:0;
padding:0;
}

/* Top navigation Styles */

#masthead ul, #masthead li{
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

#masthead ul {
float: right;
margin-top: -50px;
margin-right:20px;
color:#999;
}

#masthead li {
border-right: 1px solid;
text-align:left;
font-size: 0.85em;
padding: 0 0.5em;
}

#masthead li.last {
border:none;
}

#masthead li a:link, #masthead li a:visited {
text-decoration: none;
color: #FFF;
}

#masthead li a:hover, #masthead li a:active {
text-decoration: underline;
color:#e64a88;
}

#masthead h2 a {
display:block;
width:185px;
height: 83px;
}

/* Main Content Layout Styles */

#content h3 {
font-size: 1.5em;
color: #FFF;
margin: 0.5em 0 0.5em 0.5em;
}
	
#content h3 span{	
color:#e64a88;
}

#content h3 em{
font-size: 0.6em;
color: #FFF;
margin: 0.5em 0 0.5em 0.5em;
}

#content p{
padding: 1em;
text-align: justify;
margin: 0;
}

#content p em {
font-size: 0.8em;
color:#e64a88;
}

#content p b {
font-style: italic;
color:#e64a88;
}

#content img {
padding: 1em;
margin: 1em;
}

.large {
font-weight:bold;
color: #FFF;
}

#folio p.smaller {
font-size: 0.9em;
line-height: 1.5em;
width: 50%;
}

#folio em {
font-style:normal;
font-size: 0.9em;
color:#e64a88;
margin-left: 1em;
}

#folio img {
float: right;
}

#tborder {
margin:10px;
}

img.border {
border: 1px solid #FFF;
}

#content a:link, #content a:visited {
color:#fff;
text-decoration: none;
}

#content a:hover, #content a:active{
color: #FFF;
text-decoration: underline;
}

#content p.testimonial {
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}


/* Folio page items Layout Styles */

#minifolio, #minifolio2, #minifolio3, #minifolio4, #minifolio5 {
width:100%;
margin-left: 1em;
float:left;
}

#minifolio a, #minifolio2 a, #minifolio3 a, #minifolio4 a, #minifolio5 a {
overflow:hidden;
}

#minifolio p{
margin:0.5em 0 0 0;
padding:0;
font-size: 0.8em;
line-height: 1.2em;
}

#minifolio p b {
color: #A5596F;
font-weight: bold;
text-transform: uppercase;
}

#minifolio ul, #minifolio2 ul, #minifolio3 ul, #minifolio4 ul, #minifolio5 ul {
margin:0;
padding:1em;
list-style-type: none;
position: relative;
}

#minifolio li, #minifolio2 li, #minifolio3 li, #minifolio4 li, #minifolio5 li {
float:left;
width: 160px;
}


#minifolio li a:link, #minifolio li a:visited, #minifolio2 li a:link, #minifolio2 li a:visited, #minifolio3 li a:link, #minifolio3 li a:visited, #minifolio4 li a:link, #minifolio4 li a:visited, #minifolio5 li a:link, #minifolio5 li a:visited {
width: 145px;
height: 149px;
border: 1px solid #000;
text-indent: -9999px;
display:block;
margin-bottom:1em;
}

#minifolio li a:hover, #minifolio li a:active, #minifolio2 li a:hover, #minifolio2 li a:active, #minifolio3 li a:hover, #minifolio3 li a:active, #minifolio4 li a:hover, #minifolio4 li a:active, #minifolio5 li a:hover, #minifolio5 li a:active {
border: 1px solid #A5596F;
}


/*Mini folio web completed */
#minifolio li.cupweb {background:url(../assets/portfolio/cup-couture-web.gif) no-repeat;}
#minifolio li.ardluiweb {background:url(../assets/portfolio/ardlui-web.gif) no-repeat;}
#minifolio li.sitcweb {background:url(../assets/portfolio/sitc_web.jpg) no-repeat;}
#minifolio li.mollysweb {background:url(../assets/portfolio/molly-web.jpg) no-repeat;}
#minifolio li.twmweb {background:url(../assets/portfolio/twm-web.jpg) no-repeat;}
#minifolio li.zuccaweb {background:url(../assets/portfolio/zucca-web.jpg) no-repeat;}
#minifolio li.llwbweb {background:url(../assets/portfolio/llwb-web.jpg) no-repeat;}
#minifolio li.haven {background:url(../assets/portfolio/haven-web.jpg) no-repeat;}
#minifolio li.havenlodge {background:url(../assets/portfolio/haven-lodge-web.jpg) no-repeat;}
#minifolio li.wwopweb {background:url(../assets/portfolio/wwop-web.jpg) no-repeat;}
#minifolio li.cwweb {background:url(../assets/portfolio/cw-web.gif) no-repeat;}
#minifolio li.chap {background:url(../assets/portfolio/chap-web.gif) no-repeat;}
#minifolio li.rad {background:url(../assets/portfolio/rad-web.gif) no-repeat;}
#minifolio li.sts {background:url(../assets/portfolio/sts-web.jpg) no-repeat;}
#minifolio li.mm {background:url(../assets/portfolio/mm-web.jpg) no-repeat;}
#minifolio li.envisage {background:url(../assets/portfolio/envisage-web.gif) no-repeat;}
#minifolio li.inn {background:url(../assets/portfolio/inn-web.gif) no-repeat;}
#minifolio li.sgv {background:url(../assets/portfolio/sgv-web.jpg) no-repeat;}
#minifolio li.realweb {background:url(../assets/portfolio/real-web.gif) no-repeat;}
#minifolio li.chs {background:url(../assets/portfolio/chs-web.jpg) no-repeat;}
#minifolio li.tlc {background:url(../assets/portfolio/tlc-web.jpg) no-repeat;}
#minifolio li.bi {background:url(../assets/portfolio/bi-web.jpg) no-repeat;}
#minifolio li.ap {background:url(../assets/portfolio/ap-web.jpg) no-repeat;}
#minifolio li.if {background:url(../assets/portfolio/if-web.jpg) no-repeat;}
#minifolio li.letting {background:url(../assets/portfolio/letting-web.jpg) no-repeat;}
#minifolio li.db {background:url(../assets/portfolio/db-web.jpg) no-repeat;}
#minifolio li.ca {background:url(../assets/portfolio/ca-web.jpg) no-repeat;}
#minifolio li.wjd {background:url(../assets/portfolio/wjd-web.jpg) no-repeat;}
#minifolio li.bright {background:url(../assets/portfolio/bright-web.jpg) no-repeat;}
#minifolio li.ds {background:url(../assets/portfolio/ds-web.jpg) no-repeat;}

/*Mini folio web ongoing 2*/
#minifolio2 li.blockweb {background:url(../assets/portfolio/block-solid-web.gif) no-repeat;}
#minifolio2 li.gbmweb {background:url(../assets/portfolio/gbm-web.gif) no-repeat;}
#minifolio2 li.dbaweb {background:url(../assets/portfolio/dba-web.jpg) no-repeat;}
#minifolio2 li.riddellweb {background:url(../assets/portfolio/riddell-web.jpg) no-repeat;}
#minifolio2 li.cmweb {background:url(../assets/portfolio/cm-web.gif) no-repeat;}

/*Mini folio corp ID 3 */
#minifolio3 li.cupid {background:url(../assets/portfolio/cup-couture-logo.gif) no-repeat;}
#minifolio3 li.gbmid {background:url(../assets/portfolio/gbm-logo.gif) no-repeat;}
#minifolio3 li.blockid {background:url(../assets/portfolio/block-solid-logo.gif) no-repeat;}
#minifolio3 li.dbaid {background:url(../assets/portfolio/dba-brand.gif) no-repeat;}
#minifolio3 li.stoid {background:url(../assets/portfolio/sto-brand.jpg) no-repeat;}
#minifolio3 li.sitcid {background:url(../assets/portfolio/sitc_logo.jpg) no-repeat;}
#minifolio3 li.babytid {background:url(../assets/portfolio/baby-logo.jpg) no-repeat;}
#minifolio3 li.babysalesid {background:url(../assets/portfolio/baby-sales-logo.jpg) no-repeat;}
#minifolio3 li.svpid {background:url(../assets/portfolio/svp-logo.jpg) no-repeat;}
#minifolio3 li.glasgowid {background:url(../assets/portfolio/glasgow-id.gif) no-repeat;}
#minifolio3 li.mollysid {background:url(../assets/portfolio/mollys-id.jpg) no-repeat;}
#minifolio3 li.mortgageid {background:url(../assets/portfolio/mortgage-first-id.jpg) no-repeat;}
#minifolio3 li.wakeid {background:url(../assets/portfolio/wakeboard-id.gif) no-repeat;}
#minifolio3 li.wwopid {background:url(../assets/portfolio/wwop-id.gif) no-repeat;}
#minifolio3 li.atomid {background:url(../assets/portfolio/mighty-atom.gif) no-repeat;}
#minifolio3 li.negid {background:url(../assets/portfolio/neg.gif) no-repeat;}
#minifolio3 li.boxid {background:url(../assets/portfolio/box-brand.gif) no-repeat;}
#minifolio3 li.cwid {background:url(../assets/portfolio/cw-id.gif) no-repeat;}
#minifolio3 li.chsid {background:url(../assets/portfolio/chs-id.gif) no-repeat;}
#minifolio3 li.envisageid {background:url(../assets/portfolio/envisage-id.gif) no-repeat;}
#minifolio3 li.sgvid {background:url(../assets/portfolio/sgv-id.gif) no-repeat;}
#minifolio3 li.wjdid {background:url(../assets/portfolio/wjd-id.gif) no-repeat;}
#minifolio3 li.realid {background:url(../assets/portfolio/real-id.gif) no-repeat;}
#minifolio3 li.poohid {background:url(../assets/portfolio/pooh-id.gif) no-repeat;}


/*Mini folio graphics 4 */
#minifolio4 li.passionxmas {background:url(../assets/portfolio/chs-pash-xmas-eve.jpg) no-repeat;}
#minifolio4 li.passionsat {background:url(../assets/portfolio/chs-pash-sat-eve.jpg) no-repeat;}
#minifolio4 li.passionsun {background:url(../assets/portfolio/chs-passion-sunday.gif) no-repeat;}
#minifolio4 li.charlieshall {background:url(../assets/portfolio/g1-charlies-hall.gif) no-repeat;}
#minifolio4 li.kushhall {background:url(../assets/portfolio/g1-kush-halloween.jpg) no-repeat;}
#minifolio4 li.passion {background:url(../assets/portfolio/passion-art.jpg) no-repeat;}
#minifolio4 li.jampizza {background:url(../assets/portfolio/g1-pizza-art.jpg) no-repeat;}
#minifolio4 li.commonthurs {background:url(../assets/portfolio/g1-common-thursday.jpg) no-repeat;}
#minifolio4 li.liquid {background:url(../assets/portfolio/g1-liquid-art.jpg) no-repeat;}
#minifolio4 li.slice {background:url(../assets/portfolio/chs-gd-slice.jpg) no-repeat;}
#minifolio4 li.jambh {background:url(../assets/portfolio/g1-jam-bh.gif) no-repeat;}
#minifolio4 li.underground {background:url(../assets/portfolio/g1-underground-map.jpg) no-repeat;}
#minifolio4 li.radio {background:url(../assets/portfolio/g1-radio-freshers.gif) no-repeat;}
#minifolio4 li.headway {background:url(../assets/portfolio/headway.jpg) no-repeat;}
#minifolio4 li.chsm8 {background:url(../assets/portfolio/chs-market-m8.gif) no-repeat;}
#minifolio4 li.chsdeadly {background:url(../assets/portfolio/chs-market-deadly.gif) no-repeat;}
#minifolio4 li.chsgd3dj {background:url(../assets/portfolio/chs-market-3dj.gif) no-repeat;}
#minifolio4 li.chsgitc {background:url(../assets/portfolio/chs-market-gitc.gif) no-repeat;}
#minifolio4 li.chsdp {background:url(../assets/portfolio/chs-market-dp.gif) no-repeat;}
#minifolio4 li.chslip {background:url(../assets/portfolio/chs-market-lip.gif) no-repeat;}
#minifolio4 li.des2 {background:url(../assets/portfolio/des2-flyer.gif) no-repeat;}
#minifolio4 li.des1 {background:url(../assets/portfolio/des1-flyer.gif) no-repeat;}
#minifolio4 li.natejamesart {background:url(../assets/portfolio/nate-graphics.jpg) no-repeat;}


/*Mini folio marketing 5 */
#minifolio5 li.llwbpost {background:url(../assets/portfolio/llwb-postcard.gif) no-repeat;}
#minifolio5 li.btmm {background:url(../assets/portfolio/b&t_marketing.jpg) no-repeat;}
#minifolio5 li.glasgowmm {background:url(../assets/portfolio/glasgow-marketing.jpg) no-repeat;}
#minifolio5 li.mollysmm {background:url(../assets/portfolio/mollys-sticker.jpg) no-repeat;}
#minifolio5 li.llwbmm {background:url(../assets/portfolio/llwb-mm.jpg) no-repeat;}
#minifolio5 li.forth1 {background:url(../assets/portfolio/forth1.gif) no-repeat;}
#minifolio5 li.forth2 {background:url(../assets/portfolio/forth2.gif) no-repeat;}
#minifolio5 li.clyde1 {background:url(../assets/portfolio/clyde1.gif) no-repeat;}
#minifolio5 li.clyde2 {background:url(../assets/portfolio/clyde2.gif) no-repeat;}
#minifolio5 li.envisagemarketing {background:url(../assets/portfolio/envisage-marketing.gif) no-repeat;}
#minifolio5 li.realmarketing {background:url(../assets/portfolio/real-marketing.gif) no-repeat;}
#minifolio5 li.wjdmarketing {background:url(../assets/portfolio/wjd-marketing.gif) no-repeat;}
#minifolio5 li.wjdpost {background:url(../assets/portfolio/wjd-post.gif) no-repeat;}
#minifolio5 li.chsmarketing {background:url(../assets/portfolio/chs-bus.gif) no-repeat;}
#minifolio5 li.bi {background:url(../assets/portfolio/bi-marketing.jpg) no-repeat;}


/* Right Content Layout Styles */

#content_right p {
padding: 1em;
margin: 0 0 0.5em 0;
text-align: justify;
background: url(../assets/generic/transbg.png) repeat;
}

#content_right p.small {
font-size: smaller;
line-height: 1.2em;
}

#content_right p.sidelink {
font-variant: small-caps;
font-weight: bolder;
font-size: 1.1em;
padding: 0.8em;
}

a.side:link, a.side:visited {
color: #fff;
text-decoration: none;
background: url(../assets/buttons/bullet2.png) center left no-repeat;
display: block;
padding: 0.2em 0 0.2em 27px;
}

a.side:hover, a.side:active {
color: #FFF;
text-decoration: none;
background: url(../assets/buttons/bullet2r.png) center left no-repeat;
display: block;
padding: 0.2em 0 0.2em 27px;
}

/* Highlight Page Layout Styles */

body#web a#navweb,
body#graphic a#navgraphic,
body#clients a#navclients,
body#hello a#navhello,
body#portfolio a#navfolio,
body#home a#navhome,
body#jen a#navjen
{
color: #FFF;
text-decoration: none;
background: url(../assets/buttons/bullet2r.png) center left no-repeat;
}

body#web a#topweb,
body#graphic a#topgraphic,
body#clients a#topclients,
body#hello a#tophello,
body#portfolio a#topfolio,
body#home a#tophome,
body#jen a#topjen
{
color:#e64a88;
font-weight: bold;
}

/* Testimonial box Layout Styles */

.testimonial{display:block}
.testimonial *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#444143}
.testimonial1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #1d1b1c;
  border-right:1px solid #1d1b1c;
  background:#333032}
.testimonial2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #060606;
  border-right:1px solid #060606;
  background:#373436}
.testimonial3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #373436;
  border-right:1px solid #373436;}
.testimonial4{
  border-left:1px solid #1d1b1c;
  border-right:1px solid #1d1b1c}
.testimonial5{
  border-left:1px solid #333032;
  border-right:1px solid #333032}
.testimonialfg{
  background:#444143}
  
  
  /* Form Layouts */


form#jhform {
padding:10px; 
font-size:1em; 
width: 80%;
}

form#jhform p {
font-size:1em; 
color:#FFF; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#jhform fieldset#hidden {
display:none;
}

form#jhform fieldset#feedback p {padding:4px; margin:0;}

form#jhform fieldset {
display:block; 
border:1px dotted #e64a88; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
}

form#jhform fieldset:hover {
border:1px dotted #CCC; 
}

form#jhform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #e64a88; 
margin-bottom:15px; 
padding:6px; 
background:#333; 
color:#FFF;
}

* html form#jhform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#jhform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#FFF; 
margin-bottom:0.5em;}

form#jhform input {
border:1px solid #e64a88; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#000;
color: #FFF;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}

form#jhform input:hover { background:#666; border:1px solid #FFF; color:#fff;}
form#jhform input:focus {background:#fff; border:1px solid #b80b38; color:#000;}

form#jhform select {margin:0 0 1em 0.5em;}

form#jhform textarea {
width:410px; 
height:10em; 
border:1px solid #e64a88; 
padding:0.5em; 
overflow:auto;
background:#000;
color:#FFF;
}

form#jhform textarea:hover { background:#666; border:1px solid #fff; color:#fff;}
form#jhform textarea:focus {background:#fff; border:1px solid #b80b38; color:#000;}


form#jhform #button1, form#jhform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background:#e64a88; 
border:1px solid; 
border-color:#999 #999 #333 #333;
}

form#jhform #button1:hover, form#jhform #button2:hover {
color:#fff; 
background:#333; 
border:1px solid; 
border-color:#666 #666 #999 #999; 
}