html { width: 960px; }

body{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #807B88; font-size: 95%; margin: 0 auto; padding: 0; border: 0; width: 960px; text-align: left; }

/* Header */
#header { margin: 15px 0 15px 0; }

#header img, #header .address { float: left; margin-left: 30px; }

#header .address { margin: 10px 0 10px 5px; }

#footer { position: absolute; top: 600px; margin-top:50px ;height: 30px; border-top: solid 3px #999999; background-color: White; width: 960px; }

#twitter { float: left; padding:5px; }
#twitter a {  font-size: 0.8em; color: #60C6E7;  }

#twitter a img { margin-left: 3px; }

#legals { float: left; font-size: 0.5em; font-style: normal; font-weight: normal; text-decoration: none; padding:5px 5px 5px 10px; }

#copyright{ float: left; font-size: 0.5em; font-style: normal; font-weight: normal; text-decoration: none; padding:5px 5px 5px 10px; }

#toprip, #bottomrip { clear: both; background-repeat: repeat-x; height: 8px; }

#toprip { background-image: url(../images/riptile_top.gif); }

#bottomrip { background-image: url(../images/riptile_bottom.gif); }

.address{ font-size: 10px; color: #898f9d; display: block; line-height: 16px; }

.address a{ font-size: 10px; color: #898f9d; text-transform: none; margin-left: 10px; }

#tagline{ font-size: 0.8em; }

#tagline ul {  margin: 0px; list-style: none; text-align: right; }

#tagline ul li { display: inline; color: #999999; padding: 6px; line-height: 50px; }



/* Left Menu */
#menu { float: left; width: 180px; margin-left: -10px; /*text-align: center;*/ font-size: 0.8em; z-index: 10; }

#menu ul {  margin: 0px; list-style: none; text-align: left; }

#menu ul li { margin-right: 50px; width: 120px; padding: 5px 3px 5px 3px; }

#menu ul li a { text-decoration: underline;	color:#999999; }

#menu ul li a:hover, #menu ul li:hover a { color:#FFA627; }

#menu ul li:hover { text-decoration: none; color: #FFA627; background-color: #808080; width: 120px; padding: 5px 3px 5px 3px; }

#menu ul li.selected a { text-decoration: none; color: #FFA627; }

#menu ul li.twitter a { color: #60C6E7; }

#menu ul li a img {  /*margin-top: 10px;*/ }


/* Right hand menu */
#list{ float: right; width: 260px; border-bottom: solid 1px #999999; padding-bottom: 10px; }

#list ul { text-align: left; margin: 0; padding: 0; float: left; width: 130px; }

#list ul.second { text-align: left; margin: 0;  padding: 0; float: left; width: 100px; }

#list ul li { list-style: none; color: #999999;  padding: 3px 0 3px 0; font-size: 0.8em; }

#rightcolumn{ float: right; }

#sidetext{ clear: both; float: right; margin: 5px 0 0 0; font-family: Georgia, serif; color: #807B88;  width: 270px; font-size: 1.0em; }

#sidetext h1 { font-weight: normal; margin-left: 8px; margin-top: 3px; margin-bottom: 1px; }

#sidetext p { margin: 8px 0 8px 8px;}

#sidetext strong { color: Black; font-weight: normal; color: #FFA627; }


/* Content */
#container{ float: left; clear: both; text-align: left; }

#content { float: left; width: 500px; margin-right: 20px; font-family: Georgia, serif; font-size: 0.9em; position: relative; }

.newscontent { width: 420px !important; }

#scroller { width: 790px; height: 550px; overflow-y: scroll; }

#content p { margin: 0 0 10px 0; line-height: 1.3em; }

#content p strong { color: #FFA627; font-size: 1.1em; }

#content h1 { color: #FFA627; margin-top: 0px; font-weight: normal; font-size: 1.3em; }

#content img.homelogo { /*margin: 50px 20px 20px -150px;*/ position: absolute; top: 50px; left: -150px; z-index: -100; }

.photo div a img { margin: 0 !important; }

#content div.photo { margin-left: 200px; }

.emailinbody { position: relative; height: 30px; }

.emailinbody a{ position: absolute; left: 100px; color: #FFA627; }


/* Portfolio List */
#portfoliolist { float: right; width: 260px; }

#portfoliolist ul { text-align: left; margin: 0 0 0 -30px; float: left; width: 250px; }

#portfoliolist ul li { list-style: none; color: #999999;  padding: 0; font-size: 0.8em; }

#portfoliolist ul li.selected, #portfoliolist ul li.unselected { list-style: none; }

#portfoliolist ul li.selected a, #portfoliolist ul li a { color: #FFA627; }

#portfoliolist ul li.unselected a { color: #999999; }

.portfoliotext , .contacttext { margin-top: 0px; }

.portfoliotext p , .contacttext p { /*font-size: 1.1em;*/ }

.portfolioinstructions{ clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; text-align: center; width: 400px; margin: 5px auto; position: relative; left: -20px; }

.homeinstructions{ clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; text-align: center; width: 500px; margin: 5px auto; position: relative; left: -20px; /*top: 35px;*/  }

/* Testimonial List */
#testimoniallist { float: right; width: 260px; }

#testimoniallist ul { text-align: left; margin: 0 0 0 -30px; float: left; width: 250px; }

#testimoniallist ul li { list-style: none; color: #999999;  padding: 0; font-size: 0.8em; }

#testimoniallist ul li.selected, #testimoniallist ul li.unselected { list-style: none; }

#testimoniallist ul li.selected a, #testimoniallist ul li a { color: #FFA627; }

#testimoniallist ul li.unselected a { color: #999999; }


/* Testimonial */

.testimonialtext { margin-top: 0px; }

.testimonialtext p { font-family: Georgia, serif; /*font-size: 1.1em;*/ }

.quote { /*font-size: 1.1em;*/ }

.quotename{ /*font-size: 1.1em;*/ margin-top: 20px; color: #FFA627; }

.quoteco{ font-size: 0.8em;}


/* News */
.newstext { font-family: Georgia, serif; font-size: 1.1em; }

.newsdate{ margin-top: 30px; font-size: 1em; /*line-height: 1.1em;*/ font-weight: normal; }

.newsarticle h1{ color: #FFA627; font-size: 1.1em !important; /*line-height: 1em;*/ white-space: nowrap; margin: 0px; }

.newsarticle h2{ font-weight:bold; font-size: 1em; /*line-height: 1em;*/ white-space: nowrap; margin: 0px 0 8px 0;}

.newsarticle { position: relative; margin-bottom: 30px; width: 420px; }
.newsarticle p { line-height: 1.3em; }
.newsarticle .image { position: absolute; top: 30px; left: 470px; margin: 10px; }

.newsarticle .caption { position: relative; top: 0px; left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; text-align: center; }


/* Contact */
.contacttext a { color: #999999; font-size: 0.9em; }

.contacttext strong { color: #FFA627; font-weight: normal; }



.HoldingSection {
	text-decoration: none;
	border: 1px solid #807B88;
	width: 810px;
	height: 522px;
	padding: 10px;
	margin: auto;
}



.ClickSingle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #8B8F9E;
	text-decoration: none;
    width: 350px;
    margin-top: 20px;
    float: right;
}

.ClickQuad{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #8B8F9E;
	text-decoration: none;
    width: 350px;
    margin-top: 20px;
    float: right;
}

.pagination{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #8B8F9E;
	text-decoration: none;
    width: 280px;
    margin-top: 20px;
    float: right;
}

.pagination a{
	color: #898490;
	margin: 0 10px 0 10px;
}


/* News Bubbles */
.bubble { clear: both; display: block; font-family: Georgia, serif; width: 212px; height: 135px; background-image: url(../images/bubble180w.jpg); background-repeat: no-repeat; text-align: center; }

.bubble h2{ font-size: 1.0em; color: #FFA627; margin: 0px 0 0px 0; padding-top: 8px; text-align: center; }

.bubble p { font-size:0.90em; margin:0px !important; text-align: center; }

.bubble a { text-decoration: underline; font-size:0.90em; color:#807B88; margin: 0px; }

.bubble a:hover { color:#FFA627; }

.newsbubble{ position: absolute; top: 250px; left: 640px;  }

.homebubble{ /*position: absolute; position: relative; top: 480px; left: 750px;*/ font-size: 1.0em; }

.portfoliobubble{ position: absolute; top: 330px; left: 30px; font-size: 1.0em; }

.aboutusbubble{ position: absolute; top: 270px; left: 670px; font-size: 1.0em; }

.contactbubble{ position: absolute; top: 250px; left: 640px; font-size: 1.0em; }


/* Overriding the default Slideshow thumbnails for the vertical presentation */
.slideshow-captions p {
	text-indent: 0;
	padding-left: 10px;
	line-height:normal;
}


.slideshow-captions-visible {
	height: 66px;
}

.slideshow-thumbnails
{
    top: 320px;
    height: 85px;
    left: 20px;
    overflow: auto;
    width: 400px;
}
.slideshow-thumbnails ul
{
    height: 60px;
    width: 900px;
}
.slideshow-thumbnails li
{
    margin: 0 5px 0 0;
}
.slideshow-thumbnails a
{
    background: url(css/slideshow/thumbnails-a.gif);
    float: left;
    opacity: .5;
    padding: 10px;
}
.slideshow-thumbnails a img
{
    border: 0;
}
.slideshow-thumbnails .overlay
{
    bottom: 25px;
    height: 60px;
    position: absolute;
    width: 30px;
    z-index: 10000;
}
.slideshow-thumbnails .overlay.a
{
    background: url(css/slideshow/thumbnails-a.png);
    left: 0;
}
.slideshow-thumbnails .overlay.b
{
    background: url(css/slideshow/thumbnails-b.png);
    right: 0;
}