/* Start of CMSMS style sheet '1-tgk-css' */
/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper / TheKasperGroup.com
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:62.5%/1.3 Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#ffffff;
color:#333;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px; color: #444;}
h1, h2, h3, h4 {color: #555;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:13px;}
h4 {font-size:13px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}
h4 {padding: 10px 10px 0 10px;}
/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
background:#f7f8f3;
}
#masthead {
height: 100px;
width: 990px;
margin:0 auto;

}
#logoblock { 
width: 345px;
height: 75px;
float:left;
background: #c03a17 url('images/tkg-logo.jpg') no-repeat;
margin-top: 10px;
}
#tagline {
	width: 450px;
	height: 100px;
	float: right;
}
#top-menu-wrap {
height: 40px;
background: #ebead8 url('images/top-menu-bg.jpg') repeat-x;
	}
#top-menu {
	width:990px;
	height:40px;
	margin: 0 auto;
}
#contents {


}
#intro-content {
	width: 990px;
	min-height: 200px;
	margin: 0 auto;
	background: transparent url('images/imagine-success.jpg') 50px -10px no-repeat;
}
#intro-content-int {
	width: 990px;
	min-height: 100px;
	margin: 0 auto;
	background: transparent url('images/the-kasper-group.jpg') 50px 0 no-repeat;
}
#intro-content-blank{
	width: 990px;
	min-height: 100px;
	margin: 0 auto;
	background: transparent;
}
#intro-content-int-si {
	width: 990px;
	min-height: 100px;
	margin: 0 auto;
	background: transparent url('images/software-installation.jpg') 50px 0 no-repeat;
}
#main-content-wrap {
	background: #ebead8 url('images/top-menu-bg.jpg') repeat-x;
       padding-bottom: 5px;
}

#main-content {
	width: 990px;
	min-height: 200px;
	margin: 0 auto;
padding: 5px 0;
}
.mc-left {
float: left;
width: 690px;
min-height: 200px;
background: #fff;
padding-bottom: 20px;
}
.mc-left td {
background: #fff;
padding: 10px 10px;
}
.mc-right {
float: right;
width: 300px;
min-height: 200px;
font-size: 12px;
}
.mc-right ul, .mc-left ul {
list-style: none;
font-size: 12px;
margin-left: 0;
padding-left: 0;
padding-bottom: 15px;
}
.mc-left ul {
list-style: disc;
padding-left: 20px;
margin-left: 40px;
}

#main-content.home {
	width: 970px;

}
.mc-left.home {
width: 650px;
}


#lower-content-wrap {
	background: #dbd5bb;
}
#lower-content-sub-wrap {
width: 970px;
margin: 0 auto;
}

.lower-content {
	width: 305px;
	min-height: 200px;
	margin: 10px 0 10px 0;
padding: 0 10px;
       float: left;
border-right: 1px solid #e1e1e1;
}


#footer {
clear:both;
width: 990px;
height: 50px;
margin: 0 auto;
background: #fff;
}
#footer p {float: right; font-size: 10px; color: #666;}

/*********** ---------- ::Links:: ------------------------ ***********/
a {color:#c03a17; text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/**** Upper Navigation ****/
.upper-nav {
	list-style: none;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	width: 300px;
	text-align: right;
}
.upper-nav li {
	margin: 0;
	padding: 0;
	display: inline;
	font: normal 10px/12px Tahoma,Georgia,Arial,Geneva,Helvetica,sans-serif;
	color: #AF2D0A;
    border-left: 1px solid #AF2D0A;
}
.upper-nav li a, .upper-nav li a:link, .upper-nav li a:active, .upper-nav li a:visited {
	font: normal 10px/12px Tahoma,Georgia,Arial,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #AF2D0A;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	
}
.upper-nav li.noborder1 {
	border-left: 0;
}
.upper-nav li a:hover {
	text-decoration: underline;
	color: #AF2D0A;
}


/**** Top Navigation ****/
.nav {
	width: 990px; 
	height: 40px;
	margin: 0 auto;
border-right: 2px solid #f7f8f3;
}
.nav, .nav ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.nav {
  font-family: Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  position: relative;
  left: 0px;
}

.nav li {
/* styles the parent list */
  border-left: 2px solid #f7f8f3;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 163px;
}
.nav li.right-border {
	border-right: 2px solid #f7f8f3;
	width: 161px;
}

.nav li.noborder {
	border-left: 0;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  font: bold 13px/40px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #ebead8 url('images/top-menu-bg.jpg') repeat-x;
  color: #333;
  display: block;
  padding: 0;
  text-decoration: none;
  text-align: center;
  height: 40px;
}

.nav li a:hover {
/* styles the parent links hover */
  background: #d3c69c;
  color: #000;
}

/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* styles the parent link hover */
  background: #d3c69c;
  color: #655733;
 }
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #eeeade;
  color: #655733;z-index: 5000;
	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #ded8c2;
  color: #655733;
	
}
/*end css for older browsers*/

.nav ul, .nav ul {
 /* styles the main drop-down menu container*/
  background: #565656;
  border: 1px solid #DED8C2;
  border-top: 0px solid #655733;
  z-index: 100;
  border-right: 0px;
  list-style:none;
  margin: 0;
  width: 162px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 39px;  /* postions the drop-down menu from the parent menu */
  left: 0px;
  }
.nav li li:hover ul,
.nav li li.sfHover ul {
  top: 0px;  /* postions the drop-down menu from the 2nd level menu */
  left: 160px;
  }

.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-right: 1px solid #DED8C2;;
  padding-right: 0px;
  width: 141px;
  white-space: nowrap;
  font-size: 10px;
}
.nav ul a:hover {
  background: #ded8c2;
  color: #655733;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -90px; 
}

.nav li li a, .nav li li a:link, .nav li li a:active, .nav li li a:visited {
/* styles the parent links */
  font: normal 11px/25px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #ebead8;
  color: #333;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  text-align: left; height: 25px; 
}

.nav li li a:hover {
/* styles the parent links hover */
  background: #d3c69c;
  color: #000;
}



/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	width: 990px;
	text-align: right;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: normal 10px/12px Tahoma,Georgia,Arial,Geneva,Helvetica,sans-serif;
	color: #AF2D0A;
    border-left: 1px solid #AF2D0A;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: normal 10px/12px Tahoma,Georgia,Arial,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #AF2D0A;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #AF2D0A;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
vertical-align:middle; /*remove this line for PC store - add it to desired id or class*/
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.divnoborder {border: 0; padding-right: 0;}
.red {color: #ff0000;}
/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 5px 0 0 0;
	padding: 0;
	width: 320px;
	height: 65px;
	display: block;
}

#stylebox, #stylebox2 {
	float: right;
	width: 360px;
	height: 120px;
	margin: 5px 15px 0 5px;
	
}

#stylebox2 {
	float: left;
}

#stylebox p, #stylebox2 p	{
	font-family: Georgia,"Times New Roman",Arial, ;
	font-size: 20px;
	font-weight: bold;
                font-style: italic;
	line-height: 22px;
	text-align: left;
	margin: 0 10px 0 0;
padding: 8px 0;
clear: both;
}

#stylebox p.line-1, #stylebox2 p.line-1	{
	color: #663300;
margin: 0px 0 0 10px;
}
#stylebox p.line-2	{
	color: #CC6600;
	margin: 0 10px 0 40px;
}
#stylebox p.line-3, #stylebox2 p.line-3	{
	color: #B00000;
	margin: 0 0 0 20px;
}

#stylebox.narrow {width: 580px; height: 100px;}

#stylebox.narrow p {padding: 4px 0;}
#stylebox.narrow p.line-1 {margin:0 0 0 0;}
#stylebox.narrow p.line-2 {margin:0 0 0 60px;}
#stylebox.narrow p.line-3 {margin:0 0 0 120px;}
#stylebox-wide{
	float: left;
	width: 980px;
	height: 90px;
	margin: 5px 10px 0 5px;
	
}

#stylebox-wide p	{
	font-family: Georgia,"Times New Roman",Arial, ;
	font-size: 20px;
	font-weight: bold;
                font-style: italic;
	line-height: 22px;
	text-align: left;
	margin: 0 10px 0 0;
padding: 4px 0;
clear: both;
}


#stylebox-wide p.line-1	{
	color: #663300;
margin: 0px 0 0 50px;
}
#stylebox-wide p.line-2	{
	color: #CC6600;
	margin: 0 10px 0 240px;
}
#stylebox-wide p.line-3	{
	color: #B00000;
	margin: 0 0 0 480px;
}
#stylebox-wide p.m420 {margin: 0 0 0 420px;}
#stylebox-wide p.m360 {margin: 0 0 0 360px;}
#stylebox-wide p.m300 {margin: 0 0 0 300px;}
#stylebox-wide p.m270 {margin: 0 0 0 270px;}
#stylebox-wide p.m200 {margin: 0 0 0 200px;}
#stylebox-wide p.m170 {margin: 0 0 0 170px;}

#hostblock {
background: #ffffff;
margin: 10px 0 10px 10px;
border: 1px solid #C03A17;
font-size: 11px;
clear: both;
width: 630px;
}

#hostblock th {
background: #C03A17;
color: #fff;
font-size: 14px;
line-height: 22px;
}
#hostblock td {
text-align: center;
height: 14px;
padding: 5px 10px;
}
#hostblock td.cell-1 {
text-align: left;
padding-left: 10px;
}
#hostblock td.cell-2 {
background: #F7F8F3;
}
#hostblock td.cell-4 {
padding-right: 10px;
background: #F7F8F3;
}
#hostblock td.cell-head {
background: #C03A17;
color: #fff;
font-size: 12px;
text-align: left;
}
#hostblock a, #hostblock a:link, #hostblock a:active, #hostblock a:visited {
	font: normal 11px/12px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent url('uploads/images/right-arrow.png') bottom left no-repeat;
	color: #C03A17;
	padding: 0 0 0 15px;
	text-decoration: none;
}
#hostblock a:hover {
	background: transparent url('uploads/images/right-arrow-hover.png') bottom left no-repeat;
	color: #C03A17;
}


#weboffer {
width: 250px;
margin-left: 20px;
margin-right: 10px;
border: 1px solid #BFB083;
padding-left: 5px;
background: #EBEAD8;
position: relative;
top: 0px;
}
#weboffer ul {
list-style-type: none;
margin: 10px 10px 10px 40px;
}
#weboffer li {
line-height: 10px;
font-size: 11px;
}
#weboffer p {
font-size: 11px;
font-weight: bold;
}


#services-list {
width: 570px;
height: 310px;
margin: 10px 10px 0 0px;
/*background: transparent url('uploads/images/software-bg.jpg');*/
}

#services-list ul {
width: 220px;
font-size: 11px;
margin-left: 20px;
margin-top: 10px;
}
#services-list li {
font-size: 11px;
margin-left: 15px;
}

#faqs {
margin-top: 10px;
}

#faqs h2 {
font-size: 12px;
}

#faqs p {
margin: 5px 25px;
}
#faqs ul {
margin: 5px 50px;}
.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}
#listbox-left {
width: 300px;
float: left;
}
#listbox-right{
width: 320px;
float: right;
}
#listbox-left ul, #listbox-right ul {
margin-left: 20px;
}
dl {font-size: 12px; margin: 0px 0 0 15px;  }
dt {font-weight: bold; display: block; ; padding-top: 15px; }
dd {position: relative; top: 0px; left: -25px; width: 180px;}


.domain-un, .domain-pw {height: 15px; width: 120px;}
.domain-bt {background:#C03A17; color: #fff;
border-top: 1px solid #DFD5B5;
border-right: 1px solid #AFA178;
border-bottom: 1px solid #BFB38F;
border-left: 1px solid #DFD5B5;
width: 80px;
}

#quote hr {width: 97%; border:0; border-top: 1px solid #ebead8; height: 1px;}

.mc-right hr {width: 97%; border:0; border-top: 1px solid #DBD5BB; margin-bottom: 10px; height: 1px;}

.column-one {vertical-align: top;}
.column-two {vertical-align: top;}
/* End of '1-tgk-css' */