body{
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#000000;margin:0px;
}

#wrapper{
width:850px;
height:auto;
margin:auto;
}

#header{
padding:0px;
margin:0px;
width:850px;
clear:both;
}


#navigation{
	height:34px;
	margin-left:38px;
	margin-right:30px;
	padding-top:0px;
	clear:both;
}

/*** Superfish SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;	
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a:link, .sf-menu li li a, .sf-menu a:visited, .sf-menu a:active   { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
	background:		#404040  url(http://www.datamole.co.uk/assets/editor/uploaded/images/nav-over.png) repeat-x left top;
}
.sf-menu li {
	background:		#404040;
}
.sf-menu li li {
	background:		#404040;
}
.sf-menu li li li {
	background:		#404040; 
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#FF85BA  url(http://www.datamole.co.uk/assets/editor/uploaded/images/nav-over.png) repeat-x left top;
	color:          #000000;
	outline:		0;
}

.sf-menu { position:relative !important; overflow:visible !important; z-index:80; }
.sf-vertical { position:relative !important; overflow:visible !important; z-index:70; }

#content{
width:820px;
height:auto;
min-height:400px;
height:expression(document.body.clientHeight < 400? "400px" : "auto");
overflow:auto;
padding-left:10px;
padding-right:10px;
clear:both;
}


#left{
width:560px;
height:auto;
overflow:auto;
padding-left:15px;
padding-right:15px;
margin-left:10px;
float:left;
font-size:14px;
color:#000000;}

#left a:link {
color:#FF85BA;
text-decoration: none;
} 

#left a:visited {
color:#FF85BA;
text-decoration: none;
}

#left a:hover {
color:#292929;
text-decoration: none;
}

#left a:active {
color:#FF85BA;
text-decoration: none;
}

#right{
width:190px;
height:auto;
float:right;
padding-left:10px;
clear:left;
color:#c2c2c2;
padding-top: 0px;
margin-right: 3px;
}

.sidepanel {
color:#000000;background-color:#FFFFFF;height:auto;
overflow:auto;
width:176px;
margin-left:1px;
clear:both;
padding-left:5px;
padding-right:10px;
margin-top:5px;
margin-bottom:5px;
}

#right h1 {
color:#FFFFFF;
font-size:80%;
font-weight:normal;
clear:both;
}

#h2 {
color:#ffe4e1;
font-size:100%;
font-weight:normal;
clear:both;
}

#footer{
color:#000000;width:850px;
margin:auto;
overflow:auto;
clear:both;
}

#footer a:link {
color:#FF85BA;
text-decoration: none;
} 

#footer a:visited {
color:#FF85BA;
text-decoration: none;
}

#footer a:hover {
color:#212121;
text-decoration: none;
}

#footer a:active {
color:#FF85BA;
text-decoration: none;
}

/* isc */
a:link {
color:#FF85BA;
text-decoration: none;
} 

a:visited {
color:#FF85BA;
text-decoration: none;
}

a:hover {
color:#292929;
text-decoration: none;
}

a:active {
color:#FF85BA;
text-decoration: none;
}

.warning {
	color:#FF0000;
	}
label {
	float:left;
	margin-right:10px;
	width:180px;
	font-weight:bold;	
	}	
.pwd label {
	float:left;
	margin-right:10px;
	width:200px;
	font-weight:bold;
	}	
.left {
	float: left;
	padding-right:20px;
	}
.right {
	float: right;	
}
/* tables */
table {
	border-collapse: collapse;
	width: 90%;
	font-size: 1.1em;
}

.stripeMe th {
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	line-height: 1.2;
	padding-left:20px;
}

.stripeMe td {
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

.stripeMe td * {
	padding: 6px 11px;
}

.stripeMe tr.alt td {
	background:#404040;
}

.stripeMe tr.over td {
	background: #FF85BA;
}

.thumbImage {
	margin:auto;
	width:auto;
	height:auto;	
	}
#gallery {
	width:600px;
	height:auto;
	}
ul#portfolio li img{
    margin-left:-20px;
    border:none;
    list-style:none;
    z-index:9999999999999999;
}

#portfolio li {
padding:0px;
list-style:none;
margin-left:15px;
height: 190px;
}

ul.showp{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.showp li{
float:left;
padding:5px;
position:relative;
list-style:none;
}

ul.showp li a img{
border:4px solid #4d7389;
}

ul.showp li a:hover img{
border:4px solid #dc882f;
}

.image {
	float: left;
	margin: 0px 10px 5px 0px; /*top right bottom left*/
	border: 2px solid #4d7389;
}

img {
	border:none;
}

#search {
	clear:both;
	float:right;
	width:400px;
	padding-top:20px;
	}
.searhcbtn {
	background-color:#4d7389;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	}
#add {
     float:right;
     padding-top:103px;
     padding-right:130px;
     font-size:1.1em;
     line-height:60%;
     text-align:right;
     }