@charset "utf-8";
/* get rid of system borders generated by A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}

/* the overlayed element */
.simple_overlay {
	display:none;
	z-index:10000;
	background: #eee url(../images/bg-overlay.png) repeat;
	width:400px;	
	height: 450px;
	padding-bottom: 10px;
	border:1px solid #666;
	cursor: default;
	/* Box Shadow Mozilla Safari */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* MARKETING PAGE GALLERY *************************************************** */
.gallery_overlay {
	display:none;
	z-index:10000;
	background: #eee;
	width:600px;	
	height: 600px;
	padding: 0;
	border:1px solid #666;
	cursor: default;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.gallery_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.gallery-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 500px;
}
.gallery ul li {
	margin: 0;
	padding: 0;
}
.gallery ul {
	list-style-type: none;
}
.gallery li {
	display: inline;
	cursor: pointer;
}
/* INDEX PAGE SLIDER *************************************************** */
.slider_overlay {
	display:none;
	z-index:10000;
	background: #eee;
	width:800px;	
	height: 533px;
	padding: 0;
	border:1px solid #666;
	cursor: default;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.slider_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: pointer;
	height:35px;
	width:35px;
}
/* 600x400 IMAGES *************************************************** */
.images_overlay {
	display:none;
	z-index:10000;
	background: #eee;
	width:608px;	
	height: 400px;
	padding: 0;
	border:1px solid #666;
	cursor: default;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.images_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: pointer;
	height:35px;
	width:35px;
}
/* triggers styling */
#triggers {
	text-align:left;}

#triggers img {
	cursor:pointer;
	margin: 0 0 0 -70px;
	padding: 3px 0 0 3px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#triggers .align {
	padding: 5px 0 0 6px;
}
/* styling for elements inside overlay */
.details {
	position:absolute;
	top: 80px;
	right: 25px;
	padding: 20px 0 0 30px;
	color:#333;
	width:350px;
	font-size: 95%;
}
.details h3 {
	color:#2965ad;
	font-weight: bold;
	line-height: 18px;
}
/* styling for elements on static contact page */
.sp-details {
	margin: 20px 0 0 68px;
	padding: 0 20px 20px 20px;
	width:350px;
	font-size: 95%;
	background: #eee url(../images/bg-overlay.png) top repeat;
	border:1px solid #ccc;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 5px 2px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;	
}
.sp-details p {
	color: #333 !important;
}
.sp-details h3 {
	color:#2965ad;
	font-weight: bold;
	line-height: 18px;
}
/* client ftp login button */
#ftplogin {width: 302px; margin: 0 auto; padding-top: 10px;}
#ftplogin p a.ftpbutton {
	display: block; /* Change anchor to block element */
	width: 302px;
	height: 63px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background: url(../images/button-ftp.png) top no-repeat; /* Add the image as a background */
	text-indent: -9999px; /*Send rendered HTML off screen */
}
#ftplogin p a.ftpbutton:hover, #ftpbutton p a.press-it-btn:focus {background-position: center; /* Set the position to the center */}
#ftplogin p a.ftpbutton:active {background-position: bottom; /* Set the position to the bottom */}
a { outline: none; }

/* client ftp login button - static page */
#sp-ftplogin {width: 302px; margin:0; padding: 0 15px 0 23px;}
#sp-ftplogin p a.sp-ftpbutton {
	display: block; /* Change anchor to block element */
	width: 302px;
	height: 63px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background: url(../images/button-ftp.png) top no-repeat; /* Add the image as a background */
	text-indent: -9999px; /*Send rendered HTML off screen */
}
#sp-ftplogin p a.sp-ftpbutton:hover, #sp-ftpbutton p a.press-it-btn:focus {background-position: center; /* Set the position to the center */}
#sp-ftplogin p a.sp-ftpbutton:active {background-position: bottom; /* Set the position to the bottom */}
a { outline: none; }
/* list */
ul.contact, li.contact{
	list-style-type: none;
	padding:0px;
	margin:0px;
	font-size: 95%;
	line-height: 1.5em;
}
ul.login li.login {
	list-style-image: url(../images/arrow-r.png);
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #2965AD;
}
.info {display: block; float: right; font-weight: bold; line-height: 1.3em}

/* contact form */

/* the overlayed element */
.form_overlay {
	display:none;
	z-index:10000;
	background: #eee url(../images/bg-overlay.png) repeat;
	width:400px;	
	height: 500px;
	padding-bottom: 7px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* styling for elements inside overlay */
.form {
	position:absolute;
	top: 330px;
	right: 25px;
	padding: 20px 0 0 30px;
	color:#333;
	width:350px;
	font-size: 100%;
}
.form h3 {
	color:#2965ad;
	font-weight: bold;
	line-height: 18px;
	text-indent: 1cm;
}
/* close button positioned on upper right corner */
.form_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* form field style */

.form-wrapper {
	margin: 0 auto;
	padding: 10px;
}

.notification_error	{
	border: 1px solid #ccc;
	height: auto;
	width: 90%;
	padding: 5px;
	background: #ddd;
	text-align: left;
	font-size: 75%;
	color: #900;
	-moz-border-radius: 5px;
}

.notification_ok {
	border: 1px #ccc solid;
	height: auto;
	width: 90%;
	padding: 5px;
	background: #eee;
	text-align: left;
	font-size: 80%;
	color: #2965ad;
	-moz-border-radius: 5px;
}
.info_fieldset { -moz-border-radius: 7px; border: 1px #ccc solid; padding: 7px;}
.cpg_fieldset { -moz-border-radius: 7px; border: 1px #ccc solid; padding: 7px; width: 500px;}

.info_fieldset legend {
	margin-top: 10px;
	padding: 3px 5px 3px 5px;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	color:#2965ad;
	border: 1px #ccc solid; 
	-moz-border-radius: 3px;
}
.cpg_fieldset legend {
	margin-top: 10px;
	padding: 3px 5px 3px 5px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	background: #eee;
	border: 1px #ccc solid; 
	-moz-border-radius: 3px;
}	
#cbutton {
	float: left;
	margin: 0 0 0 95px;
	padding: 0;
	width: auto;
	height: auto;
}
.button {
	float: right;
	border: 1px solid #ccc; 
	background: #ddd url(../images/bg-send.gif) repeat-x;
	color: #333; 
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius: 3px;
}
.button:hover .button2:hover {
	background: #eee url(../images/bg-send-hover.gif) repeat-x;
	color: #2965ad;
}
.button2 {
	float: left;
	border: 1px solid #ccc; 
	background: #ddd url(../images/bg-send.gif) repeat-x;
	color: #333; 
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius: 3px;
}
.button:hover {
	background: #eee url(../images/bg-send-hover.gif) repeat-x;
	color: #2965ad;
}
.button2:hover {
	background: #eee url(../images/bg-send-hover.gif) repeat-x;
	color: #2965ad;
}
/* Input */
input {
	margin: 2px;
	padding: 3px;
	height: 25px;
	width: 85px;
	float: left;
	border: 1px solid #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	color: #333; 
	font: 12px Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
}
.name, .email, .subject {
	margin: 2px;
	padding: 3px;
	height: 20px;
	float: left;
	border: 1px solid #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	color: #333; 
	font: 12px Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	overflow: hidden;
}
.comments {
	margin: 2px;
	padding: 3px;
	float: left;
	border: 1px solid #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	color: #333; 
	font: 12px Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
}
/* Label */
label  { width: 75px; height: 20px; padding-left: 10px; margin: 5px; float: left; text-align: left; font-size: 14px; }

/* BR */

br { clear: left; }


/* list */
ul.contact, li.contact{
	list-style-type: none;
	padding:0px;
	margin:0px;
	font-size: 90%;
	line-height: 1.3em;
}
ul.login li.login {
	list-style-image: url(../images/arrow-r.png);
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #2965AD;
}