* {margin:0;padding:0}
/* mac hide \*/
html,body{
 height: 100%;
 width: 100%;
 overflow: auto;
}
/* end hide */
  



/* body
--------------------------------------------------*/
body{
 background-color: white;
 background: url('/images/bg.jpg');
 background-position: bottom;
 background-repeat: repeat-x;
 text-align: center;
 min-width: 709px;
 min-height: 467px;
}

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

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

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

/* content
--------------------------------------------------*/
#mainlayout{
 width: 709px;
 height: 500px;
}

#top{
 width: 709px;
 height: 68px;
}

#logo{
 width: 221px;
 height: 68px;
 float: left;
 background: url('/images/logo.gif') no-repeat;
 cursor: pointer;
}

#nav{
 width: 488px;
 margin-top: 50px;
 margin-left: 0px;
 margin-bottom: 5px;
 margin-right: 0px;
 padding: 0px;
 float: right;
 font-family: arial,sans-serif;
 font-size: 14px;
 text-align: right;
}

#middle{
}

#middleleft{
 float: left;
}

#contentbg{
 width: 451px;
 height: 450px;
 background-color: #747981;
}

#content{
 padding: 30px; 
}

#middleright{
 width: 258px;
 height: 450px;
 float: right;
}

#newsletterbg{
 width: 258px;
 height: 450px;
 background-color: #C3C0DE;
}

#newsletter{
 padding-top: 30px;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-right: 10px;
}

#submit{
 width: 61px;
 height: 17px;
 margin-top: 0px;
 margin-right: 20px;
 margin-bottom: 0px;
 margin-left: 0px;
 float: right;
}

#promo{
 width: 258px;
 height: 172px;
 background: url('/images/promo.gif') no-repeat;
 cursor: pointer;
}

#learnmore{
 width: 101px;
 height: 21px;
 background: url('/images/learnmore.gif') no-repeat;
 float: right;
 cursor: pointer;
}

#bottom{
 width: 709px;
 height: 20px;
}

#copyright{
 margin-top: 15px;
 height:50px;
 float: left;
}

#phone{
 width: 223px;
 height:50px;
 margin-top: 5px;
 float: right;
}

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

a img{
border: none;
}


/* fonts
--------------------------------------------------*/
.header{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #C6B9D8;
 line-height: 1em;
 font-style: normal;
 font-size: 1.5em;
 text-align: left;
}

p{
 font-family: verdana,arial,sans-serif;
 font-weight: normal;
 color: white;
 font-style: normal;
 font-size: 70%;
 text-align: left;
}

.newsletter{
 font-family: verdana,arial,sans-serif;
 font-weight: bold;
 color: #292763; 
 line-height: 1em;
 font-size: .8em;	 
 text-align: left;
}

.phone{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #292763; 
 font-size: 1em;
 text-align: left;
}


.black{
 font-family: verdana,arial,sans-serif;
 font-weight: normal;
 color: black;
 font-style: normal;
 font-size: 10px;
 text-align: left;
} 

.blue{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #C6B9D8;
 font-style: normal;
 font-size: .8em;
 text-align: left;
}

.nav{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #D2CFE6;
 line-height: 1em;
 font-style: normal;
 font-size: 1em;
 text-align: right;
 text-decoration: none;
}

a.nav:link{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #D2CFE6;
 line-height: 1em;
 font-style: normal;
 font-size: 1em;
 text-align: right;
 text-decoration: none;
}

a.nav:hover{
 font-family: arial,sans-serif;
 font-weight: bold;
 color: #6C81A4;
 line-height: 1em;
 font-style: normal;
 font-size: 1em;
 text-align: right;
 text-decoration: none;
}	  

a:hover {cursor:pointer;}

/* 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;
}

/* scroller specifics
--------------------------------------------------*/	 
.Container2 {
  position: relative;
  top: 0x; left: 0px;
  width: 300px;
  height: 340px;

}
#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  width: 300px;
  height: 340px;
}
#Scroller-1 p {
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}
.Scroller-Container {
  position: relative;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 0px; left: 320px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 50px; left: 320px;
}