@charset "utf-8";
/* CSS Document */

html {
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: radial-gradient(#244b71 20%, #000000 90%); /* Fills the page */
  background-attachment:fixed;
  background-repeat:no-repeat;
  position: relative; /* Fix for absolute positioning */
  
}

body {
	color: #fff;
	font-family: calibri;

}

.header-container
{
	width:100%;
	height:204px;
	background:#000;
	
	}

.header-left
{
	background-image:		url(images/Layout/TM_Circle_Logo.png);
	height:204px;
	width:204px;
	background:#000000;
	display:block;
	padding:0px;
	margin:0px;
	}
	
.header-middle
{

	height:204px;
	width:100px;
	background:#000000;
	display:block;
	}
	
#headercentral
{
	font-size: 25px;
	text-align: center;
}

#headerright
{
	font-size: 25px;
	text-align: left;
	padding-right: 5px;
}

#navcontent
{
	padding: 2px;
	border: 2px;
	padding-top: 0em;
	padding-bottom: 0em;
}

#navcontent ul
{
	margin:0px;
	padding:5px 0px 5px 0px;
	text-decoration:none;
	list-style:none;
	text-align:center;
}

#navcontent ul li
{
	display:inline;
	
}

#navcontent ul li a
{
	text-decoration:none;
	font-size:24px;
	padding: .3em .9em;
	margin: 0px 0px;
	color:#fff;
	background:#000;

}

#navcontent ul li a:hover
{
	color:#000;
	background:#21C8FF;
}

#navcontent ul li.navselected a
{
	color: #000;
	background: #fff;
}

#footerleft
{
	font-size: 28px;
}
#footerright
{
	font-size:28px;
	}

#pagecontent
{
	width:100%;
	padding:0px;
	margin:0px;
}


#pagelist
{
	width:280px;
	padding: .1em .1em .1em .1em;
	margin-left:1em;
		
	border-width:medium;
	border-color:#21C8FF;
	border-radius:2px;
	}

#aboutpagelist
{
	width:100%;
	padding: .1em .0em .1em .1em;
	margin-left:1em;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #000000 0%, #244b71 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #000000 0%, #244b71 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #000000 0%, #244b71100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #244b71));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #000000 0%, #244b71 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #000000 0%, #244b71 100%);
	
	border: 1px solid blue;
	border-width:medium;
	border-color:#21c9ff;
	border-radius:10px;
	}


#women
{
	width:100%; max-height:100%;
}

#abouttext
{
	Width: auto;
	Height: 18em;
	overflow: auto;
	padding: 0em 0em 0em 1em;
	margin: 2px 0px 0px 0px;
	valign: top;
	
}

#abouttext span
{
	margin-top: 0px;
	margin-bottom: 0em;
	font-family: "Century Gothic", Arial;
	font-size: large;
	color: #ffffff;
}

p {
	margin: 0.5em;
}

h1
{
	font-family:"Century Gothic", Arial;
	font-size:20px;
	color:#21c8ff;
}

h2
{
	font-family: "Century Gothic", Arial;
	font-size: 15px;
	color: ffffff
}

#pricingtable
{
	Width: auto;
	Height: 18em;
	overflow: auto;
	padding: 0em 0em 0em 0em;
	margin: 2px 0px 0px 0px;
	valign: top;
	
}

#pricingtable h2
{
	margin-top: 0em;
	margin-bottom: 1px;
	font-family: "Century Gothic", Arial;
	font-size: 20px;
	color: ffffff;
}

#pricingtable p
{
  	margin-top: 8px;
  	margin-bottom: 0em;
  	font-family: "Century Gothic", Arial;
	font-size: 20px;
	color: ffffff;
}

#pricingtable h3
{
	margin-top: 0px;
	margin-bottom: 0em;
	font-family: "Century Gothic", Arial;
	font-size: 22px;
	color: #333;
}

#pricingtable span
{
	margin-top: 0px;
	margin-bottom: 0em;
	font-family: "Century Gothic", Arial;
	font-size: 15px;
	color: #333;
}

#contactform
{
}


#contactform { padding:5px 100px; font:12px Verdana, Geneva, sans-serif;

 }

input, textarea {
 padding: 8px;
 border: solid 1px #E5E5E5;
font: normal 12px Verdana, Tahoma, sans-serif;
 width: 400px;

 }

textarea {
 width: 400px;
 max-width: 400px;
 height: 100px;
 line-height: 150%;
 }

form label {
 margin-left: 10px;
 color: #999999;
 }

.submit input  {
 width: auto;
 padding: 9px 15px;
 background: #007CBF;
 font-size: 24px;
 color: #ffffff;
 cursor:pointer;
 }


#form-div {
background-color:#F5F5F5;
padding:15px;
}

#wrapper {
margin:30px auto;
width:500px;
}

#boldtext {
	margin-top: 0px;
	margin-bottom: 0em;
	font-family: "Century Gothic", Arial;
	font-size: 15px;
	font-weight:bold;
	color: #333;
}
.container {
  position: relative;
  text-align: center;
  color: white;
}
.centered {
	position: absolute;
	top: 35px;
	left: 35px;
}
		#ovalbg {
		background-color: #000000;
		background-image: url('../images/Oval1.png');
		background-position:center;
		background-repeat:no-repeat;

}

		.Circle1 {
		background-color: #000000;
		background-image: url('../images/Ring1.png');
		background-repeat:no-repeat;
		background-position:center;
	}
		.Circle2 {
		background-color: #000000;
		background-image: url('../images/Ring2.png');
		background-repeat:no-repeat;
		background-position:center;
	}
		.Circle3 {
		background-color: #000000;
		background-image: url('../images/Ring3.png');
		background-repeat:no-repeat;
		background-position:center;
	}
		.Circle4 {
		background-color: #000000;
		background-image: url('../images/Ring4.png');
		background-repeat:no-repeat;
		background-position:center;
	}
		.Circle5 {
		background-color: #000000;
		background-image: url('../images/Ring5.png');
		background-repeat:no-repeat;
		background-position:center;
	}
		.Circle6 {
		background-color: #000000;
		background-image: url('../images/Ring6.png');
		background-repeat:no-repeat;
		background-position:center;
	}

img.rounded-corners {
  border-radius: 10px;
}

img.circle-corners {
  border-radius: 50%;
}

/* Red border */
hr.thinline {
  border-top: 1px solid aqua;
}