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

@import url(stylex.css); 

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

body{ 
	font-family: Arial, Verdana, 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;
}

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:909px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	text-align:left;
	
	float: inherit;
	position: relative;
}

div.header {
/*	width: 909px;
	height:46px;*/
	width: 182px;
	height:26px;
	background-color: white;
	border: 0px;
	position: static;
	padding-left:727px;
	padding-top:20px;
	background: white url(graphics/bangd.jpg) no-repeat;
}

div.header H1, div.header a:hover{
	color:white;
	font-weight: normal;
}

a.headerlink, a.headerlink:visited{
	color: white;
	font-weight: normal;
	text-decoration:none;
	display: inline;
	cursor: default;
}
a.headerlink:hover, a.headerlink:active{
	color: white;
	font-weight: normal;
	text-decoration:none;
	display: inline;
	cursor: default;
}
/*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.mainlinks {
	padding: 0px;
	margin: 0px;
	width:640px;
	
	border-left: 1px solid #72797e;

	/*background-color: #E6FFCC;*/
	top: 23px;	
	
	float: left;
	position: relative;
	display: inline;
}
div.content {
	width: 710px; 
	/*background-color: #CCCCFF;*/

	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	position: static;
}
	div.content form{
		/*font-size: 12px;*/
		border-top: 1px solid #92A86C;
		float: left;	
	}
	div.content span{
		/*font-size: 12px;*/
		width: 50px;
		float:left;
	}
div.contentlinks {
	width: 610px; 
	/*background-color: #CCCCFF;*/

	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	position: static;
}
	div.contentlinks span{
		/*font-size: 12px;*/
		width: 50px;
		float:left;
	}

div.footer {
	font-size: 11px;
	text-align: left;
	/*vertical-align: middle;*/
	
	top: 50px;
	width: 909px; /* 682px;  */
	margin-top: 4px;
	border-top: 1px solid #a6add0;
	height: 50px;
	padding-top: 12px;

	float: left;
	position: relative;
	/*text-indent: 235px;*/ /* 187px;*/
	text-indent: 0px; /* 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: 14px;
	text-align: right;
	color: #666666;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}	

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

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

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

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

.popcloseimg{
	font-size: 10px;
	text-align: right;
	color: #CCCCCC;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-top: 3px;
	font-weight: normal;
}	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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.bluebanner {
	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;
	position: relative;
}

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;
	/*position: relative;*/
	display: inline;
	
	/*overflow: hidden;*/
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.textarea {
	font-size: 12px;
	font-weight: normal;

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

	width: 313px;
	top: 23px;
	
	padding-left: 42px;
	/*padding-right: 40px;*/
	padding-top: 5px;
	padding-bottom: 0px;
	
	margin-left: 16px;
	margin-bottom:3px;
	
	float: left;
	position: relative;
	display: inline;
}
	div.textarea span{
		color:#72797e;
	}
	
	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.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;
		}
		
div.textareawide{
	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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
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.rightpic{
	top:31px;
	/*Width:180px;*/
	
	margin-left: 0px;
	margin-right: 40px;

	position: relative;
	float: right;
	display: inline;
}


/* ----------------------- Special Formatting -------------------------------------------- */

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;
}

.warning{
	font-weight: bold;
	color: Red;
	font-style: italic;
}

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

	display:block;
	margin:0;

	padding-top: 0px; 
	padding-bottom: 0px; 

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

	/*height: inherit;*/
	
	border-right:1px solid #72797e;
	
	
	background-color: white;
	/*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;
}

div.menup{
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	color: black;
	line-height: 120%;
	
	top: 23px;
	width: 175px;
	/*left: -5px;*/
	float: left;
	margin:0;
	position: relative;
	overflow: hidden;
	
	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.menus{
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	text-align:left;	
	width: 175px;
	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;
	width:167px;	
	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;
}