* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image: url(../images/main_bg.gif);
 background-repeat: repeat-x;
 color: #000000;
}


h1 { font-size:2em;
	font-weight:normal;
	font-family:georgia,times,sans-serif;
	margin: 0 0 10px 0;
}

h2 { font-size:1.4em;
	font-weight:normal;
	font-family:georgia,times,sans-serif;
	margin: 0 0 10px 0;
	color: #999;
}

h3 { font-size:1.2em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	color: #999;
}

h4 { font-size:1.2em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	color: #000;
}




#wrapper { 
 margin: 0 auto;
 width: 722px;
}
#header {
 color: #333;
 width: 700px;
 float: left;
 padding: 0 10px 0 10px;
 height: 150px;
 margin: 0 0px 0px 0px;
 background: transparent;
}

#navigation {
 float: left;
 width: 700px;
 color: #333;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: transparent;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #f3f3f3;
 margin: 0px 0px 20px 0px;
 padding: 10px;
 width: 180px;
 float: left;
}

#leftcolumn img {
margin: 0 0 10px 0;
border: none;
}

#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 478px;
 display: inline;
}

#rightcolumn p{ 
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
 }

#rightcolumn img.main {
margin: 10px 0 0 5px;
text-align: center;
padding: 10px 0 0 0;
border-top: 1px dashed #cccccc;
}

#footer { 
 width: 722px;
 height: 50px;
 line-height: 50px;
 font-size: 11px;
 clear: both;
 color: #000;
 margin: 0;
 padding: 0;
 text-align: center;
 background-image: url(../images/footer_bg.gif);
 background-repeat: no-repeat;
}

#footer  a {
	font-size: 11px;
	color: #896F46;
}
#footer  a:link {
	text-decoration: underline;
}
#footer  a:visited {
	text-decoration: underline;
	color: #896F46;
}
#footer  a:hover {
	text-decoration: none;
	color: #12548E;
}
#footer  a:active {
	text-decoration: underline;
	color: #896F46;
}

/*
Links Start
*/


a {
	font-size: 12px;
	color: #333333;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #12548E;
}
a:active {
	text-decoration: underline;
	color: #333333;
}

/*
Links end
*/



/*
Navigation  Start
*/

ul#navlist
{
margin-right: 0;
padding-right: 0;
white-space: nowrap;
float: right;
}

#navlist li
{
display: inline;
list-style-type: none;
text-transform: uppercase;
font-weight: bold;
}

#navlist a { padding: 10px 10px 10px 10px; }

#navlist a:link, #navlist a:visited
{
color: #0667AD;
text-decoration: none;	
}

#navlist a:hover
{
color: #666;
text-decoration: none;
}

/*
Navigation  End
*/

/*
Classes  Start
*/

.phrase {
margin-left: 100px;
}

.services {
float: right;
border: none;
clear: both;
margin: 15px 15px 0 0;
padding: 0;
}

.small {
text-align: right;
margin: 7px 0 5px 0;
}

.caption {
font-size: 9px;
padding: 0 0 5px 0;
margin: 0 0 0 5px;
width: 100%;
line-height: 25px;
}

/*
Classes End
*/

.bullets
{

margin: 15px 0 0 10px;
padding-left: 0;
list-style: none;
}

.bullets li
{

padding-left: 20px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0;
}

#contact
{
margin: 15px 0 0 0;
padding-left: 0;
list-style: none;
list-style-type: none;
}

#contact li
{
list-style-type: none;
padding-left: 0;
background-position: 0 .5em;
}

/* Gallery Start */

#gallery {
   width: 478px; /* the width of the thumbnail block */
   text-align: center;
   margin: 0 auto;
   }
   
   
   #gallery ul li {
   margin: 0;
   list-style: none;
   float: left;
   }
   
   #gallery a img {
   border: 5px solid #C9C997;
   margin: 5px;
   }
	
	#gallery a:link img,
	#gallery a:visited img{
   	border: 5px solid #C9C997;
    margin: 5px;
	}
	#gallery a:focus img,
	#gallery a:hover img,
	#gallery a:active img{
	border: 5px solid #000;
   	margin: 5px;
	}

   
/* Gallery end */


/* Forms Start */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-size: 12px;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* Forms end */