@charset "UTF-8";

/*gold: #e5bc69 */
/*green: #02504d */
/*light green: #418189 */

* {text-decoration: none; text-align: left; text-indent: 0; margin: 0px; padding: 0px;}

body {
	margin: 0px 0px 0px 0px;
	background-color: #021a19;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 150%;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
}

td {vertical-align: top;}
ul {list-style-type: none;}	
img {border: none;}
#clear {clear: both; margin: 0px}
hr {margin: 10px 0px 15px 0px;}

/* - - - - - - - - -  HTML ELEMENTS - - - - - - - - -  */
h1 {margin: 0px 0px 0px 0px; font-weight: normal;}
h2 {margin: 0px 0px 0px 0px; font-weight: normal;}
h3 {margin: 0px 0px 0px 0px; font-weight: normal;}

a:link {color: #4f6f18;} a:visited {color: #4f6f18;} a:hover {color: #000;} a:active {text-decoration: none;} a:focus {outline: none;}

/* - - - - - - - - -  STRUCTURE - - - - - - - - -  */
#wrapper {width: 970px; margin: 0px auto; position: relative;}
#header {height: 115px; width: 680px;}
#logo {float: left; width: 200px; display: inline; }

/* - - - - - - - - -  PAGES - - - - - - - - -  */

#contentwrapper {width: 940px; margin: 0px auto; background-color: #fff; padding: 0px;}

#content {float: left; display: inline; width: 520px; padding: 20px 0px 20px 40px;}
#content h1 {color: #02504d; font-size:28px; padding: 20px 0px 10px 0px;}
#content h2 {color: #418189; padding: 20px 0px 5px 0px;}
#content h3 {color: #418189; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; margin-top: 10px;}
#content p {padding: 0px 0px 10px 0px; line-height: 150%;}

.content-image {margin: 40px;}
.suite {border-bottom: 1px dotted #ccc; padding-bottom: 30px;}

#action {margin-top: 20px;}
#action img {margin-right: 2px;}

ul.file {margin:0; padding:0; /* RESET */ margin-top:2em; margin-left:1em;}
li.pdf, li.network, li.request, li.download, li.support, li.demo {background-repeat:no-repeat; list-style:none; margin-left:0px; margin-bottom:.5em; padding-left:40px; text-align:left; height:35px; line-height:42px;}
li.network {background-image:url(img/icon-network.png);}
li.pdf {background-image:url(img/icon-pdf.png);}
li.request {background-image:url(img/icon-request.png);}
li.support {background-image:url(img/icon-support.png);}
li.download {background-image:url(img/icon-download.png);}
li.demo {background-image:url(img/icon-demo.png);}

.bullets {list-style-type: none; padding-left: 0; margin-left: 0; margin-top: 10px; margin-top: 10px;}
.bullets li {background: url(../images/checkmark.gif) left top no-repeat; padding-left: 20px; margin-bottom: 10px;}

#fullpage {width: 900px; padding: 20px 0px 20px 40px;}
#fullpage h1 {color: #02504d; font-size:28px; padding: 20px 0px 10px 0px;}
#fullpage h2 {color: #418189; padding: 00px 0px 5px 0px;}
#fullpage h3 {color: #418189; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; margin-top: 10px;}
#fullpage p {padding: 0px 0px 10px 0px; line-height: 150%;}

#packages {background-color: #eee; margin: 15px 0px 25px 0px; width: 860px;}
#packages img {border: 10px solid #ddd; margin: 0px 0px 0px 0px;}
#packages td {padding: 20px 20px 10px 20px; line-height: 120%; font-size: 12px;}
#packages h2 {margin: 0px 0px 4px 0px; padding: 0px;}

/* - - - - - - - - -  SIDEBAR - - - - - - - - -  */
#sidebar {float: right; display: inline; width: 300px; margin: 30px;}
#sidebar h1 {color: #4f6f18; font-size:28px; padding: 20px 0px 0px 0px;}
#sidebar h2 {padding: 20px 0px 0px 0px;}
#sidebar p {padding: 3px 0px 15px 0px; line-height: 170%;}
#sidebar img {border: 10px solid #eee; margin: 0px 0px 30px 0px;}


#suites {margin: 20px 0px 0px 0px;}
#suites img {border: 10px solid #eee; margin: 0px 30px 30px 0px;}

/* - - - - - - - - -  HOMEPAGE STUFF - - - - - - - - -  */
#box {margin: 15px 0px 25px 15px;}
.boxgrid {width: 215px; height: 200px; float: left; background: #161613; border: solid 1px #eee; overflow: hidden; position: relative; margin-right: 21px;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0;}

.intro {float: left; display: inline; font-size: 16px; color: #fff; width: 680px; line-height: 150%; margin-top: 25px; margin-left: 25px;}
.intro img {margin-left: 400px;}

#specials {float: right; display: inline; width: 235px; color: #fff;  margin-top: 25px;}
#specials h2 {margin: 0px 0px 10px 0px; font-weight: normal; font-variant: small-caps; font-size: 18px;}
#specials ul {font-size: 12px; width: 225px; display: block; margin: 0px;}
#specials ul li {background: url(../images/arrow.gif) no-repeat 0 14px; border-top: #b6b6b6 1px dashed; padding: 6px 0px 6px 10px;}
#specials ul li a:link {color: #e5bc69; text-decoration: none; border-bottom: none;}
#specials ul li a:visited {color: #e5bc69; text-decoration: none; border-bottom: none;}
#specials ul li a:hover {color: #fff; text-decoration: underline; border-bottom: none;}

/* - - - - - - - - -  NAVIGATION - - - - - - - - -  */
#nav {background-color: #000; width: 940px; height: 31px; margin: 0px auto; opacity:0.5; filter: alpha(opacity=50);}
#nav p {padding: 4px 0px 4px 0px; text-align:center;}
#nav a {color: #fff; border-right: 1px solid #555; padding: 0px 8px 0px 8px;}
#nav a:link {color: #fff; border-right: 1px solid #555;}
#nav a:visited {color: #fff;}
#nav a:hover {color: #ffad06;}

/* - - - - - - - - -  FOOTER - - - - - - - - -  */
#footer {background-color: #002526; color: #fff; background-image: url(../images/bg-footer.jpg); background-repeat: repeat-x; height: 100px; margin: 30px 0px 0px 0px;}
#footer a:link {color: #4f6f18;}
#footer a:visited {color: #4f6f18;}
#footer a:hover {color: #000;}
#footerwrapper {width: 970px; margin: 0px auto; position: relative;}

#address {float: left; display: inline; padding: 20px 20px 10px 0px;}

#credits {float: right; display: inline; padding: 20px 20px 10px 0px;}
#credits a:link {color: #556969;}
#credits a:visited {color: #556969;}
#credits a:hover {color: #86a4a4;}

#filigree {position: absolute; top: 10px; left: 460px;}

/* ---------------- CONTACT ---------------- */
#contact p {
	margin-bottom: 10px;
	}
#contact input {
	height: 20px;
	}
#name, #email, #comments {
	width: 500px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.alert {
	padding-left: 18px;
	background: 0 url(../i/alert.gif) no-repeat;
	}