* {
	padding:0px;
	margin:0px;
	border:0px;
}

html {
	height: 100%; 
	margin-bottom: 1px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

#homepagebg {
	background-image: url(../images/indexbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
#wrapper {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}
#menuglobal {
	position: relative;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
}
#nav, #nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav a{
	color: #c9bdaf;
	text-decoration: none;
        font-weight: bold;
}
#nav a:hover{
	color: #ffffff;
	text-decoration: none;
}
#nav ul li a {
	display: inline;
	width: 145px;
}

#nav li {
	float: left;
	padding-right: 45px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}

#nav li ul {
	position: absolute;
	left: -999em;
	top: 40px;
	width:565px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../images/black/submenubg.png);
	padding-bottom: 15px;
	background-color: #333333;
	color: #FFFFFF;
}
#nav li ul li {
	float: left;
	padding-right: 25px;
	padding-left: 32px;
}

#nav li:hover ul {
	left: 20%;
	position: absolute;
}
#nav li:hover ul a{
    font-size:12px;
	color: #c9bdaf;;	
}
#nav li:hover ul a:hover{
	color: #ffffff;	
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 20%;
	position: absolute;
}
.overed{
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #dddddd;
padding-top: 25px;
}
.atpage{
	color: #ffffff;
	text-decoration: none;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #F37221;
}
a:hover, .subatpage, a.selected {
	text-decoration: none;
	color: #79A314;
}






#top {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
#middle {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 380px;
}
#footer {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 30px;
}
#bottom {
	position: relative;
	height: 250px;
	background-color: #150208;
	color: #eee0af;
}
#leftcol {
	width: 540px;
	padding-right: 20px;
	padding-left: 0px;
	float: left;
}
#rightcol {
	padding-right: 0px;
	padding-left: 0px;
	width: 364px;
	float: left;
	margin-bottom: 20px;
}
.clear
{
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 100%;
	line-height: 0px;
}

#rightcol .order {
	margin-left: 65px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#colone {
	width: 24%;
	padding-right: 18px;
	padding-left: 18px;
	float: left;
	background-image: url(../images/lines.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 180px;
}
#coltwo {
	width: 29%;
	padding-right: 18px;
	padding-left: 18px;
	float: left;
	background-image: url(../images/lines.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 180px;
}
#colthree {
	padding-right: 18px;
	padding-left: 18px;
	float: left;
	width: 35%;
	height: 180px;
}
#coltwo .enquires {
	float: left;
	margin-right: 12px;
	border: 5px solid #af994e;
}
.blue {
	color: #006FB9;
}
.green {
	color: #79a314;
}
.pink {
	color: #ef0054;
}
.orange {
	color: #F37221;
}
.grey {
	color: #CCCCCC;
}
#leftmainblock {
	margin-bottom: 40px;
	text-align: justify;
}
#leftmainblock p {
	margin-bottom: 30px;	
}
#leftminiblock {
	margin-bottom: 20px;
	background-image: url(../images/leftpanelbox.png);
	background-repeat: no-repeat;
	height: 200px;
	padding-left: 30px;
	padding-right: 30px;
	width: 480px;
	background-position: center top;
	line-height: 1.2em;
	padding-top: 30px;
	font-size: 16px;
	text-align: justify;
}
#leftminiblock li {
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 12px;
	list-style-image: url(../images/list.gif);
}
#leftmainblock li {
	list-style-image: url(../images/list.gif);
	margin-bottom: 20px;
	margin-left: 30px;
	padding-left: 10px;
}
#subul{
	padding-left: 20px;
	margin-left: 10px;
	padding-top: 15px;

}
#footer li {
	margin-left: 30px;
}
#advbox {
	background-image: url(../images/rightpanelbox.png);
	background-repeat: no-repeat;
	height: 243px;
	margin-left: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.5em;
	background-position: left top;
	padding-top: 30px;
}
#advbox li {
	margin-left: 30px;
}

h3 {
	font-size: 17px;
	margin-bottom: 15px;
}
h2 {
	margin-bottom: 15px;
}
p {
	margin-top: 8px;
	margin-bottom: 8px;
}

#rightmainbox {
	margin-left: 20px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 20px;
	padding-bottom: 15px;
	text-align: justify;
	margin-top: 0px;
}
#rightmainbox p {
	margin-bottom: 20px;
}
#rightmainbox li {
	margin-left: 25px;
	list-style-image: url(../images/list.gif);
	padding-left: 10px;	
}
#includedlabel {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
#rightwrappermiddle {
	background-image: url(../images/rightpanelmiddle.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
#rightwrappertop {
	background-image: url(../images/rightpaneltop.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
}
#rightwrapperbottom {
	background-image: url(../images/rightpanelbottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
}
.includedimage {
	border: 6px solid #E6E6E6;
	margin-left: 10px;
}
.paypal {
	margin-left: 20px;
	margin-top: 30px;
}
input{
	border: 1px solid #999999;
	background-color: #F7F7F7;
	width: 375px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
textarea{
	border: 1px solid #999999;
	background-color: #F7F7F7;
	width: 400px;
	height: 150px;
	padding: 2px;
}
select {
	border: 1px solid #999999;
	background-color: #F7F7F7;
	width: 405px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.sendbtn {
	width: 80px;
	background-image: none;
	padding: 2px;
	float: right;
	margin-right: 5px;
}

#form p{
	margin-bottom: 10px;
}
.bold {
	font-weight: bold;
}
.smallnote {
	font-size: 12px;
	color: #E10000;
	font-weight: bold;
}
label {
	display: block;
	text-align: right;
	width: 120px;
	float: left;
	margin-right: 8px;
}
form p {
	margin-bottom: 25px;
}
#icreationslab{
	position: relative;
	background-color: #1f1b1d;
	color: #eee0af;
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
#icreationslabwrapper {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 11px;

}
#box1{
	position:absolute;
	width: 240px;
}
#box1 span{
	display:block;
	float:left;
	margin-bottom: 30px;
}

.mask1{
	position:relative;
	width:267px;
	height:219px;
	overflow:hidden;
	border: 6px solid #CCCCCC;
	margin-bottom: 30px;
}
span img{
	display:block;
	border:none;
}
#doneapprovedbox {
	margin-bottom: 20px;
	background-image: url(../images/leftpanelbox.png);
	background-repeat: no-repeat;
	height: 200px;
	padding-left: 30px;
	padding-right: 30px;
	width: 480px;
	background-position: center top;
	line-height: 1.2em;
	padding-top: 30px;
	font-size: 16px;
	color: #CCCCCC;
}
#donecontentblock {
	margin-bottom: 40px;
	color: #CCCCCC;
}#includedimage li {
	margin-bottom: 80px;
}
#portfolioimage {
	padding: 5px;
	margin: 20px;
	border: 10px solid #F0F0F0;
}

#alignleft {
	text-align: left;
}




#about h2, #contact h3, #samples h3, #tags h3 { overflow: hidden; height: 16px; background: url(../images/headers.png) no-repeat; text-indent: -10001px; }
#samples { margin: 0 0 15px; padding: 0 0 5px; background: url(../images/separator-b.gif) 50% 100% no-repeat; }
#samples h3 { background-position: 0 -37px; }
#samples p.image { overflow: hidden; width: 100%; }
#samples p.image a { float: left; padding: 3px; border: 10px solid #3C3733; }
#samples p.image a:hover { border-color: #2E2D2B; }
#samples p.image a img { float: left; }
#samples ul.index { display: inline; position: relative; float: right; list-style: none; margin: -29px 5px 0 0; padding: 0; }
#samples ul.index li { display: inline; float: left; margin: 0 0 0 3px; font-size: 1em; line-height: 1; }
#samples ul.index li a { overflow: hidden; float: left; width: 16px; height: 19px; background: #948e69 url(../images/paging.gif) no-repeat; color: #fff; text-decoration: none; text-indent: -10001px; }
#samples ul.index li.next a { background-position: 100% 0; } 
#samples ul.index li a:hover, #samples ul.index li a:focus { background-color: #2E2D2B; }
   #samplecontainer {
	width: 364px;
	padding-top: 45px;
	float: right;
	margin-right: 80px;
}


#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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }




	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 540px; height: 550px; background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center} 

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 540px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 550px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 540px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav { display: none }

		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
#subscribe {
	width: 550px;
}
.sendbtn2 {
	background-image: none;
	padding: 2px;
	margin-right: 5px;
	width: 200px;
}


.LV_validation_message{
	font-weight:bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	display: none;
}

.LV_valid {
	color:#00CC00;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 12px;
}
	
.LV_invalid {
	color:#CC0000;
	font-size: 12px;
	padding-left: 120px;
	display: block;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	border: 1px solid #00CC00;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	vertical-align: middle;
	background-image: url(../images/tickbg.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}
textarea.LV_valid_field,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	border: 1px solid #00CC00;
	vertical-align: middle;
	padding: 5px;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	border: 1px solid #CC0000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
textarea.LV_invalid_field,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	border: 1px solid #CC0000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: middle;
}
.tnc {
	font-size: 11px;
	font-style: italic;
	color: #666666;
}