/*---- APTEL Consulting Main css ---- */
/*-------- 5/17/07 4:15PM ----------*/

/*   
Theme Name: aptlMain
Theme URI: www.aptelconsulting.com
Description: Theme for APTEL Consulting
Author: Allan Douglas, DDGraphics WebMedia
Author URI: www.ddgwebmedia.com
*/

/* @group HTML Elements */

/*-------- HTML Elements --------*/

body {
	font-family: Optima, sans-serif;
	margin: 0;
	padding: 4em 2.5em;
	text-align: center;
	color: #333367;
	background: #9aacde;
	font-size: 90%;
}

p, h1, h2, h3, h4, h5, h6, td, ul, li {
	font-family: Optima, sans-serif;
}

p {
	font-size: .9em;
	margin: 0 .5em .5em;
}
h2 {
	margin: .5em;
}
a {
	text-decoration: none;
}

/* @end HTML Elements */

/**********************************/

/* @group ID Selectors */

#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#rightcontent {
	float: right;
	width: 23%;
	background: silver;
}

#wrapper {
	float: left;
	width: 76%;
}

#maincontent {
	float: left;
	width: 69%;
	background: white;
}

#subcontent {
	float: right;
	width: 30%;
	background: white;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

#subcontent ul {
	margin: 0;
	padding: 0;	
}
#subcontent li {
	padding: 0;
	margin: 0 .5em .5em;
}

/* @end ID Selectors */
/*****************************/
/* @group Header */

#header {
	width: 100%;
	height: 6em;
	font-weight: bold;
	color: #333367;
	background: silver;
	border-bottom: thin outset navy;
	margin: .3em auto;
}

#header a {
	color: #333367;
}
	
#header h1 {
	border-bottom: thin outset navy;
	width: 90%;
	margin: 0 0 0 5%;
	padding: .5em 0 0;
}

#header h3 {
	font-style: italic;
	margin: .3em 0 0;
}
.lefthdr {
	float: left;
	width: 49%;
	text-align: center;
	margin: 0;
}

.righthdr {
	float: right;
	width: 49%;
	text-align: center;
}

.righthdrtxt {
	font-style: italic;
	padding: 2em 0 0;
}
/* @end Header */


/******************************/
/* @group Testimonials Stuff */

/*------ Testimonials CSS ------*/
/*------ 9/25/06 3:00PM 
Used in all DDG WebMedia Testimonial Pages------*/
#tstmnls {
	width: 100%;
	display: block;
}
.tstmnltxt {
	font-style: italic;
	margin-left: 15px;
	margin-right: 10px;
}

.tstmnlname {
	margin: 0 0 1em 60%;
}

/*--- End Testimonials CSS ---*/
/***************************/

/* @end Testimonials Stuff */
/********************************/
/* @group Contacts Page Stuff */

/*------ Contacts Page Stuff ------*/

/*------- Needed in every site that uses our DB for contact information -----------------*/

#contact {
	float: left;
	top: 20px;
	width: 100%;
	position: relative;
}

html>body #contact {
	width: 100%;
}

#contact .modules {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

#contact h2 {
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: #FFC;
	background-color: #333367;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
	text-align: center;
	margin-top: 15px;
}

#contact h4 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: #FFC;
	background-color: #333367;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}

#contact h4 a {
	color: #FFC;
}

#contact h5 {
	text-align: center;
	font-weight: normal;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	font-size: small;
	width: 33%;
}

.clearboth {
	clear: both;
}
/******************************/

/*---------- Form Stuff ----------*/

#frmcontainer {
	clear: both;
	background-color: #333367;
	width: 500px;
	border: thin dashed #660099;
	margin: 0 auto;
}

#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}

div.row {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row label {
  float: left;
  width: 35%;
  text-align: right;
  }
div.row span.label {
	float: left;
	width: 145px;
	text-align: right;
}

div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}

div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}

div.row span.formw {
	float: right;
	width: 62%;
	text-align: left;
}

div.row span.formcr {
	float: right;
	width: 70%;
	text-align: left;
	color: #000066;
}

div.row span.formbg {
	float: right;
	width: 10%;
	text-align: left;
}

div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}

/*------ Form Button ------*/

.formbttn {
	cursor: pointer;
	background-color: olive;
	color: #FFC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

.formbttnoff {
	background-color: #666699;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

/*---- Button Classes ----*/

.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}

/*---- End Form CSS ----*/

/* @end Contacts Page Stuff */
/******************************/
/* @group Navigation */

/*------ Navigation Stuff ------*/

/*------ Right Nav No Dropdowns ------*/

#navlist {
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

#ournav, #ournav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 95%;
}

#ournav li a { /* all list items */
	display: block;
	position: relative;
	margin-left: 0;
	width: 100%;
	color: silver;
	background-color: #333367;
	border: .13em outset gray;
	padding-left: .5em;
}

#ournav li a:hover, #ournav li a:active {
	display: block;
	color: #333367;
	background-color: silver;
}

#ournav li:hover ul ul, #ournav li:hover ul ul ul, #ournav li.sfhover ul ul, #ournav li.sfhover ul ul ul {
	left: -999em;
}

#ournav li:hover ul, #ournav li li:hover ul, #ournav li li li:hover ul, #ournav li.sfhover ul, #ournav li li.sfhover ul, #ournav li li li.sfhover ul {
/* lists nested under hovered list items */
	left: auto;
}

/*--------End of Right Nav ------*/

/*------Footer ------*/

#footer {
	clear: both;
	width: 90%;
	text-align: center;
	border-top: thin solid navy;
	margin: .5em auto 0;
}

#footer p {
	margin-top: .5em;
	font-size: .9em;
}

#footer a:link, #footer a:visited {
	color: #333367;
}

#footer a:hover, #footer a:active {
	color: silver;
}
/*-------- End Footer --------*/

/***********************************/
/*-------- End Navigation --------*/

/* @end Navigation */
/*************************************/
/* @group Classes */

/* ---- Classes ---- */

/*------ ClearFix ------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.inside {
	

/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 5px;
}

/*------ End ClearFix ------*/
.largebold {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}

.largeboldA {
	font-size: 1.2em;
	font-weight: bold;
}
/* @group DDG WebMedia */

.ddGraphics {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.WebMedia {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/* @end DDG WebMedia */

td.label {
	display: block;
	font-weight: bold;
	margin: 3px;
	text-align: right;
	background: #336633;
	width: auto;
	padding: 3px;
}

td.input {
	color: #FFFFFF;
	vertical-align: middle;
	display: block;
	text-align: left;
	background-color: #999999;
}

/* @end Classes */