@charset "utf-8";
html {height:100%;}
body {font: Verdana, Arial, Helvetica, sans-serif; height:100%; top:0; left:0; margin: 0; padding:0; text-align:center;}
#bg {background-attachment:fixed; width:100%; height: 100%; z-index:-1; position: absolute;}
body {margin:0; padding:0; font:bold 11px/1.5em Verdana;}
.menu {margin: 0 auto; width:100%;}

/* MENU ITEMS */
#tabsH {float:right; width:800px; font-size:145%; line-height:normal; font: Verdana; overflow:hidden;}
#tabsH ul {margin:0 20px; padding:10px 10px 0 0px; list-style:none;}
#tabsH li {display:inline; margin:0; padding:0;}
#tabsH a {float:right; background:url("images/tableftH.gif") no-repeat left top; margin:0 0 0 10px; padding:0 0 0 4px; text-decoration:none;}
#tabsH a span {float:left; display:block; background:url("images/tabrightH.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF;}
#tabsH #current a span {background:url("images/tabrightHon.gif");}
#tabsH #current a{background:url("images/tableftHon.gif");}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {color:#FFF;}
#tabsH a:hover {background-position:0% -42px;}
#tabsH a:hover span {background-position:100% -42px;}
.menu-container{width:400px; margin:0 auto;}
/* END MENU ITEMS */
	
 /* LAYOUT */	
#container {width:800px; background:none; margin:0 auto; text-align:left;}
#header {background-image:none; height:230px;}
#logo {width:462px; height:230px; float:right; margin:0;}
#header h1 {margin:0; padding: 10px 0;}
.footer-content {margin: 10px 20px; background-color:#000; font-size:12px; color:#FFF; padding: 10px; -webkit-border-radius:8px; -moz-border-radius:8px;}
 /* END LAYOUT */

 /* CONTENT AREA */
#grey-bg {width:800px; background-image:url(images/black-bg-60.png); background-repeat:repeat;
overflow:hidden; width:800px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.black-bg {color:#FFF; font-size:12pt; background-color:#000; overflow:hidden; clear: both; width: 740px; margin:0 20px 10px 20px; padding:10px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.content100 {padding:10px;	overflow:hidden;}
.content50 {padding:10px; overflow:hidden; width:400px; float:left;}
.content-home {padding:10px; overflow:hidden; width:350px; float:left;}
.image-right {float:right; margin:0 30px 0 0;}
.content50center {padding:10px; overflow:hidden; width:400px; margin: 0 auto;}
.content33 {width:32%;	padding:10px; overflow:hidden; float:left; }
.content33border {width:32%; padding:10px; overflow:hidden; border-right:dotted;	border-right-color: #FFF; border-right-width:3px; float:left;} 
 /* END CONTENT AREA */

/* LINK COLORS */
a:link {color:#BEEDFC;}    /* unvisited link */
a:visited {color:#AAE8FD;} /* visited link */
a:hover {color:#95E1FA;}   /* mouse over link */
a:active {color:#AAE8FD;}  /* selected link */
/* END LINK COLORS */

/* FONTS AND HEADINGS */
h1 {font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold; line-height:22px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:18px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:15px;}
p {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:13px;}
/* END FONTS AND HEADINGS */

/* PORTFOLIO THUMBNAILS */
.boxgrid{width:325px; height:260px; margin:15px; float:left; border:none; overflow: hidden; position:relative;}
.boxgrid img{position:absolute; top:0; left:0; border:0;}
.boxcaption{float:left;	padding:0px 10px; position:absolute; background:#000; width:305px; height: 260px;
	opacity: .8;
	/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top:260px; left:0px;}
.caption .boxcaption {top:215px; left:0px;}
.pics {height:232px; width:232px; padding:0; margin:0;}  
.pics img {padding:15px; border:1px solid #ccc; background-color:#eee; width:200px; height:200px; 
 top:0; left:0;} 
 /* END PORTFOLIO THUMBNAILS */
 
 
 /* SIMPLE GALLERY */
#simplegallery1{ /* CSS for Simple Gallery Example 1 */
position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 10px solid darkred;}
#simplegallery1 .gallerydesctext{ /* CSS for description DIV of Example 1 (if defined) */
text-align: left; padding: 2px 5px;}
 /* END SIMPLE GALLERY */