html, body {
	background: #eee url(images/page-bg-home.gif) repeat-x;
	color: #444;
	margin: 0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

.page2 {	background: #fff url(images/page-bg-sec.gif) repeat-x;}

#main-page2 h1 {	
	color: #444;
	text-shadow:1px 1px 1px #999;
	padding:0 10px;
	margin:0;
}
#main-page2 h2 {	
	color: #777;
	padding:10px 10px;
	margin:0;
}

#page{
	margin: 0 auto;
	width: 1000px;
	padding: none;
	z-index: 0;
}

#header {
	margin: 0 auto;
	width: 1000px;
	height: 120px;
}
#header t#title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-top:60px;
	margin-left:140px;
	font-size:1.1em;
	color:#ccc;
	letter-spacing:2px;
}
#logo {
	position:absolute;
	top:20px;
	width:300px;
	height:100px;
	margin: 0; 
	padding:0;
	z-index:999;
}

#navi {
	background: #333 url(images/navbg.gif) repeat-x 0px 0px;
	width:1000px;
	clear: both;
	height: 30px;
/*	border-radius:12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
*/
}
.page2 #navi {
	background: #333 url(images/nav-bg-sec.gif) repeat-x 0px 0px;
	height: 60px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#main{
	background: url(images/main-bg.gif) repeat-x;
	color:#eee;
	width: 1000px;
	height:300px;
	margin: 0px auto;
	z-index:0;
	padding:20px 0 0 0;
}
#main-page2 {
	color:#333;
	width: 1000px;
	min-width:480px;
	margin: 0px auto;
	padding:0;
	padding-top:0px;
}

#contact-box {
	float:right;
	font-size:1.2em;
	color:#ccc;
	text-align:right;
	height:70px;
	width:700px;
	margin:0;
	line-height:18px;
	
}
#contact-box a { color: #eee; }

#promo {
	background: url(/images/blackgradientup.png);
	position: absolute;
	left: 22px; top: 5px;
	width: 341px; height: 280px;
	overflow: hidden;
	z-index: 97;
	color:#eee;
	padding: 10px 10px;
}
#promo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	font-size:33px;
	letter-spacing:2px;
	margin: 0;
	padding:5px 0;
	color:white;
	font-weight: bold;
	text-shadow: black 2px 1px 5px;
	text-align:center;
	margin-bottom:30px;
}
#promo h3 a {
	font-size:2em;margin: 0;color:#333;font-weight: bold;
}

h1 {
	margin:0;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #eee;
	text-shadow:1px 1px 7px black;
	line-height:40px;
}

h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: lighter;
	color: #555;
	text-shadow:1px 1px 1px white;
}

h3  {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #777; 
	text-shadow:1px 1px 1px white;
	margin: 10px 0px;
}

a { font-weight: bold; color: royalblue; text-decoration:underline;}
a:visited { font-weight: bold;	color: royalblue; text-decoration:underline;}
a:hover { color: orange !important;}
a:link  { font-weight: bold;	color: royalblue; text-decoration:underline;}
a:active  { font-weight: bold;	color: royalblue; text-decoration:underline;}

p {}
ul {
	list-style: none;
	margin: 0 20px;
}   

#navi ul {
	font-size:14px;
	padding-left:20px;
	margin:0;
	list-style:none;
}
#navi ul li {
	float:left;
	margin: 0;
	padding:2px 0px;
	
	-webkit-transition: -webkit-box-shadow .2s linear;
	-moz-transition: -moz-box-shadow .2s linear;
	transition: box-shadow .2s linear;
}
#navi ul li:hover {
	 box-shadow: 0 0px 1em black;
	-moz-box-shadow:  0 0px 1em black;
	-webkit-box-shadow:  0 5px 1em black;
}
#navi ul li a {
	color: #eee;
	padding: 5px 15px;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0px;
	text-shadow: 1px 1px 0px #333;
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	transition: color .3s ease-in;
}
#navi ul li a:hover {
	color:dodgerblue !important;
	text-shadow: black;
}

#featured {
	background: url(images/featured-image-bg-trans.png) no-repeat;
	float:right;
	margin:0;
	width: 360px; 
	height: 300px; 
	z-index: 77;
	padding:6px 22px 18px 22px;
}

#slide-home {
	position: relative;
	margin: 0;
	width: 360px; 
	height: 300px; 
	z-index: 77;
}
#slide-home .picture {
	position: absolute;
	left: 22px; 
	top: 10px;
	width: 360px; height: 300px; 
	overflow: hidden;
	z-index: 97;
}
#fx-image-data {
	background:orange;
	opacity:.8;
	width: 330px;
	height: 50px;
	position:absolute;
	bottom: 0;
	left: 0;
	color:white;
	padding:3px 16px;
}
#fx-image-data #title {
	color:black;
	font-weight:bold;
}

/*** CONTENT ***/
.content {	
	padding: 10px 10px;
	font: 13px/18px Verdana,Georgia, Arial, Helvetica, sans-serif;
}
.side-content {	
	font: 13px/18px Verdana,Georgia, Arial, Helvetica, sans-serif;
	margin:0;
}
.content ul {
	list-style: square;
	padding: 10px 20px;
}

.shadow {
	 box-shadow: 0 0 2em #777;
	-moz-box-shadow:  0 0 2em #777;
	-webkit-box-shadow:  0 0 2em #777;
}
.shadow-1em {
	 box-shadow: 0 0 1em silver;
	-moz-box-shadow:  0 0 1em silver;
	-webkit-box-shadow:  0 0 1em silver;
}

#footer {
	float:right;
	color: #999;
	font-weight:bold;
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-top: 20px;
	text-align:left;
}

#footer a {
	color: #333;
}

#credits {
	float:right;width:100%;text-align:right;
	color:silver;
	margin-top:20px;
	font-size:11px;
}
#credits a, #credits a:visited,#credits a:hover {
	color:silver;
}

.clear { clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }

.round {
	border-radius:12px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}
#form-fields {
	font-size:14px;
	width:700px;
}

form label {
	float:left;
	width:150px;
	text-align:right;
	padding-right:10px;
}
input[type="text"],input[type="email"],input[type="textarea"],textarea {
	box-shadow: inset 0 0 5px silver;
	-moz-box-shadow: inset 0 0 5px silver;
	-webkit-box-shadow: inset 0 0 5px silver;
}
input:submit, input:button {
	margin-left:390px;
	background: dodgerblue;
	color:white;
	border: 2px solid lightblue;
}
form button:hover,button:focus,button:active {
	 box-shadow: 0 0 1em #777;
	-moz-box-shadow:  0 0 1em #777;
	-webkit-box-shadow:  0 0 1em #777;
}
input:invalid { background: #ffffcc }


.fxedit {
	 box-shadow:  0 0 2em dodgerblue;
	-moz-box-shadow:  0 0 2em dodgerblue;
	-webkit-box-shadow:  0 0 1em dodgerblue;
}
.admin-link {
	text-decoration:none;!important
}

.shadow {
	 box-shadow: 0 0 1em gray;
	-moz-box-shadow:  0 0 1em gray;
	-webkit-box-shadow:  0 0 1em gray;
}
.round {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.home-boxes {
	background: url(images/column-fade.gif) repeat-x;
	float:left;
	margin-right:10px;
	width: 220px;
	min-height:150px;
	padding:10px 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.home-boxes h2 {
	font-size:1.4em;
	text-shadow: 1px 1px 5px silver;	
}
.home-boxes:hover {
	background:#eee;
}

/*** Languages Bar ***/
#languages {
	float:right;
	width:400px;
	margin-top:20px;
	height:30px;
	color:#777;
	text-align:right;
}
#languages ul li {
	float:right;
	padding-left:20px;
}
#languages a {
	color:white;
	text-decoration:none;
	opacity: .7;
	transition: transform,opacity .3s ease-in;
	-moz-transition: -moz-transform,opacity .3s ease-in;
	-webkit-transition: -webkit-transform,opacity .3s ease-in;
}
#languages a:hover {
	opacity:1;
}