/*
Default stylesheet for: 	
		www.gardinerdesigns.co.uk
*/

@import url(stylex.css); 

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:visited{
	color: #666666;
	text-decoration: none;
	display: inline;
}
a:hover,a:active{
	color: Black;
	text-decoration:none;
	display: inline;
}

body{ 
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: small; 
	background-color: white;
	color: black;/*#58585a;*/
	text-align: center;
	margin : 0;
	padding : 0;
}

td{ 
	font-size: small;
	background-color: transparent; 
}

p{ 
	font-size: small;
	background-color: transparent; 
	margin-top: 0px;
}

h1 { 
	font-size: small; 
	color: #660033; 
/*	background-color: #ffffff; */
	background-image: none;
/*	letter-spacing : 1px;  */
	font-weight : bold;
	display: inline
}

h2 { 
	color: #92A86C;
	font-size: small; 
	font-weight : bold;
	display: inline;
}

h3 { 
	color: #92A86C;
	font-size: small; 
	font-weight : bold;
	display: inline;
}

h4 { 
	font-size: small; 
	color: #003399; 
	font-weight : normal;
	display: inline
}

hr { 
	color: #92A86C; 
	background-color : #92A86C;
	height: 1px;
}

ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: disc;
	margin-top: 0px;
}

li {
	text-align : left;
}

img {
	border: 0px;
	margin-right: 6px;
}

table{
	background-color: White;
	border: 0px;
}

html { 
	height: 101%; 
	margin-bottom: 1px;
	/*overflow: visible;*/
}

input { 
	font-size: x-small; 
	color: #92A86C;	
	background-color: White;
	margin-left : 5px;
	padding-left : 4px;
	padding-right : 4px;
	border : 1px solid #92A86C;
	font-weight: bold;
} 

textarea { 
	font-size: x-small; 
	color: #333333;
	background-color: White;
	margin-left : 5px;
	padding-left : 4px;
	padding-right : 4px;
	margin-bottom : 2px;
	border : 1px solid #92A86C;
} 
/* ----------------------- Firefox Specific -------------------------------------------- */
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}

/* ----------------------- Page Layout -------------------------------------------- */

div.page{
	width:850px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	text-align:left;
	
	float: inherit;
	position: relative;
}

div.header {
	/*width: 820px;*/
	padding-left: 158px;
	background-color: white;
	border: 0px;
	position: static;
}

/*div.main {
	width: 854px;
	margin-top: 4px;
	background-color: White;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 50px;	
	
	float: left;
	position: static;
}
*/

div.main {
	padding: 0px;
	margin: 0px;
	
	border-left: 1px solid #72797e;

	/*background-color: #E6FFCC;*/
	top: 23px;	
	
	float: left;
	position: relative;
	display: inline;
}

div.content {
	width: 679px; /* 909-5-140-53*/
	/*background-color: #CCCCFF;*/

	border-left:1px solid #72797e;

	margin-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	position: relative;
	z-index: 0;
}
	div.content form{
		/*font-size: 12px;*/
		border-top: 1px solid #92A86C;
		float: left;	
	}
	div.content span{
		/*font-size: 12px;*/
		width: 50px;
		float:left;
	}

	
div.footer {
	font-size: 11px;
	text-align: left;
	/*vertical-align: middle;*/
	
	/*top: 50px;*/
	width: 840px; /* 682px;  */
	margin-top: 20px;
	border-top: 1px solid #666666;
	height: 50px;
	padding-top: 15px;

	float: left;
	position: relative;
	text-indent: 192px; /* 187px;*/
}
	div.footer a, div.footer a:link, div.footer a:visited  {
		TEXT-DECORATION: none;
		font-size:11px;
		color: #72797e;
	}
	div.footer a:hover, div.footer a:active{
	   COLOR: black;
		TEXT-DECORATION: none;
	}
	
div.footertext {
	left:227px;
	float: none;
	position: relative;

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.popbanner{
	font-size: 15px;
	text-align: center;
	vertical-align: middle;

	padding-top: 10px;
	padding-bottom: 10px;

	background-color: #737a7e;
	color: white;
}	

.poptext{
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: Black;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.popbannername{
	font-size: 15px;
	font-weight: bold;
	display: inline
}	
.popbannermcsd{
	font-size: 11px;
	font-weight: bold;
	display: inline
}	

.popclose{
	font-size: 12px;
	text-align: right;
	color: #666666;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.popimgbanner{
	font-size: 24px;
	/*font-weight: bold;*/
	text-align: center;
	vertical-align: middle;

	padding-top: 20px;
	padding-bottom: 20px;

	background-color: #737a7e;
	color: white;
}	
.popimgfooter{
	font-size: 12px;
	font-weight: 900;

	text-align: left;
	vertical-align: middle;

	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 92px;
	padding-right: 10px;

	background-color: #8f959a;
	color: white;

	width: 380px;
	
	position: relative;
	float: left;
	display: inline;
}	
.popimgfooter-information{
	font-size: 12px;
	font-weight: 500;

	text-align: left;
	vertical-align: middle;

	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;

	background-color: #58585A;/*#8f959a;*/
	color: white;

	width: 430px;
	
	position: relative;
	float: left;
	display: inline;
}	
.popimgfooter-ceramics{
	font-size: 12px;
	font-weight: 500;

	text-align: left;
	vertical-align: middle;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	padding-right: 10px;

	background-color: #58585A;/*#8f959a;*/
	color: white;

	width: 430px;
	
	position: relative;
	float: left;
	display: inline;
}	
	.popimgfooter-ceramics p{
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: 900;
	}	
	.popimgfooter-ceramics a, .popimgfooter-ceramics a:visited{
	font-size: 12px;
	font-weight: 900;
	color: white;
	text-decoration:underline;
	display: inline;
	}
	.popimgfooter-ceramics a:hover,.popimgfooter-ceramics a:active{
	font-size: 12px;
	font-weight: 900;
	color: #CCCCCC;
	text-decoration:none;
	display: inline;
	}	
.popbody{
	background-color: #8f959a;
	color: white;
}	
.popbody-ceramics{
	background-color: #58585A;
	color: white;
}	

.popbody-information{
	background-color: #58585A;
	color: white;
}	

.popimg{
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: Black;
	padding-left: 00px;
	padding-right: 00px;
	padding-bottom: 15px;
	padding-top: 4px;
}

.popcloseimg{
	font-size: 12px;
	font-weight: 900;

	color: White;

	Width: 100px;
	
	position: absolute;
	left: 457px;
	top:650px;	
}	
	.popcloseimg a, .popcloseimg a:visited{
	font-size: 12px;
	font-weight: 900;
	color: white;
	text-decoration:none;
	display: inline;
	}
	.popcloseimg a:hover,.popcloseimg a:active{
	font-size: 12px;
	font-weight: 900;
	color: #CCCCCC;
	text-decoration:none;
	display: inline;
	}

.popcloseimg-ceramics{
	font-size: 12px;
	font-weight: 500;

	color: White;

	Width: 470px;
	
	position: absolute;
	left: 5px;
	top:620px;	
}	
	.popcloseimg-ceramics a, .popcloseimg-ceramics a:visited{
	font-size: 12px;
	font-weight: 500;
	color: white;
	text-decoration: underline;
	display: inline;
	}
	.popcloseimg-ceramics a:hover,.popcloseimg-ceramics a:active{
	font-size: 12px;
	font-weight: 500;
	color: #CCCCCC;
	text-decoration:none;
	display: inline;
	}

.popcloseimg-information{
	font-size: 12px;
	font-weight: 500;

	color: White;

	Width: 100px;
	
	position: relative;
	float: left;
	left: 405px;
	/*top:130px;	*/
}	
	.popcloseimg-information a, .popcloseimg-information a:visited{
	font-size: 12px;
	font-weight: 500;
	color: white;
	text-decoration: underline;
	display: inline;
	}
	.popcloseimg-information a:hover,.popcloseimg-information a:active{
	font-size: 12px;
	font-weight: 500;
	color: #CCCCCC;
	text-decoration:none;
	display: inline;
	}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.homebanner {
	font-size: 14px;
	font-weight: normal;

	color: white;
	background-color: #6699cc;

	width: 595px;
	top: 23px;
	
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	margin-left: 8px;
	margin-bottom:3px;
	
	float: left;
	position: relative;
}

div.homepic{
	top:23px;
	margin-left: 8px;

	position: relative;
	float: left;
}
div.portfoliopic1{
	padding-left: 00px;
	padding-top: 20px;
	float: left;
}
div.portfoliopic2{
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}

div.pagetitle {
	font-size: 15px;
	font-weight: normal;

	color: black;
	background-color: white;

	width: 233px;
	/*top: 23px;*/
	
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-left: 0px;
	margin-bottom:0px;

	float: left;
	position: relative;
	/*display: inline;*/

}

div.bluebannerp {
	font-size: 14px;
	font-weight: normal;

	color: white;
	background-color: #6699cc;

	width: 233px;
	top: 23px;
	
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	margin-left: 58px;
	margin-bottom:15px;
	
	float: left;
	display: inline;

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.textarea {
	font-size: 13px;
	font-weight: 900;

	color: #666666;
	background-color: white;

	width: 400px;
	
	padding-left: 30px;
	/*padding-right: 20px;*/
	padding-top: 5px;
	
	margin-left: 0px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textarea span{
		color:#72797e;
		font-size:11px;
	}
	div.textarea p{
		color:black;
		font-size:11px;
		display: block;
	}	
	a.textarea, a.textarea:visited{
		color: red;
		text-decoration:none;	
		text-align: left;
		font-weight:normal;
	
		display:block;
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
	a.textarea:hover{
		color: black;
		/*background-color: #F6F6F6;*/
		display:block;
		font-weight:normal;
		text-align: left;
		cursor: pointer;
	}
	a.textarea:active{
		color:black;
		display:block;
		font-weight:bold;
		text-align: left;
	}
	
div.textareawide {
	font-size: 13px;
	font-weight: 900;

	color: #666666;
	background-color: white;

	width: 620px;
	
	padding-left: 30px;
	/*padding-right: 20px;*/
	padding-top: 5px;
	
	margin-left: 0px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textareawide span{
		color:#72797e;
	}
	
	div.textareawide img {
		margin-right: 10px;
		margin-top: 10px;
	}
	
	a.textareawide, a.textareawidee:visited{
		color: red;
		text-decoration:none;	
		text-align: left;
		font-weight:normal;
	
		display:block;
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
	a.textareawide:hover{
		color: black;
		/*background-color: #F6F6F6;*/
		display:block;
		font-weight:normal;
		text-align: left;
		cursor: pointer;
	}
	a.textareawide:active{
		color:black;
		display:block;
		font-weight:bold;
		text-align: left;
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div.textareaceramics {
	font-size: 13px;
	font-weight: 900;

	color: #666666;
	background-color: white;

	width: 630px;
	
	padding-left: 30px;
	/*padding-right: 20px;*/
	padding-top: 5px;
	
	margin-left: 0px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textareaceramics span{
		color:#72797e;
	}
	
	div.textareaceramics img {
		margin-right: 10px;
		margin-top: 12px;
	}
	
	div.textareaceramics p{
	font-weight: 900;
	display: inline;
}
	
	div.textareaceramics a, div.textareaceramics a:visited{
		/*color: white;*/
		text-decoration: underline;	
		text-align: left;
		font-weight:900;
	
		/*display:block;*/
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
		/*display: inline;*/
	}
	div.textareaceramics a:hover{
		color: red;
		/*background-color: #F6F6F6;*/
		/*display:block;*/
		font-weight:900;
		text-align: left;
		cursor: pointer;
	}
	div.textareaceramics a:active{
		color:black;
		/*display:block;*/
		font-weight:900;
		text-align: left;
	}
	
	div.textareaceramics a, div.textareaceramics a:visited{
		/*color: white;*/
		text-decoration: underline;	
		text-align: left;
		font-weight:900;
	
		/*display:block;*/
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
		/*display: inline;*/
	}
	div.textareaceramics a:hover{
		color: red;
		/*background-color: #F6F6F6;*/
		/*display:block;*/
		font-weight:900;
		text-align: left;
		cursor: pointer;
	}
	div.textareaceramics a:active{
		color:black;
		/*display:block;*/
		font-weight:900;
		text-align: left;
	}

div.onecolumn{
	width: 180px;
	font-weight:500;

	margin-left:-1px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	
	color: #333333;
	background-color: #99cccc;	
	
	float: left;
}	
	div.onecolumn a, div.onecolumn a:visited{
		color: #333333;
		text-decoration: underline;	
		text-align: left;
		font-weight:500;
	
		/*display:block;*/
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
		/*display: inline;*/
	}
	div.onecolumn a:hover{
		color: red;
		/*background-color: #F6F6F6;*/
		/*display:block;*/
		font-weight:500;
		text-align: left;
		cursor: pointer;
	}
	div.onecolumn a:active{
		color:#333333;
		/*display:block;*/
		font-weight:500;
		text-align: left;
	}
	
div.twocolumn{
	width: 355px;
	font-weight:500;

	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;

	color: white;
	background-color: #333333;

	margin-right: 14px;

	float: left;
}
	div.twocolumn a, div.twocolumn a:visited{
		color: white;
		text-decoration: underline;	
		text-align: left;
		font-weight:500;
	
		/*display:block;*/
		margin:0;
	
		/*width:100%;*/
	
		padding-top: 5px; 
		padding-bottom: 5px; 
		/*display: inline;*/
	}
	div.twocolumn a:hover{
		color: red;
		/*background-color: #F6F6F6;*/
		/*display:block;*/
		font-weight:500;
		text-align: left;
		cursor: pointer;
	}
	div.twocolumn a:active{
		color:white;
		/*display:block;*/
		font-weight:500;
		text-align: left;
	}
div.threecolumn{
	width: 640px;

	float: left;
}

.widecolumn{
	width: 630px;
	
	margin-bottom: 6px;

	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
div.textareaclients {
	font-size: 12px;
	font-weight: normal;

	color: black;/*#58585a;*/
	background-color: white;

	width: 353px;
	top: 23px;
	
	padding-left: 42px;
	/*padding-right: 40px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	
	margin-left: 16px;
	margin-bottom:3px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textareaclients span{
		width:180px;
	}
	
div.textarealinks{
	font-size: 12px;
	font-weight: normal;

	color: black;/*#58585a;*/
	background-color: white;

	width: 500px;
	top: 0px;
	
	padding-left: 42px;
	/*padding-right: 40px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	
	margin-left: 16px;
	margin-bottom:3px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textarealinks span{
		width:250px;
	}
		
div.textareaport{
	font-size: 12px;
	font-weight: normal;

	color: black;/*#58585a;*/
	background-color: white;

	width: 600px;
	top: 4px;
	
	padding-left: 42px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 5px;
	
	margin-left: 16px;
	margin-bottom:3px;
	
	float: left;
	position: relative;
	display: inline;
}
		div.textareaport span{
			width:250px;
		}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a.maplink, a.maplink:visited{
	color: red;
	text-decoration:none;	
	text-align: left;
	font-weight:normal;

	display:block;
	margin:0;

	/*width:100%;*/

	padding-top: 5px; 
	padding-bottom: 5px; 
}
	a.maplink:hover{
		color: black;
		/*background-color: #F6F6F6;*/
		display:block;
		font-weight:normal;
		text-align: left;
		cursor: pointer;
	}
	a.maplink:active{
		color:black;
		display:block;
		font-weight:bold;
		text-align: left;
	}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


div.picright{
	position: relative;
	float: right;
	display: inline;
}

div.picbottomh{
	position: relative;
	float: right;
	display: inline;
}

/* ----------------------- Special Formatting -------------------------------------------- */
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.indent {
	padding-left: 20px;
}

.bullit{
	background-image: url(graphics/bullit.gif);
	background-repeat : no-repeat;
	width : 12px;
	height : 12px;
	border : 0px none;
}

.note{
	font-size : smaller;
}

.centerbold{
	text-align: center;
	font-weight: normal;
	font-size: larger;
}

.highred{
	font-weight: 700;
	color: Red;
	display: inline;
}

.backtotop{
	color: #5D6467; /*#72797e;*/
	font-size: 12px;
	text-decoration:none;	
	text-align: left;
	font-weight:normal;

	/*width: 160px;*/
	display:block;
	margin:0;
	
	margin-top:50px;
	/**margin-top:6px;*/

	margin-left: 75px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.leftblock{
	z-index: 1;
}

.lefttitle {
	font-weight: 700;
	
	margin:0px;
	margin-bottom: 4px;
	
	padding:0px;
	padding-top: 14px;
	padding-bottom: 2px;
	
	color: #333333;
}
.lefttitle-high{
	font-weight: 500;
	color: #333333;
	display: inline;
}

.leftcol{
	color: #666666;
	font-weight: 500;
	float: left;
	position: relative;
	width: 155px;
	padding-right:10px;
	font-size: 12px;
	z-index: 1;
}

/* -------------------------- tooltip ------------------------------ */
a.tooltip, a.tooltip-pp, a.tooltip-chq{
	position:relative; /*this is the key*/
	background-color:transparent;
	color:#000;
	text-decoration:none;
	z-index: 2;
}
a.tooltip-pp{
	position:relative; /*this is the key*/
	background-color:transparent;
	color:red;
	text-decoration:none;
	z-index: 2;
}

a.tooltip:hover, a.tooltip-pp:hover, a.tooltip-chq:hover{
	z-index:2; 
	/*background-color:transparent;*/
}

a.tooltip span, a.tooltip-pp span, a.tooltip-chq span{
	display: none
}

a.tooltip:hover span{
	top:-80px; 
}
a.tooltip-pp:hover span{
	top:-20px; 
}
a.tooltip-chq:hover span{
	top:-30px; 
}

a.tooltip:hover span, a.tooltip-pp:hover span, a.tooltip-chq:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	left:145px; 
	width:287px;
	
	padding: 15px;
	
	/*border:2px solid black;*/
	background-color: black; 
	color:White;
	text-align: left;
	z-index: 99;
}

/* -------------------------- /tooltip ------------------------------ */

/* -------------------------- Side Menu -------------------------------------- */
div.menu{
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	color: black;
	line-height: 120%;
	
	top: 0px;
	width: 160px;
	/*left: -5px;*/
	margin:0;
/*	float: left;
	position: relative;*/

	/*height: inherit;*/
	
	/*border-right:1px solid #72797e;*/
	
	
	/*background-color: grey;*/
	/*border-right: 1px solid #72797e;*/
}
div.menu a,div.menu a:visited{
	color: #5D6467; /*#72797e;*/
	font-size: 12px;
	text-decoration:none;	
	text-align: left;
	font-weight:normal;

	display:block;
	margin:0;

	/*width:100%;*/

	padding-top: 5px; 
	padding-bottom: 5px; 
}
div.menu a:hover{
	color: black;
	font-size: 12px;
	/*background-color: #F6F6F6;*/
	display:block; 	
	/*font-weight:bold;*/
	text-align: left;
	cursor: pointer;
}
div.menu a:active{
	color:black;
	display:block;
	/*font-weight:bold;*/
	text-align: left;
}
div.menu span{
	/*padding:0.2em;*/
	display:block;
	font-size: 12px;
	width:127px;	
	font-weight:normal;
	line-height: 120%;
}

div.menu p{
	color:red;
	font-weight: normal;
	display: inline;
	padding-left: 7px;
	font-size: 14px;
}

div.menup{
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	color: black;
	line-height: 120%;
	
	top: 0px;
	width: 160px;
	/*left: -5px;*/
	float: left;
	margin:0;
	position: relative;

	/*height: inherit;*/
	
	/*border:1px solid #72797e;*/
	
	
	background-color: white;
	/*border-right: 1px solid #72797e;*/
}
div.menup a,div.menup a:visited{
	color: #5D6467; /*#72797e;*/
	font-size: 12px;
	text-decoration:none;	
	text-align: left;
	font-weight:normal;

	display:block;
	margin:0;

	/*width:100%;*/

	padding-top: 5px; 
	padding-bottom: 5px; 
}
div.menup a:hover{
	color: black;
	font-size: 12px;
	/*background-color: #F6F6F6;*/
	display:block;
	/*font-weight:bold;*/
	text-align: left;
	cursor: pointer;
}
div.menup a:active{
	color:black;
	display:block;
	/*font-weight:bold;*/
	text-align: left;
}
div.menup span{
	/*padding:0.2em;*/
	display:block;
	font-size: 12px;
	width:127px;	
	font-weight:normal;
	line-height: 120%;
}

div.menup p{
	color:red;
	font-weight: normal;
	display: inline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.menusep{
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	color: black;
	/*height: 14px;*/
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 4px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.menus{
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	color: black;
	line-height: 120%;
}
div.menus a,div.menus a:visited{
	color: black; /*#72797e;*/
	font-size: 12px;
	text-decoration:none;	
	text-align: left;
	/*font-weight:bold;*/

	display:block;
	margin:0;

	/*width:100%;*/

	padding-top: 5px; 
	padding-bottom: 5px; 
}
div.menus a:hover{
	font-size: 12px;
	color:black;
	display:block;
}
div.menus a:active{
	font-size: 12px;
	color:black;
	display:block;
}
div.menus span{
	/*padding:0.2em;*/
	display:block;
	font-size: 12px;
	line-height: 120%;
	/*font-weight:bold;*/
}
div.menus p{
	color:red;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	display: inline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.menutitle{
	font-weight:bold;
	font-size: 12px;
	color:black;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 120%;
}

div.vline-portfolio{
	height: 1224px;
	Width: 1px;
	background-color: #333333;
	
	border: none;
	
	left: 0px;
	top: 23px;
	
	float: left;
	position: relative;
	display: inline;
}


div.vline{
	height: 435px;
	Width: 1px;
	background-color: #333333;
	
	border: none;
	
	left: 0px;
	top: 23px;
	
	float: left;
	position: relative;
	display: inline;
}