body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	color: #CCCCCC;
	background-color: #000000;	
  }
  
  .body2 {
	margin: 0;
	padding: 0;
	background-color: #666666;
	background-image: url(assets/webpackage.jpg);
	background-repeat: repeat;
	background-position: left top;
  }
  
.price {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 120px;
  }

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2em;
	color: #FFFFFF;
	list-style-image: url(assets/bullet.jpg);
	list-style-type: none;
	list-style-position: outside;
}
.pop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	margin-left: 80px;
}

/* links */

a:link {
  color: #6c6c50;
  }

a:visited {
	color: #999999;
  }

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

a:active {
	color: #CCCCCC;
	text-decoration: none;
  }
  
  
a.slide {
	color: #FA4D01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
  }

a.slide:visited {
	color: #999999;
  }

a.slide:hover {
	text-decoration: underline;
	color: #CCCCCC;
	background-color: #E44701;
  }

a.slide:active {
	text-decoration: none;
	color: #999999;
  }
  
  a.snhidden {
	color: #FD4E01;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

a.snhidden:visited {
  color: #FD4E01;
}

a.snhidden:hover {
	color: #CC3300;
}

a.snhidden:active {
  color: #FD4E01;
}

 a.snhidden2 {
	color: #FD4E01;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a.snhidden2:visited {
  color: #FD4E01;
}

a.snhidden2:hover {
	color: #CC3300;
	text-decoration: underline;
}

a.snhidden2:active {
  color: #FD4E01;
}
  
  
  a.nhidden {
	color: #FD4E01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
}

a.nhidden:visited {
  color: #FD4E01;
}

a.nhidden:hover {
	color: #CC3300;
	text-decoration: underline;
}

a.nhidden:active {
  color: #FD4E01;
}
 
 a.tnhidden {
	color: #FD4E01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 30px;
}

a.tnhidden:visited {
  color: #FD4E01;
}

a.tnhidden:hover {
	color: #CC3300;
	text-decoration: none;
}

a.tnhidden:active {
  color: #FD4E01;
}
 
  
a.lnhidden {
	color: #FD4E01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

a.lnhidden:visited {
  color: #FD4E01;
}

a.lnhidden:hover {
	color: #CC3300;
	text-decoration: underline;
}

a.lnhidden:active {
  color: #FD4E01;
}

a.ghidden {
	color: #333300;
	text-decoration: none;
	text-align:left;
	font-size:125%;
	font-family: "Courier New", Courier, monospace;
}
a.ghidden:visited {
	text-decoration: none;
	text-align:left
}
a.ghidden:hover {
	color: #669900;
	text-decoration: none;
	text-align:left
}
a.ghidden:active {
	text-decoration: none;
	text-align:left
}

a.navbar {
	color: #333300;
	text-align:right;
	font-size:110%;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	margin-left: 0.95em;
}
a.navbar:visited {
	text-align:left
}
a.navbar:hover {
	color: #669900;
	text-decoration: none;
	text-align:left
}
a.navbar:active {
	text-align:left
}


a.siteD {
	text-decoration: none;
	text-align:right;
	font-size:100%;
}
a.siteD:visited {
	text-decoration: none;
	
}
a.siteD:hover {
	color: #666600;
	text-decoration: underline;
	
}
a.siteD:active {
	text-decoration: none;
	
}

a.swhidden {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

a.swhidden:visited {
  color: #999999;
}

a.swhidden:hover {
	color: #CCCCCC;
}

a.swhidden:active {
  color: #999999;
}

/* ---( layout structure )---*/

@media all {
  #wrap {
	width: 900px;
	text-align: left;
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }

 #wrap-gallery {
    width: 847px;
    margin: 0 auto;
    text-align: left;
    }
	
  #content {
    }
	

  #main-contentdesign {
	float: left;
	width: 430px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(images/graphweb-design.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	 #main-contentart {
	float: left;
	width: 430px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(images/grishart-artweb.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	
	 #main-contentphotography {
	float: left;
	width: 430px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(images/grishart-photography.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	
	 #main-contentartcom {
	float: left;
	width: 430px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(images/grishart-artcom.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	 #main-contentlinks {
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/grishart-blank.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	 #main-contentcontact {
	float: left;
	width: 790px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(images/grishart-blank.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
	 #main-contentform {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333333;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-left: 80px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 650px;
	margin-right: 20px;
    }
	  #main-blank{
	float: left;
	width: 650px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(images/grishart-blank.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
	
#links {
	float: left;
	width: 100%;
	background-image: url(images/sidepannel-right.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    }
	
#main-popup {
	float: left;
	background-color: #666666;
	background-image: url(assets/webpackage.jpg);
	background-repeat: repeat;
	background-position: left top;
	width: 700px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    }
	
.orangetext {
	font-style: italic;
	color: #FD4E01;
}
	

  #sidebar {
	font-size: 85%;
	line-height: 1.4em;
	margin-top: 32px;
	margin-right: 0px;
	margin-left: 460px;
	padding-top: 33px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border: 1px solid #FD4719;
	background-image: url(assets/background-side.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #252324;
    }
	
	#sidebar-blank {
	font-size: 85%;
	line-height: 1.4em;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 665px;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
    }
	
	#sidebar3 {
	font-size: 85%;
	line-height: 1.4em;
	color: #6c6c50;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 790px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(images/sidepannel-right.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
    }
	 
	 #sidebar2 {
	height:450px;
	margin: 0px 20px 0 599px;
	padding: 25px 0 0 0;
	font-size: 85%;
	line-height: 1.4em;
	color: #6c6c50;
	background: no-repeat;
    }
	 
	#thumbs{
	width:225px;
	
	  }
  
	
  }
@media handheld {
  #wrap {
    width: 90%;
    background: none;
    }

  #content {
	background-image: url(images/sidepannel.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
    }
	


  #main-content {
    float: none;
    width: 100%;
	border: 1px; 
    }
	

  #sidebar {
	margin: 0 2% 0 2%;
    }
	
  }
  
  

/* ---( header )--- */

@media all {
 #header {
	margin: 0;
	font-family: "Lucida Grande", "Trebuchet MS";
	color: #291530;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 268px;
	padding-left: 0px;
	background-color: #000000;
	background-image: url(http://www.grishart.co.uk/images/top-nav/images/top-bar_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    }

  }
@media handheld {
  #header {
    background: #6699cc;
    }

  }
  /* ---( top-nav )--- */

@media all {
  #top-nav {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	margin: 0px;
    }
	
	.orangearrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bolder;
	color: #FD4E01;
	padding-left: 15px;
}

.side1-top	
			{
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 30%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
			}
			
.side2-top	
			{
	voice-family: "\"}\"";
	voice-family:inherit;
	float: left;
	width: 69%;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
			}


 /* ---( lower-nav )--- */
 }
@media all {
  #lower-nav {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	text-align: left;
	background-image: url(images/top-nav/images/top-bar_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
    }
	
	.orangearrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bolder;
	color: #FD4E01;
	padding-left: 15px;
}

  

  }
h1.nav-header {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 150%;
  color: #6f2922;
  }
h2.nav-subheader {
  margin-top: 12px;
  margin-bottom: 3px;
  padding-left: 15px;
  font-size: 110%;
  color: #8d4e48;
  }
  
p.nav-content {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	font-size: 100%;
	color: #6c6c50;
	line-height: 80%;
  }
  /* ---( main column )--- */

h1.page-header {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 80px;
	font-size: 220%;
	color: #FC4F04;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
  }
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin-left: 80px;
}
.subsmall {font-size: 80%}
  
  
h2.sub-header {
	margin-top: 25px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 110%;
	color: #669966;
	font-weight: 400;
  }
  
h3.contact-header {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 108px;
	font-size: 180%;
	color: #999999;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
  }
  
p.content {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 80px;
	font-size: 90%;
	color: #CCCCCC;
	line-height: 130%;
	padding-top: 0%;
	font-family: Arial, Helvetica, sans-serif;
  }
  
p.content2 {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 108px;
	font-size: 90%;
	color: #CCCCCC;
	line-height: 130%;
	padding-top: 0%;
	font-family: Arial, Helvetica, sans-serif;
  }
p.FormText {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 85%;
	color: #6c6c50;
	line-height: 120%;
	text-align: right;
  }
  

/* ---( sidebar )--- */

h4.sidebar-title {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #6c6c50;
	height: 0px;
	height /**/:17px;
	text-transform: lowercase;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px;
	padding: 0px;
  }

.subsmall {font-size: 90%}

#sidebar ul, #sidebar p {
	margin: 0;
	padding: 5px 20px 1em 10px;
  }


#sidebar li {
  background: url(http://www.carolinehepburne-scott.co.uk/blog/images/tictac_blues.gif) no-repeat 0 5px;
  }


  #side-images {
}

#gallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}


/* ---( slideshow )--- */

#slideshowContainer{
	width: 100%;
	height: auto;
}


#numberDiv a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C0C0C0;
	margin-top: 15px;
}


#imagecontainer{
	text-decoration: none;
	color: #C0C0C0;
	background-position: center;
	margin-bottom: 15px;
}

#backforthbuttons{
	margin-top: 15px;
}

/* <![CDATA[ */
/* Win IE5.5 hack added to centre design */



#mainPhoto	{
	
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p#caption 
			{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #EB4901;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
			}
p#credit 
			{
	color: #999999;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
			}
#mainPhoto2	{
	
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center;
	text-align: center;
}
p#caption2 
			{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #EB4901;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
			}
p#credit2 
			{
	color: #999999;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
			}
			
#mainPhoto3	{
	
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p#caption3 
			{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #EB4901;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
			}
p#credit3 
			{
	color: #999999;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
			}
			
			
#mainPhoto4	{
	
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p#caption4 
			{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #EB4901;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
			}
p#credit4 
			{
	color: #999999;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
			}
			

.gal-navBar		{
	background-color: #ffffff;
	width: 198px;
	height: 20px;
	padding: 0px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;}

/* -- tantek's hack used for Win IE5.5 -- */

.thumbsContainer	
			{
	margin: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: right;
			}

.thumbsContainer img
			{
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
			}

.thumbsContainer p
			{
	padding: 7px 7px 9px 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #C0C0C0;
	text-align: center;
			}


/* -- start of Mac IE5 hack -- This sorts a float bug in the first paragraph  -- */

.ieMacHack	{
			margin-right: 280px;
			}

/* \ commented backslash so IE5 Mac ignores the following rule. */
.ieMacHack 	{
	margin-right: 0px;
	color: #666666;
			}

/* -- end of hack -- */

			}

/* ]]> */



/* ---( footer )--- */
.clear { 
  clear: both;
  height: 0;
  }
  /* to fix IE6 padding-top issue */
  

  #orange-bar {
	font-size: 0%;
	padding-right: 0;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FC4F04;
    }
	.orangearrow2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FD4E01;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FD4E01;
	padding-left: 80px;
}

.orangearrow3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FD4E01;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 80px;
}
	
	
@media all {

  #footer {
	font-size: 75%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0px;
	background-image: url(images/bottom-bar.jpg);
	background-repeat: no-repeat;
	height: 48px;
	margin: 0px;
    }

  #footer p {
	margin: 0;
	text-align: right;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom:0%;
	padding-left: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	vertical-align: bottom;
    }
  }
@media handheld {
  #footer {
    background: none;
    }

  #footer p {
	background: none;
    }
	
	.copyright {
	font-size: 6px;
	color: #FFFFFF;
}
  }
  
  /* ---( footer gallery )--- */
.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }
@media all {

  #footer-gallery {
    float: left;
	width: 540px;
	margin:0px 0px 0px 0px;
	padding: 0px 0 0px 0px;
	font-size: 75%;
    }
	

  #footer-gallery p {
	margin: 0;
	text-align: left;
	padding-top: 1%;
	padding-right: 0px;
	padding-bottom:10%;
	padding-left: 14px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
  }
@media handheld {
  #footer-gallery {
    background: none;
    }

  #footer-gallery p {
	background: none;
    }
  }