/* CSS File by Gideon-IT */
/* ----------------------*/
/* www.gideon-it.co.uk */
/* (c) 2019            */
/* ------------------- */

/* Standard Styles */
/* --------------- */

body {
	/* The following line is an iOS Webkit browser extension to stop iPhone re-sizing the text.  Resized text screws up the site layout */
    -webkit-text-size-adjust: 100%;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #002D99;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-align: justify;
	background-color: #2C3C4F;
	/* background-color: #F4F4F4;
	/* background-image: url('../_images/transp_guitar.png');
	background-repeat: repeat; */
}
	
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #002D99;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}


.wrap {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 1020px;
	/* height: 100%; */
	margin-right: auto;
	margin-left: auto; 
	/* margin-top: 40px; */;
}

.boxborder1 {
	border-radius: 15px;
	/* border: 1px dotted #000000; */
	position: absolute;
	width: 980px;
	height: 820px;
	top: 20px;
	left: 10px;
	background-color: #C0C0C0;
}

.boxborder2 {
	border-radius: 10px;
	/* border: 1px dotted #FFFFFF; */
	position: absolute;
	width: 960px;
	height: 800px;
	top: 30px;
	left: 20px;
	background-color: #2C3C4F;
	/#background-color: #808080;
}

.content {
	border-radius: 5px;
	position: absolute;
	width: 940px;
	height: 780px;
	top: 40px;
	left: 30px;
	background-color: #FFFFFF;
}

.welcometxt {
	border: 3px ridge #808080;
	padding: 5px;
	width: 755px;
	height: 255px; /* 240 */
	top: 330px;
	left: 0px;
	position: absolute;
}

.boxborder1a {
	border-radius: 15px;
	/* border: 1px dotted #000000; */
	position: absolute;
	width: 980px;
	height: 1120px;
	top: 20px;
	left: 10px;
	background-color: #C0C0C0;
}

.boxborder2a {
	border-radius: 10px;
	/* border: 1px dotted #FFFFFF; */
	position: absolute;
	width: 960px;
	height: 1100px; /* 20 less than boxborder1 */
	top: 30px;
	left: 20px;
	background-color: #2C3C4F;
	/#background-color: #808080;
}

.contenta {
	border-radius: 5px;
	position: absolute;
	width: 940px;
	height: 1080px; /* 20 less than boxborder2 */
	top: 40px;
	left: 30px;
	background-color: #FFFFFF;
}

.welcometxta {
	border: 3px ridge #808080;
	padding: 5px;
	width: 755px;
	height: 520px;
	top: 330px;
	left: 0px;
	position: absolute;
}

.headerbk {
	background-position: 10px 2px;
	width: 940px;
	height: 120px;
	position: absolute;
	top: 3px;
	left: 0px;
	border-bottom-style: ridge;
	border-bottom-width: 4px;
	border-bottom-color: #808080;
	background-image: none;
}

.header {
	background-position: left center;
	width: 940px;
	height: 100px;
	position: absolute;
	top: 3px;
	left: 0px;
}

.tlogo {
	position: absolute;
	top: 5px;
	left: 750px;
}

.linlogo {
	position: absolute;
	top: 5px;
	right: 10px;
}

.hcontact {
	position: absolute;
	top: 50px;
	left: 750px;
}

.nobord {
	vertical-align:bottom;
	border:0px;
}

img {
	border:0px;
}

img.bord {
	padding: 1px;
	box-shadow: 3px 3px 5px 0px #808080;
	border: 1px solid #000000;
}

.main {
	width: 770px;
	height: 630px;
	position: absolute;
	top: 118px;
	left: 145px;
}

h1 {
	font-size: 14pt;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
.h1 {
	font-size: 14pt;
	font-weight: bold;
	padding: 0px 0px 0px -5px;
	margin-left: -10px;
}

p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #002D99;
	font-weight: normal;
	text-align: justify;
	text-decoration: none;
}
.small {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #002D99;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.front {
	margin: 10px 0px 10px 0px;
	border: 3px ridge #808080;
	font-size: 10pt;
	font-weight: bold;
	padding: 15px;
}

.front li {
	padding: 0px;
	margin-left: 10px;
}

.front2 {
	margin: 10px 0px 10px 0px;
	border: 3px ridge #808080;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: central;
	text-align: justify;
	padding: 0px 15px 0px 15px;
}

.tb_headshot {
	border-radius: 10px;
	text-align: right;
	margin-left: 150px;
	position: absolute;
	top: 320px;
	right: 10px;
	width: 100px;
	height: 100px;
}

.tb_headshot_img {
	border-radius: 10px;
}

.gideonit {
	position:absolute;
	height:20px;
	top:820px;
	left:200px;
}

.gideonita {
	position:absolute;
	height:20px;
	top:1020px;
	left:200px;
}

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

.side {
	width:145px;
	height:630px;
	position:absolute;
	top: 118px;
	left: 5px;
}

.cssmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 140px;
}

.cssmenu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0 2px 0 0;
	padding: 0 5px 0 0;
	list-style: none;
	background: #2C3C4F;
	text-align: right;
}
  	
.cssmenu a {
  background: #2C3C4F;
  border-bottom: 1px solid #393939;
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: 8px 0px;
  text-decoration: none;
  font-weight: normal;
}

.cssmenu a:hover {
	/* background: url('../_images/hover.gif') left center no-repeat #2580a2;*/
	background: #C0C0C0;
	color:black;
	padding-bottom: 8px;
}

.cssmenu .active	{
	background-color:#C0C0C0;
}