/* CSS Document */

/****------------------ PAGE LAYOUT ----------------------****/

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	line-height:19px;
	background: #d9d3a8 url(images/background.png) repeat-x;
	background-attachment: fixed;
}

.boundingBox{
	position: relative;
	margin: auto;
	width:918px;
	height:100%;
	text-align:center;
	background-color: #ffffff;
	border: solid 1px #7A7138;
}

#header{
	position:relative;
	width:918px; 
	height:106px;
	margin: auto;
	background-image: url(images/CPheader.gif);
	text-align:right;
	padding: 0px;
	margin:0px;
}

#headLine{
	position:relative;
	width:918px; 
	height:110px;
	background-image: url(images/headLine.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#navDiv{
	position:relative;
	width:901px; 
	height:30px;
	background-color: #7A7138;
	border: solid #ffffff;
	border-width: 0px 8px 0px 9px;
}

#subNavDiv{
	position:relative;
	width:918px; 
	height:25px;
	background-color: #4E3F00;
	border-bottom: 1px solid #493E10;
	z-index: 1;
}

#main{
	position:relative;
	width:858px;
	padding: 20px 30px 20px 30px
}

.rightImage {
	float:right; 
	margin:0px 0px 5px 15px;
	border:none;
}

.leftImage {
	float:left; 
	margin:0px 15px 5px 0px;
	border:none;
}

#footerTag{
	position:relative;
	width:918px; 
	height:25px;
	background-color: #4E3F00;
	border-bottom: 1px solid #000000;
}

#indexCopy {
	position:relative;
	margin:5px 20px 0px 20px;
	width:820px;
	text-align:left;
}

.footerBox{
	position:relative;
	margin: auto; 
	width:918px; 
	height:15px; 
	text-align:center;
	font-size: 9px;
	line-height:12px;
	background-color: #7A7138;
}

#aboutImage{
	position:absolute;
	top: 0px;
	right: 0px;
	width:467px;
}


/****------------------------ STYLES -----------------------****/

.GGBold {
	font-weight:bold;
	color: #028181;
}

.controlPanel{
	font-weight:bold;
	font-variant:small-caps;
	font-size:16px;
	color:#000000;
}

.P{
	color: #7A7138;
}

.headline{
	font-size:20px;
	color: #7A7138;
	font-style:italic;
}

.image{
	border: 1px solid #7A7138;
}

.galleryThumb{
	border: 2px solid #028181;
}

.headerText{
	font-family: Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	font-style: italic;
	color:#222EA1;	
}

.price {
	border: 1px solid #7A7138;
}

.priceRight {
	border-right: 1px solid #7A7138;
}

.priceTH {
	border-bottom: 1px solid #7A7138;
}

.indexImageNav {
	border:0px;
}

#websites {
	height:135px;
	width:25%;
/*	background-image: url(images/websitesOff.jpg);
	background-position: top center;
	background-repeat: no-repeat;*/
	vertical-align:top;
	border-right:1px solid #8B8143
}

/*#websites:hover {
	background-image: url(images/websitesOn.jpg);
	background-repeat: no-repeat;
}*/

#graphicDesign {
	height:135px;
	width:25%;
	vertical-align:top;
	border-right:1px solid #8B8143
}

#maintenance {
	height:135px;
	width:25%;
	vertical-align:top;
	border-right:1px solid #8B8143
}

#hosting {
	height:135px;
	width:25%;
	vertical-align:top;
}

.mainText{
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;	
	color: #000000;
}

.mainText2{
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;	
	color: #000000;	
	line-height:19px;	
}

.mainTextHeadline{
	font-size: 20px;
}

a.nav{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
    text-decoration:none;
	color:#ffffff;
}
a.nav:hover{
   color:#C2BA82
}

a.subNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
    text-decoration:none;
	color:#8B8143;
}
a.subNav:hover{
	text-decoration:underline;
   color:#ffffff
}

a.bottomNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
    text-decoration:none;
	color:#ffffff;
}
a.bottomNav:hover{
   text-decoration:none;
   color:#95AECA
}

a.links{
	text-decoration:underline;
	color: #7A7138;
}

a.links:hover{
	text-decoration:none;
	color: #000000;
}

a.footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff
}

.textBold {
	font-weight:bold;
}

.textItalic {
	font-style:italic;
}

.footerText {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
}

.textSM {
	font-size:12px;
}

.textSSM {
	font-size:10px;
}

INPUT,TEXTAREA { font-family: sans-serif; font-size: 12px; }