body
{
margin:0px;
font-size: 62.5%;
background: #101010 url(gfx/mainbg.png) repeat left top;
font-family: times new roman, verdana, arial;
color: #E1DFDF;
}

img
{
border:none;
}

/*************************
*   Accessibility page   *
*************************/

#access
{
width: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: transparent;
padding: 0px;
font-size: 1.2em;
display: block;
float: right;
z-index: 1000;
text-align: center;
}

#accessin
{
width:99%;
background-color: transparent;
padding: 1px 8px 1px 1px;
font-size: 1em;
display: block;
z-index: 1000;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #4E4E4E;
}

#contentaccess
{
width: 90%;
height: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
font-size: 1.6em;
color: #000000;
background-color: #ffffff;
max-width: 1200px;
}

a.accesslink:link {color: #0042BB; text-decoration: none; font-size: 1em;}
a.accesslink:visited {color: #0042BB; text-decoration: none;font-size: 1em;}
a.accesslink:hover {color: #0042BB;  text-decoration: underline;font-size: 1em;}
a.accesslink:active {color: #0042BB; text-decoration: none;font-size: 1em;}

a.accesslinkh:link {color: #4E4E4E; text-decoration: none; font-size: 0.9em;}
a.accesslinkh:visited {color: #4E4E4E; text-decoration: none;font-size: 0.9em;}
a.accesslinkh:hover {color: #4E4E4E;  text-decoration: underline;font-size: 0.9em;}
a.accesslinkh:active {color: #4E4E4E; text-decoration: none;font-size: 0.9em;}

/*************************
* Accessibility page End *
*************************/

.noscript
{
background-color: black; 
color: #ffffff; 
font-size: 16px; 
font-family: arial, verdana; 
text-align: left;
}

#page
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
top: 0px;
left: 0px;
}

#mainbody
{
width: 100%;
min-width:1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0px;
left: 0px;
display: block;
float:left;
text-align: left;
font-weight: normal; 
font-size: 1.5em;
color: #E1DFDF;
}

#header
{
display:block;
float:left;
width:100%;
height:130px;
background: url(gfx/headerbg.png) repeat-x left top;
}

#maincontent
{
display:block;
float:left;
width:96%;
min-height:400px;
height: auto !important;
height:400px;
margin-left:2%;
margin-right:2%;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
position: relative;
top: 0px;
left: 0px;
z-index:30;
padding-bottom:20px;
}

#mainmenu
{
display:inline;
float:left;
width:22%;
min-width:192px;
height:auto;
position: relative;
top: 0px;
left: 0px;
z-index:85;
margin-bottom:200px;
}

#mainmenu ul
{
margin: 20px 0px 0px 0px;
padding:0px;
color: #E1DFDF;
font-size:0.9em;
list-style-type:none;
list-style-image:none;
}

#mainmenu ul li
{
margin: 0px 0px 6px 0px;
padding:0px;
}

#mainmenu a:link 	{color: #E1DFDF; text-decoration: none;      font: normal 1em times new roman; background-image: none; }
#mainmenu a:visited 	{color: #E1DFDF; text-decoration: none;      font: normal 1em times new roman; background-image: none; }
#mainmenu a:hover 	{color: #E1DFDF; text-decoration: none;      font: normal 1em times new roman; background: url(gfx/menubg.png) repeat-x center center; }
#mainmenu a:active 	{color: #E1DFDF; text-decoration: underline; font: normal 1em times new roman; background: url(gfx/menubg.png) repeat-x center center; }


#content
{
display:inline;
float:left;
width:43.9%;
height:auto;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #303030;
font-size:1.1em;
}

#contentgallery
{
display:inline;
float:right;
width:77%;
height:auto;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #303030;
font-size:1.1em;
background: url('/gfx/gallerybg.png') repeat-y center top;
}

#content ul,
#contentgallery ul
{
list-style-type:square;
}

#content h1,
#contentgallery h1
{
font-size:1em;
color:#DB175E;
margin-top:0px;
margin-bottom:0px;
margin-left:20px;
padding-bottom:0px;
}

#content p,
#contentgallery p
{
margin: 0px 0px 0px 20px;
padding:0px;
}

#footer
{
display:block;
float:left;
width:100%;
height:51px;
position:relative;
top:0px;
left:0px;
}

#footer ul
{
display:block;
float:left;
color:#DB175E;
font-size:0.8em;
width:90%;
height:41px;
margin: 10px 5% 0px 0px;
padding:0px;
list-style-type:none;
list-style-image:none;
text-align:center;
position:absolute;
top:0px;
left:5%;
z-index:24;
}

#footer ul li
{
display:inline;
margin:0px;
padding:0px;
}

#footerimg
{
margin-top:-188px;
position: relative;
top: 0px;
left: 0px;
z-index:20;
}


.footcopy
{
position: absolute;
bottom: 2px;
left: 2px;
margin:0px;
padding:0px;
z-index:27;
font-size:0.7em;
color:#8D8D8D;
}

.atdclink
{
position: absolute;
bottom: 2px;
right: 2px;
margin:0px;
padding:0px;
z-index:28;
font-size:0.7em;
}

.atdclink a:link    {color:#8D8D8D;}
.atdclink a:visited {color:#8D8D8D;}
.atdclink a:hover   {color:#8D8D8D;}
.atdclink a:active  {color:#8D8D8D;}


#rightgallery
{
display:inline;
float:right;
width:33%;
height:auto;
text-align:right;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}

#rightgallery h2
{
font-size:1em;
color:#DB175E;
margin-top:0px;
margin-bottom:10px;
margin-right:55px;
padding-bottom:0px;
}

#rightgallery img
{
float:right;
margin: 0px 0px 20px 20px;
border: 1px solid #090909;
}

#rightgallerycd
{
display:inline;
float:right;
width:33%;
height:auto;
text-align:right;
margin: 20px 0px 0px 0px; 
padding: 0px 0px 20px 0px;
}


#rightgallerycd img
{
float:right;
margin: 0px 0px 20px 20px;
border: none;
}

/** see js-vl.css for removed style **/

#slidecontainer
{
width: 300px;
height: 390px;
margin:0px;
padding:0px;
float:right;
}


/** photo gallery begin **/

#projthumbs
{
display:block;
float:left;
width:97%;
height:auto;
margin-left:20px;
padding:0px;
}

#projthumbs .projthumb
{
display:inline;
float:left;
width:170px;
height:190px;
margin: 0px 15px 20px -10px;
text-align:center;
font-size:0;
line-height:190px;
margin-bottom:5px;
vertical-align:middle;
background: url('/gfx/gallimgbg.gif') no-repeat center center;
}

#projthumbs .projthumb img
{
padding:6px;
background-color:transparent;
cursor:pointer;
border:none;
margin-bottom:0px;
vertical-align:middle;
}

#projthumbs .projthumb img:hover
{
background-color:#141414;
}

/** see js-vl.css for removed style **/

#popupbg
{
position: absolute;
top: 0px;
left:0px;
z-index: 1020;
cursor:pointer;
}


#galleryimg
{
display:none;
width: 100%;
height:auto;
position:absolute;
top: 0px;
left:0px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
text-align:center;
z-index: 1000;
}


#lrgimgcont
{
position: relative;
top: 0px;
left:0px;
width:auto;
margin-left:auto;
margin-right:auto;
padding-top:0px;
z-index: 1025;
background: url('/gfx/loading.gif') no-repeat center center;
}

#lrgimgcontb
{
position: relative;
top: 0px;
left:0px;
width:auto;
margin-left:auto;
margin-right:auto;
padding-top:0px;
z-index: 1025;
}


#galleryimg .galleryLimg
{
position: relative;
top: 0px;
left:0px;
border: none;
padding: 0px;
margin-left:auto;
margin-right:auto;
z-index: 1200;
}

#closeme
{
position: absolute;
top: 10px;
right:-32px;
border: none;
padding: 0px;
margin:0px;
z-index: 1210;
width:32px;
height:28px;
background: url('/gfx/closeimg.png') no-repeat center center;
}

a.backlinkt:link 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;position:absolute;top:-30px;right:0px;}
a.backlinkt:visited 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;position:absolute;top:-30px;right:0px;}
a.backlinkt:hover 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;position:absolute;top:-30px;right:0px;}
a.backlinkt:active 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;position:absolute;top:-30px;right:0px;}

a.backlinkb:link 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;position:absolute;bottom:-30px;right:0px;}
a.backlinkb:visited 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;position:absolute;bottom:-30px;right:0px;}
a.backlinkb:hover 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;position:absolute;bottom:-30px;right:0px;}
a.backlinkb:active 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;position:absolute;bottom:-30px;right:0px;}

.closelrgimg	      { cursor:pointer; }
a.closelrgimg:link    { display:block;float:right;color: #ffffff; text-decoration: none; 	   font-size:1.3em;margin-top:0px; }
a.closelrgimg:visited { display:block;float:right;color: #ffffff; text-decoration: none; 	   font-size:1.3em;margin-top:0px; }
a.closelrgimg:hover   { display:block;float:right;color: #ffffff; text-decoration: underline;font-size:1.3em;margin-top:0px; }
a.closelrgimg:active  { display:block;float:right;color: #ffffff; text-decoration: underline;font-size:1.3em;margin-top:0px; }

a.bluelink:link 		{color: #0042BB; text-decoration: underline; font: normal 1em times new roman;outline:none;}
a.bluelink:visited 	{color: #0042BB; text-decoration: underline; font: normal 1em times new roman;outline:none;}
a.bluelink:hover 	{color: #ffffff; text-decoration: none;      font: normal 1em times new roman;outline:none;}
a.bluelink:active 	{color: #0042BB; text-decoration: underline; font: normal 1em times new roman;outline:none;}


a:link 		{color: #ffffff; text-decoration: none; font: normal 1em times new roman;outline:none;}
a:visited 	{color: #ffffff; text-decoration: none; font: normal 1em times new roman;outline:none;}
a:hover 	{color: #ffffff; text-decoration: underline; font: normal 1em times new roman;outline:none;}
a:active 	{color: #ffffff; text-decoration: underline; font: normal 1em times new roman;outline:none;}

a.footlink:link 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;outline:none;}
a.footlink:visited 	{color: #DB175E; text-decoration: none;      font: bold 1em times new roman;outline:none;}
a.footlink:hover 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;outline:none;}
a.footlink:active 	{color: #DB175E; text-decoration: underline; font: bold 1em times new roman;outline:none;}


/* *** Admin Styling *** */


form
{
display:block;
float:left;
margin-left:30px;
}

.adminsubmit
{
display:inline;
float:left;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-left:0px;
margin-top:15px;
cursor:pointer;
}

.formrow
{
display:inline;
float:left;
margin-left:0px;
}

.eventedit
{
display:block;
float:left;
border-top: 1px dashed #303030;
margin-top:10px;
margin-left:30px;
padding: 10px 0px 10px 0px;
}


.eventedit .adminsubmit
{
display:inline;
float:left;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-left:0px;
margin-right: 10px;
margin-top:0px;
cursor:pointer;
}

.gigname
{
width:350px;
display:inline;
float:left;
margin:0px !important;
padding:0px;
}

.gigname span
{
font-size:0.7em;
}


#adminslidemanager
{
display:block;
float:left;
margin:0px;
padding:0px;
}

.hsadminthumb
{
display:inline;
float:left;
margin: 0px 15px 10px 5px;
padding: 5px 0px 5px 0px;
width:155px;
height:195px;
text-align:center;
border-bottom: 1px dashed #303030;
}

#slideupload
{
display:block;
float:left;
width:300px;
height:auto;
}

#slideupload .adminsubmit
{
display:inline;
float:right;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-right:15px;
margin-top:0px;
cursor:pointer;
}

.addmarg
{
margin-left:30px;
}


.curprojicon
{
display:inline;
float:left;
margin-left:30px;
width:280px;
margin-bottom:15px;
vertical-align:text-top;
}

.curprojicon img
{
vertical-align:text-top;
}

.avatmarg
{
margin-top: 80px;
}


#adminphotomanager
{
display:block;
float:left;
margin: 0px 0px 0px 30px;
padding: 20px 0px 0px 0px;
border-top: 1px dashed #303030;
width:95%;
}

#adminphotomanager .hsadminthumb
{
display:inline;
float:left;
margin: 0px 15px 10px 5px;
padding: 5px 0px 5px 0px;
width:215px;
height:245px;
text-align:center;
border-bottom: 1px dashed #303030;
overflow:hidden;
}

#adminphotomanager .hsadminthumb span
{
font-size:0.7em;
}

#adminphotomanager form
{
margin-left:0px !important;
}

#adminform
{
display:block;
float:left;
width:510px;
height:auto;
}


#adminform .adminadd
{
display:inline;
float:right;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-right:0px;
margin-top:0px;
cursor:pointer;
}

#adminform .adminaddb
{
display:inline;
float:right;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-right:83px;
margin-top:0px;
cursor:pointer;
}

#adminform .admincancel
{
display:inline;
float:left;
background: #DB175E url('/gfx/buttonbg.gif') repeat-x left top;
border: 1px solid #981142;
color: #000000;
font-weight:bold;
padding:3px;
margin-right:15px;
margin-top:-25px;
cursor:pointer;
}

#adminform label
{
display:inline;
float:left;
width:100px;
height:auto;
margin-right:10px;
}

#adminform select
{
display:inline;
float:left;
width:auto;
height:auto;
margin-right:0px;
}

#adminform input
{
display:inline;
float:left;
width:auto;
height:auto;
margin-right:0px;
}

#adminform textarea
{
display:inline;
float:left;
width:auto;
height:auto;
margin-right:0px;
margin-bottom:15px;
}

.error
{
display:none;
float:left;
width:auto;
height:auto;
margin-left:10px;
color:#D20000;
font-weight:bold;
}

.errorm
{
display:none;
width:auto;
height:auto;
color:#D20000;
font-weight:bold;
}

.pink
{
color:#DB175E;
font-weight:bold;
}

.xsmall
{
font-size:0.6em;
}

.hidden
{
display:none !important;
}


.slidegallery
{
display:none;
float:left;
width:200px;
height:150px;
margin: 0px 0px 0px -4px;
padding:0px;
overflow:hidden;
position:relative;
top:0px;
left:0px;
z-index:40;
background-color:#101010;
}

.flashoverlay
{
position:absolute;
top:0px;
left:0px;
z-index:50;
}

#content #photomap, #rightgallery #photomap
{
display:block;
float:left;
width:100%;
height:329px;
margin: 20px 0px 10px 0px;
padding:0px;
text-align:center;
}

#content #mapimgwrap, #rightgallery #mapimgwrap
{
display:block;
width:285px;
height:329px;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
position:relative;
top:0px;
left:0px;
}

#content #mapimgwrap img, #rightgallery #mapimgwrap img
{
border:0px !important;
}

#content #tkplocation
{
display:none;
float:left;
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:43px 130px 0px 0px;
cursor:pointer;
background: url('/gfx/click_contact.png') no-repeat right top;
}

#rightgallery #tkplocation
{
display:block;
float:left;
margin:0px;
padding:0px;
cursor:pointer;
}

#rightgallery .aberdeenimg
{
position:absolute;
top:30px;
left:118px;
}

#rightgallery .yorkimg
{
position:absolute;
top:135px;
left:155px;
}

#rightgallery .nottinghamimg
{
position:absolute;
top:180px;
left:185px;
}

#rightgallery .derbyimg
{
position:absolute;
top:185px;
left:165px;
}

#rightgallery .leicesterimg
{
position:absolute;
top:210px;
left:175px;
}

/** see js-vl.css for removed style **/

.ukmaplocat
{
cursor:pointer;
}

#curplocat
{
display:none;
float:right;
width:250px;
height:auto;
margin: 100px 0px 0px 0px;
padding:0px;
}

#curplocat h2
{
font-size:1.1em;
}

#curplocat img
{
border:0px;
}

#homeprojects
{
display:block;
float:right;
width:77%;
height:266px;
margin: 20px 0px 0px 0px;
padding:0px;
background: transparent url('/gfx/gallerybg.png') repeat-y center top;
text-align:left;
}

#homeprojects img
{
float:left;
margin: 0px 10px 8px 0px;
border:1px solid #131313;
max-width:105px;
max-height:130px;
}

#homeprojects h2
{
font-size:1.2em;
margin:0px;
padding:0px;
color:#DB175E;
}

#homeprojects h4
{
display:block;
float:left;
width:29%;
height:20px;
font-size:1em;
margin: 0px 0px 7px 0px;
padding: 4px 10px 4px 10px;
color:#DB175E;
background: transparent url('/gfx/homepbg.png') repeat left top;
border-bottom:1px dashed #242424;
}

#homeprojects h3
{
font-size:0.8em;
padding:0px;
color:#B7B7B7;
margin: 5px 0px 10px 0px;
}

#homeprojects p
{
padding:0px;
margin:0px;
font-size:0.9em;
}

#homeprojects .tr
{
text-align:right;
position:absolute;
bottom:10px;
right:10px;
}

#homeproja { display:inline;float:left;width:29%;height:210px;margin: 0px 2% 0px 0px;padding:10px;background: url('/gfx/homepbg.png') repeat left top;border-right:1px dashed #242424;position:relative;top:0px;left:0px;  }
#homeprojb { display:inline;float:left;width:29%;height:210px;margin: 0px 2% 0px 0px;padding:10px;background: url('/gfx/homepbg.png') repeat left top;border-right:1px dashed #242424;border-left:1px dashed #242424;position:relative;top:0px;left:0px;  }
#homeprojc { display:inline;float:left;width:29%;height:210px;margin: 0px 0% 0px 0px;padding:10px;background: url('/gfx/homepbg.png') repeat left top;border-left:1px dashed #242424;position:relative;top:0px;left:0px;  }

/** see js-vl.css for removed style **/

.hptxt
{
display:block;
float:left;
width:100%;
height:210px;
}

#homemap
{
border:none !important;
margin: 0px !important;
}

a.homemap:link 		{display:block;float:right;width:165px;height:190px;color: #101010; text-decoration: none; font: normal 1em times new roman;outline:none;background-image: none;}
a.homemap:visited 	{display:block;float:right;width:165px;height:190px;color: #101010; text-decoration: none; font: normal 1em times new roman;outline:none;background-image: none;}
a.homemap:hover 	{display:block;float:right;width:165px;height:190px;color: #101010; text-decoration: none; font: normal 1em times new roman;outline:none;background: url('/gfx/location_sml-h.png') no-repeat center center;}
a.homemap:active 	{display:block;float:right;width:165px;height:190px;color: #101010; text-decoration: none; font: normal 1em times new roman;outline:none;background: url('/gfx/location_sml-h.png') no-repeat center center;}

#contactform
{
display:block;
float:left;
width:100%;
height:auto;
margin:0px;
padding:0px;
position:relative;
top:0px;
left:0px;
}

#contactform label
{
display:inline;
float:left;
width:120px;
height:auto;
margin: 0px 10px 0px 0px;
padding: 4px 4px 6px 8px;
background-color:#151515;
border-right:1px dashed #242424;
color:#DB175E;
font: bold 0.9em times new roman;
}

#contactform .tkptxtarea
{
display:inline;
float:left;
width:300px;
height:200px;
margin: 0px;
padding: 3px;
border-right: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
border-left:1px dashed #242424;
font: normal 1em times new roman;
background-color:#EFEFEF;
}

#contactform .tkpinput
{
display:inline;
float:left;
width:300px;
height:23px;
margin: 0px;
padding: 3px 3px 0px 3px;
border-right: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
border-left:1px dashed #242424;
font: normal 1em times new roman;
background-color:#EFEFEF;
}

#contactform .blnklbl
{
display:inline;
float:left;
width:120px;
height:auto;
margin: 0px 11px 0px 0px;
padding:4px;
background-color:transparent;
border-right:0px;
}

#contactform p
{
margin-left:0px;
}


#contactformblkr
{
display:block;
float:left;
width:82%;
height:100%;
margin:0px;
padding:0px;
position:absolute;
top:0px;
left:0px;
z-index:200;
background: url('/gfx/darkbg.png') repeat left top;
}

#contactformblkr p
{
text-align:center;
padding-top:200px;
padding-bottom:200px;
font-weight:bold;
font-size:1.2em;
color:#DB175E;
}

/** see js-vl.css for removed style **/

#contactform .tkpsubmit
{
display:inline;
float:left;
width:auto;
height:auto;
margin: 0px 0px 0px 4px;
padding: 2px 16px 2px 16px;
border: 0px;
color:#000000;
background-color:#DB175E;
font: bold 0.9em times new roman;
cursor:pointer;
}

/** see js-vl.css for removed style **/