#shadow { 
width: 952px; 
height: auto; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 0px; 
padding: 0px; 
background-image: url("../images/shadow.png"/*tpa=http://www.onlywebdesign.co.uk/images/shadow.png*/); 
background-repeat: repeat-y; 
}

/* Main content wrapper */

#wrapper { 
width: 920px; 
height: auto; 
background: #201b11;
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px; 
padding: 0px; 
}

/* HEADER AREA */

/* Gradient at page top */

#topgradient {
width: 920px;
height: 2px;
background-image: url("../images/top_gradient.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/top_gradient.jpg*/);
margin: 0px;
padding: 0px;
}

/* Main header area - to house logo and menu */

#header {
font: bold 14px verdana; color: #ddd;
width: 880px;
height: 76px;
padding: 15px 20px;
background-image: url("../images/header_bg.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/header_bg.jpg*/);
}

/* Menu (Logo comes under Image Replacement at the top) */

#header ul { width: 530px; height: 35px; position: relative; float: right; clear: none; margin-top: -65px; }
#header ul li { margin-left: 0px; padding: 0px 5px 0px 7px; border-left: 2px solid #ff7e00; list-style: none; display: inline; }
#header ul li.first { margin-left: 0px; border-left: none; list-style: none; display: inline; }
#header a:link { font: bold 16px "trebuchet ms"; text-decoration: none; color: #fff; }
#header a:visited { font: bold 16px "trebuchet ms"; color: #afa194; }
#header a:active { font: bold 16px "trebuchet ms"; color: #666; border-bottom: 1px solid #ff7e00;}
#header a:hover { font: bold 16px "trebuchet ms"; color: #bbb; border-bottom: 1px solid #a15725; }

/* Homepage - blurb area */

#homeblurb {
width: 920px;
height: 320px;
background-image: url("../images/homeblurb_bg.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/homeblurb_bg.jpg*/);
margin: 0px;
padding: 0px;
}

/* Homepage - Blurb div settings */

.blurb {
        float: left;
        clear: none;
        width: 240px;
        height: 250px;
        margin: 35px 0px 0px 30px;
        overflow: hidden;
        font: 10px verdana; color: #ddd;
}

.blurbbreak {
    padding-right: 35px;
    border-right: 1px solid #463f2e;
}

.blurb img {
    margin: 12px 12px 5px 0px;
}

/* Homepage - includes area */

#includes {
width: 920px;
height: 307px;
background-image: url("../images/includes.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/includes.jpg*/);
margin: 0px;
padding: 0px;
}

/* Homepage - Include div settings */

.hpinclude {
        float: left;
        clear: none;
        width: 180px;
        height: 255px;
        margin: 25px 0px 0px 25px;
        overflow: hidden;
        font: 11px verdana; color: #a15725;
}

.hpincludebreak {
    padding-right: 15px;
    border-right: 1px dashed #72492d;
}

/* Internal pages - main body area */

#internalmainbody {
width: 900px;
height: auto;
display: block;
background: #542e16 url("../images/pattern_tile.gif"/*tpa=http://www.onlywebdesign.co.uk/images/pattern_tile.gif*/);
margin: 0px;
padding: 10px;
}

/* Internal pages - left column */

#internallcol {
width: 562px;
height: auto;
position: relative;
float: left;
clear: none;
background: #231f14 url("../images/lcol_topshine.gif"/*tpa=http://www.onlywebdesign.co.uk/images/lcol_topshine.gif*/) no-repeat top;
margin-right: 10px;
padding: 20px 44px 40px 44px;
border: 1px solid #694711;
font: 14px verdana; color: #a15725;
line-height: 18px;
}

/* Internal pages - Info breaks */

#internallcol .break {
padding: 20px 10px;
margin: 2px;
border-top: 1px solid #694711;
border-left: 1px dashed #231f14;
border-right: 1px dashed #231f14;
}

#internallcol .break:hover {
background: #1e1b11;
border-top: 1px solid #7a5822;
border-left: 1px dashed #2f2919;
border-right: 1px dashed #2f2919;
}

.banner {
margin: 20px 0px;
}

#internallcol .break h2 {
display: inline;
padding: 0px 0px 13px 37px;
background: url("../images/package_logo.png"/*tpa=http://www.onlywebdesign.co.uk/images/package_logo.png*/) no-repeat left;
font: bold 18px "trebuchet ms"; color: #b15c23;
}


/* Pullquotes */

.quote {
	font: bold 15px "trebuchet ms";
	width: 170px;
	background: #48413c url("../images/quote.gif"/*tpa=http://www.onlywebdesign.co.uk/images/quote.gif*/) no-repeat center;
	padding: 20px;
	float: right;
	margin: 20px 0 10px 10px;
	color: #ccc;
	text-align: center;
	border: 1px solid #693c1d;
}

.quote p {
display: inline;
}

/* Internal pages - right column */

#internalrcol {
width: 168px;
height: auto;
position: relative;
float: right;
clear: none;
background: #231f14 url("../images/rcol_flowers.gif"/*tpa=http://www.onlywebdesign.co.uk/images/rcol_flowers.gif*/) no-repeat bottom right;
padding: 20px 34px 250px 34px;
border: 1px solid #694711;
font: 12px verdana; color: #a15725;
}

#internalrcol h1 {
font: bold 12px verdana; color: #eb6d20;
display: inline;
}

#internalrcol img {
float: left;
margin: 0px 5px 0px 0px;
border: 1px solid #693c1d;
}

/* Footer area - to house footer menu and copyright notice */

#footer {
width: 920px;
height: 80px;
display: block;
background: #100e09;
margin: 0px;
padding: 0px;
}

/* Footer menu */

#footer ul { width: 920px; height: 15px; position: relative; top: 30px; left: 30px; margin: 0px; }
#footer ul li { margin-left: 0px; padding: 0px 5px 0px 7px; border-left: 2px solid #603508; list-style: none; display: inline; }
#footer ul li.first { margin-left: 0px; border-left: none; list-style: none; display: inline; }
#footer a:link { font: bold 12px Trebuchet-MS; text-decoration: none; color: #58544d; }
#footer a:visited { font: bold 12px Trebuchet-MS; text-decoration: none; color: #afa194; border-bottom: 1px solid #222; }
#footer a:active { font: bold 12px Trebuchet-MS; color: #666; border-bottom: 1px solid #ff7e00;}
#footer a:hover { font: bold 12px Trebuchet-MS; text-decoration: none; color: #ddd; border-bottom: 1px solid #a15725; }

/* Copyright notice */

#copynotice {
width: 380px;
height: 35px;
position: relative;
top: 20px;
right: -500px;
font: bold 13px Trebuchet-MS; text-decoration: none; color: #58544d;
margin: 0px;
}

/* Gradient at page bottom */

#bottomgradient {
width: 920px;
height: 2px;
background-image: url("../images/top_gradient.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/top_gradient.jpg*/);
margin: 0px;
padding: 0px;
}

/* General classes */

.alignvertical {
    vertical-align: top;
}

.lightboxthumbs {
    border: solid 1px #262217;
}

.lightboxthumbs:hover {
    border: solid 1px #fff;
}

.workthumbs {
    border: solid 1px #7a5822;
    margin: 3px;
    padding: 0px;
}

.workthumbs:hover {
    border: solid 1px #fff;
    margin: 3px;
    padding: 0px;
}

a {
    color: #f06e20 ;
    text-decoration: none;
}

/* Image replacement */

.ir{ 
        background-repeat: no-repeat;
        overflow: hidden;
        voice-family: "\"}\"";
        voice-family:inherit;
}

/* Image specific replacement classes */

.onlywebdesign {
    padding-top: 74px;
    width: 168px;
    height: 0;
    background-image: url("../images/onlywebdesign.png"/*tpa=http://www.onlywebdesign.co.uk/images/onlywebdesign.png*/);
    margin-top: -4px;
}

.bigpic {
    padding-top: 218px;
    width: 920px;
    height: 0;
    background-image: url("../images/bigpic_01.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_01.jpg*/);
    margin: 0px;	
}

.thebigpicture {
    background-image: url("../images/bigpic_01.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_01.jpg*/);
}

.thebigpicture2 {
    background-image: url("../images/bigpic_02.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_02.jpg*/);
}

.thebigpicture3 {
    background-image: url("../images/bigpic_03.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_03.jpg*/);
}

.thebigpicture4 {
    background-image: url("../images/bigpic_04.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_04.jpg*/);
}

.thebigpicture5 {
    background-image: url("../images/bigpic_05.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_05.jpg*/);
}

.thebigpicture6 {
    background-image: url("../images/bigpic_06.jpg"/*tpa=http://www.onlywebdesign.co.uk/images/bigpic_06.jpg*/);
}

.onlyblurbheader {
    padding-top: 28px;
    width: 162px;
    height: 0;
    margin-bottom: 8px;
}

.onlyforyou { background-image: url("../images/only_foryou.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_foryou.png*/); }
.onlyaboutus { background-image: url("../images/only_aboutus.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_aboutus.png*/); }
.onlywork { background-image: url("../images/only_ourwork.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_ourwork.png*/); }

.readmore {
    padding-top: 11px;
    width: 134px;
    height: 0;
    background-image: url("../images/readmore.png"/*tpa=http://www.onlywebdesign.co.uk/images/readmore.png*/);
    float: right;
    clear: none;
    margin-top: 12px;
}

.readmore:hover, .readmore2:hover { cursor: pointer; } 

.readmore2 {
    margin-top: 10px;
    padding-top: 10px;
    width: 125px;
    height: 0;
    background-image: url("../images/readmore2.png"/*tpa=http://www.onlywebdesign.co.uk/images/readmore2.png*/);
    float: right;
    clear: none;
}

.incheader {
    padding-top: 18px;
    width: 116px;
    height: 0;
    margin-bottom: 6px;
}

.onlyservices { background-image: url("../images/only_services.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_services.png*/); }
.onlypackages { background-image: url("../images/only_packages.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_packages.png*/); }
.onlynewsletter { background-image: url("../images/only_newsletter.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_newsletter.png*/); }
.onlycontact { background-image: url("../images/only_contact.png"/*tpa=http://www.onlywebdesign.co.uk/images/only_contact.png*/); }

.lcolheader {
    padding-top: 64px;
    width: 573px;
    height: 0px;
    margin: 0px;
    color: #231f14;
}

.lcolaboutus {
    background-image: url("../images/header_lcol_aboutus.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_aboutus.gif*/);
}

.lcolservices {
    background-image: url("../images/header_lcol_services.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_services.gif*/);
}

.lcolwork {
    background-image: url("../images/header_lcol_ourwork.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_ourwork.gif*/);
}

.lcolcontact {
    background-image: url("../images/header_lcol_contactus.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_contactus.gif*/);
}

.lcolcontactbudget {
    background-image: url("../images/header_lcol_form01.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_form01.gif*/);
}

.lcolcontactcustom {
    background-image: url("../images/header_lcol_form02.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_form02.gif*/);
}

.lcolcontactgeneral {
    background-image: url("../images/header_lcol_form03.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_form03.gif*/);
}

.rcolcontact {
    padding-top: 24px;
    width: 150px;
    height: 0;
    background-image: url("../images/header_rcol_contact.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_rcol_contact.gif*/);
    margin-bottom: 20px;
}
.rec {
    padding-top: 24px;
    width: 150px;
    height: 0;
    background-image: url("../images/recomandare.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_rcol_contact.gif*/);
    margin-bottom: 20px;
}

/* Service section headers */

.lcolecommerce {
    background-image: url("../images/header_lcol_ecommerce.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_ecommerce.gif*/);
}

.lcolhosting {
    background-image: url("../images/header_lcol_hosting.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_hosting.gif*/);
}

.lcolleaflet {
    background-image: url("../images/header_lcol_leafletdesign.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_leafletdesign.gif*/);
}

.lcollogo {
    background-image: url("../images/header_lcol_logodesign.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_logodesign.gif*/);
}

.lcolseo {
    background-image: url("../images/header_lcol_seo.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_seo.gif*/);
}

.lcolads {
    background-image: url("../images/header_lcol_onlineads.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_onlineads.gif*/);
}

.lcolappdev {
    background-image: url("../images/header_lcol_appdev.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_appdev.gif*/);
}

.lcolcms {
    background-image: url("../images/header_lcol_cms.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_cms.gif*/);
}

.lcoldomains {
    background-image: url("../images/header_lcol_domainnames.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_domainnames.gif*/);
}

.lcolses {
    background-image: url("../images/header_lcol_sesubmission.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_sesubmission.gif*/);
}

.lcolwebsites {
    background-image: url("../images/header_lcol_websitedesign.gif"/*tpa=http://www.onlywebdesign.co.uk/images/header_lcol_websitedesign.gif*/);
}

/* Valid XHTML and CSS link styles */

#validbox {
width: 920px;
height: 20px;
background: #201b11;
margin: 0px;
padding: 8px 0px;
text-align: center;
}

#validbox a{
	font: 12px verdana;
	color: #58544d;
	text-decoration: none;
}

/* Lightbox 2.0 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("../images/prevlabel.gif"/*tpa=http://www.onlywebdesign.co.uk/images/prevlabel.gif*/) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../images/nextlabel.gif"/*tpa=http://www.onlywebdesign.co.uk/images/nextlabel.gif*/) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.anImageleft{
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin: 3px 10px 3px 3px;
	float:left;
}
#acc {
visibility:hidden;
position:absolute;
left:0px;
top:0px;
}
#acc h1 {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#acc p {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#cccccc;
}