@import url("reset.css");

/* body
--------------------------------------------------*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;,overflow:hidden;}
/* end hide */
body {
background-color: #D3D5B9;
text-align:center;
min-height:600px;/* for good browsers*/
min-width:742px;/* for good browsers*/
}


/* container
--------------------------------------------------*/
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}


#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 600px;
}


#inner {
width: 742px;
height: 600px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:0px;
}


/* mainlayout
--------------------------------------------------*/
#mainlayout {
  width:742px;
  height:546px;
}


#logo {
  width:342px;
  height:50px;
  background: url('images/logo.gif') no-repeat;
  margin:0px 0px 0px 342px;
  padding:0px;
  float:right;
}


#contentbg {
  width:400px;
  height:342px;
  background: #fff url('images/dotline.gif') no-repeat ;
  background-position: 0 95px;
  margin:0px;
  padding:0px;
  float:left;
  font-size:10px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
}


#contenttitle {
  width:400px;
  height:89px;
  text-align:left;
}


#content {
  margin:0px;
  padding:10px;	
  line-height: 150%;
  text-align: left;
}


#image {
  background: #EBEDE2;
  width:342px;
  height:342px;
  margin:0px;
  padding:0px;
  float: left;
}

#image_inner {
  background: #fff;
  width:270px;
  height:270px;
  margin:0px;
  padding:0px;
  float: left;
}

#nav {
  width:373px;
  height:19px;
  background-color:#6F732D;
  margin:0px;
  padding:0 0 0 27px;
  float: left;
  text-align: left;
}


#whitespace {
  width:342px;
  height:15px;
  background-color:#fff;
  margin:0px;
  padding-top: 4px;
  float: left;
}

#subnav {
  width:400px;
  height:130px;
  background: #fff url('images/dotline.gif') no-repeat;
  background-position: bottom;
  margin: 0;
  padding:0;
  float: left;
  text-align: left;
}

#subcontent {
  width:342px;
  height:130px;
  background-color: #c1c49d; 
  margin:0px;
  padding:0px;
  float:left;
}  

#subcontenttext {
	margin: 10px;
	text-align: left;
}

/* content text
--------------------------------------------------*/
#content_text_left {
	float: left;
	vertical-align: top;
	text-align: left;
}  

#content_text_right {
	float: right;
	vertical-align: top;
	text-align: left;
} 


/* sub content text
--------------------------------------------------*/
#subcontent_text_left{
	width: 151px;
	height: 130px;
	padding: 0 10px 0 10px;
	text-align: left;
	float: left;
	background: url('images/dotline_vert.gif') no-repeat;
	background-position: right;
}

#subcontent_text_left_space{
	padding: 10px 0 0 0;
}

#subcontent_text_right{
	width: 151px;
	height: 130px;
	padding: 0 10px 0 10px;
	text-align: left;
	float: left;
}

#subcontent_text_right_space{
	padding: 10px 0 0 0;
}

/* links
--------------------------------------------------*/
a {
text-decoration:none;
color:000000;
outline:none;
}

a img {
border:none;
}


/* footer
--------------------------------------------------*/
#footerbg{
  background-color: transparent;
  width:742px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;

}

#footer_left{
  float: left;
  font-size:12px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
}

#footer_right{
  float: right;
  font-size:12px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  text-align: right;
}

.footer{
  margin: 5px 0 0 0;
  font-size:10px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  color: #6F732D;
  font-weight: normal;
}

.footer a{
  color: #6F732D;
}


/* text
--------------------------------------------------*/
.black{
  color: #000;
}

.blue {
  margin:0px;
  font-size:11px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  text-align: left;
  color: #3399cc;
  font-weight: bold;
} 

.white_subcontent{
  margin:0px;
  font-size:10px;
  line-height: 12px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  text-align: left;
  color: #FFFFFF;
} 

.white{
  margin:0px;
  font-size:10px;
  line-height: 10px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  text-align: left;
  color: #FFFFFF;
} 

.white:hover{
  margin:0px;
  font-size:10px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  text-align: left;
  color: #6F732D;
} 

.green {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  color: #6F732D;
  display: inline;
}

.green_bold {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  color: #6F732D;
  font-weight: bold;
  display: inline;
}

.green_subcontent {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  color: #6F732D;
font-weight: bold;
}

.greenheader {
  margin:0px;
  font-size:12px;
  font-style: bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #c1c49d;
}

.contact a{
color: #000;
}

.contact a:hover{
color: #000;
text-decoration: none;
}

/* subnav ul
--------------------------------------------------*/
ul.subnav{
list-style: none;
padding-top: 5px;
padding-left: 0;
margin-left: 0;
}

ul.subnav li{
background: url(images/arrow.png) no-repeat 0 50%;
padding-left: 12px;
padding-bottom: 3px;
width: 160px;
line-height: 12px;
}

ul.subnav li.about {
margin:0 0 0 51px;
}

ul.subnav li.portfolio {
margin:0 0 0 102px;
}

ul.subnav li.clients {
margin:0 0 0 184px;
}

ul.subnav li.community {
margin:0 0 0 235px;
}

ul.subnav li.contact {
margin:0 0 0 311px;
}

ul.subnav a{
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #728437;
text-decoration: none;
}

ul.subnav a:hover{ 
color: #B1BB8D;
}

/* portfolio page specifics
--------------------------------------------------*/	 
.virtualpage{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ 
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ 
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ 
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}	 

.Scrollbar-right {
  cursor: pointer;
  position: absolute;
  top: 0px; left: 320px;
}

.Scrollbar-left {
  cursor: pointer;
  position: absolute;
  top: 0px; left: 320px;
}