@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	18;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body {
	background-color:	#39312b;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.626%;
	padding-left: 1.1869%;
	padding-right: 1.1869%;
	background-image:	url(../images/catcloseup1400x1050.jpg);
	border:				thin solid #49413c;
}
#header {
	clear: both;
	
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#mainNav {
display: block;
width: 100%;

}
#menuSystem {
width: 100%;

}
.menuItem  {
	clear: none;
	border: medium solid #49413c;
	display: block;
	width:48%;
	background-image:	url(../images/menuwoodpod2.jpg)
}
.menuItem li
	{
	list-style: none;
	font-weight: bold;
	font-size: 1.2em;
	font: arial;
	float: left;
	
	color: #c1ad7d;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	
	
	}
.menuItem  a
	{
		display: 			block;
		
		text-align: 		center;
		vertical-align:		middle;
		text-decoration: 	none;
		/*background-color:	#594624;*/
		/*background-image:	url(../images/menuwoodpod2.jpg);*/
		color: 				#c1ad7d;
		font-size: 			1.4em;
		font-weight:		bold;
		font-family: "Times New Roman", Times, serif;
		margin-left:		auto;
		margin-right:		auto;
	}
	
.menuItem a:link
	{	
		display: 			block;
		/*width: 				140px;
		height:				33px;*/
		color: 				#c1ad7d;
		text-align: 		center;
		vertical-align:		middle;
		text-decoration: 	none;
	}




.menuItem  a:hover
	{	
		background: 		#594624;
		color:			 	ffffff#;
	}


.article {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	
	
}
#main
	{
		width: 				100%;
		background-image:	url(../images/backgroundmain1400x1050_o.jpg);
	
		border-style:		solid;
		border-width:		2px;
		border-color:		#49413c;
		color:				#663300;
		text-align:			justify;
		font-family:		Arial,Helvetica,Univers,Zurich BT;
		font-size:			14pt;
		margin-bottom:		5px;
	}




#title {

		margin-top:			20px;
		margin-left:		50px;
		font-size:			20pt;
		font-weight:		bold;
		color:				#386172;
		font-family: "Times New Roman", Times, serif;
	
	}
}

#column1 {
	clear: none;
	display: block;
	width:100%;
	padding: 2%;

	
}
.textHome1 {
	margin-top:			1%;
	margin-left:		1%;
	margin-right:		1%;
	font-size:			100%;
	font-weight:		semi-bold;
	color:				#663300;
	}

#column2 {
	clear: none;
	display: block;
	width: 98%;
	padding: 2%;
	}
.textHome2 {
	margin-top:			1%;
	margin-left:		1%;
	margin-right:		1%;
	font-size:			100%;
	font-style:			italic;
	color:				#663300;

}
p:first-letter {
	font-size:1.5em;
}
.tableServices 
	{
		position:	relative;
		left:		50px;
		z-index:10;
	}


.tableStarter
	{
		position:	absolute;
		left:		50px;
		top:		75px;
	}

.tableClientProvides 
	{
		position:	absolute;
		left:		325px;
		top:		75px;
	}

.tableFeatureAddons 
	{
		position:	absolute;
		left:		600px;
		top:		75px;
	}

.tableMaintenance
	{
	position:	absolute;
	left:		100px;
	top:		75px;

	}

.tableExtras
	{
	position:	absolute;
	left:		100px;
	top:		75px;
	z-index:    -1;

	}	
#contactForm  {
	clear: none;
	display: block;
	float: left;
	width: 95%;
	margin-left: 3px ;

	}
.formbox
		{
			background-color:  #e7daba;
		}
		
#comments
		{
			background-color:  #e7daba;
			width:				100%;
		}
#send
		{
			background-color:#e7daba;
		}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}

#developer {
	clear:none;
	display:block;
	width: 100%;
	padding: 1px;
}
p.developerContent
	{
		text-align:			center;
		color:				#ffffff;
		font-size:			1em;
		margin-bottom:		0px;
		
	}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 91.7869%;
	padding-left: 0.6065%;
	padding-right: 0.6065%;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#article {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#column1 {
	clear: none;
	display: block;
	width:50%;
	float:left;
	padding: 2%;

	
}
.textHome1 {
	margin-top:			2%;
	margin-left:		2%;
	font-size:			120%;
	font-weight:		bold;
	color:				#663300;
	}

#column2 {
	clear: none;
	display: block;
	float: right;
	width: 40%;
	padding: 2%;
	
 	
}
.textHome2 {
	margin-top:			1%;
	margin-left:		1%;
	font-size:			100%;
	font-weight:		bold;
	color:				#663300;

}
#video1 {

}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 89.2173%;
	max-width: 1232px;
	padding-left: 0.3913%;
	padding-right: 0.3913%;
	margin: auto;
}

#header {
	clear: both;
	margin-left: 0;
	width: 80%;
	margin-left:9%;
	margin-right:9%;
	display: block;
	text-align: center;
}


#mainNav {
display: block;
width: 100%;
}
#menuSystem {
width: 80%;
margin-left:9%;
margin-right:9%;
background-image:	url(../images/menuwoodpod2.jpg);
}
.menuItem {
	clear: none;
	
	padding-top: 2px;
	padding-bottom: 2px;
	
	
	text-align: center;
	/*border-radius: 5px;*/
	display: block;
	width: 16.20%;
	margin-left: 0%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	border-style:		solid;
	border-width:		2px;
	border-color:		#49413c;
	}
	
#article {
	clear: both;
	width: 98%;
	display: block;

}

#main
	{
		background-image:	url(../images/backgroundmain1400x1050_o.jpg);
		width:79.5%;
		margin-left:9%;
		margin-right:9%;
		border-style:		solid;
		border-width:		3px;
		border-color:		#49413c;
		color:				#663300;
		text-align:			justify;
		font-family:		Arial,Helvetica,Univers,Zurich BT;
		font-size:			14pt;
		margin-bottom:		5px;
	}

#footer {
	clear: both;
	margin-right:9%;
	margin-left: 9%;
	width: 80%;
	display: block;
	
}
#developer {
	clear:none;
	display:block;
	width: 100%;
	padding: 0% 2% 0% 3%;
}
p.developerContent
	{
		text-align:			center;
		color:				#ffffff;
		font-size:			1.2em;
		
		
	}
}