@charset "utf-8";

body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%; /* Reduces 16px browser default to 10px, so now 1em is 10px, 1.2em is 12px etc */
background-color: #000;
background-image:url(../images_nautilus/background_crystal.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
margin: 0;
padding: 0;
text-align: center; /* centers the container in IE 5* browsers. Text is then set left aligned default in #container selector */
color: #fff;
}

#container {
	width: 972px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #fff;*/ /* ENABLE THIS TO HELP SEE THE CONTAINER DIMENSIONS EASILY */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#content {
	padding-left:20px;	padding-right:20px;
}

#maincontent {
margin-left:170px;	/* This creates the margin which separates the maincontent from the tabs navigation menu */
										/* The tabs navigation menu is floated left in the tabs.css file */
/*position:relative;*/
}

p, h1, h2, h3, h4, h5, h5, ul, li {	margin:0;	padding:0; }
#maincontent p, #maincontent ul, #maincontent li { font-size:1.1em; }
#maincontent p, #maincontent h1, #maincontent h2, #maincontent h3 {padding:7px; line-height:130%; }
#maincontent li {line-height:130%; }
hr {margin: 30px 0;}

#maincontent a:link, #maincontent a:visited {color:#00FFFF;text-decoration:none;}
#maincontent a:hover {color:#FFFF00;text-decoration:underline;}
#maincontent a:active {color:#FFFF00;text-decoration:underline;}

#header {
margin: 20px 10px 30px 25px;
position: relative;
}

#header #text-header {
font-family:Arial, Helvetica, sans-serif;
color: #fff;
position: absolute;
top: 34px;
left: 150px;
}

#header .text-nautilus {
font-weight:bold;
font-size:2.9em;
letter-spacing:5px;
line-height:90%;
}

#header .text-webdesign {
font-size:1.7em;
letter-spacing: 7px;
font-weight:normal;
padding-left:2px;
}


#maincontent h1 {
font-size:1.6em;
padding-top:16px;
padding-bottom:20px;
}

#maincontent h2 {
font-size:1.4em;
padding-top:20px;
padding-bottom:10px;
}

#maincontent h3 {
font-size:1.3em;
padding-top:25px;
padding-bottom:10px;
}

.text-yellow {color:#FFFF00;}
.text-heading-tabs {color:#66CCFF; font-weight:bold; font-size:1.2em;}

#maincontent .text-readmore a {
padding-top:0;
margin-top:0;
padding-left:20px;
background:url(../images_nautilus/arrow_up.gif) no-repeat;
background-position: 5px 2px;
}

#maincontent .text-readmore a:hover, #maincontent .text-readmore a:active {
background:url(../images_nautilus/arrow_down.gif) no-repeat;
background-position: 5px 4px;
background-color:#003366;
padding:2px 6px 4px 20px;
	-moz-border-radius-topright:7px;				/* for Firefox */
	-webkit-border-top-right-radius:7px;		/* for Safari */
}

.text-nautilus {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:3px;
word-spacing:1px;
}

#maincontent .text-cost {
font-weight:bold;
background:url(../images_nautilus/arrow_white.gif) no-repeat;
background-position: 5px 50%;
padding-left:20px;
}

ul.list-std {
padding-left:10px;
list-style-position:inside;
color:#FFFF99;
}

#footer {
	background-image:url(../images_nautilus/footer_background.png);
	background-repeat:repeat-x;
	padding-top: 14px;
	margin-top:20px;
	width:967px;
	height:26px;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}

#footer ul#footer-nav {
margin-left:20px;
margin-top:0px;
}

#footer ul#footer-nav li {
display:inline;
list-style:none;
}

#footer ul#footer-nav li a {
padding: 2px 7px 3px 6px; /* Pads the list items out. 3px top, 6 right, 4 bottom, 6 left padding */
border-right: solid #888 1px;
border-left: solid #888 1px;
color:#fff;
}

#footer ul#footer-nav li a:hover {
background-color: #ffff00;
border-right: solid #888 1px;
border-left: solid #888 1px;
color:#000;
	-moz-border-radius-topright:5px;				/* for Firefox */
	-moz-border-radius-topleft:5px;				/* for Firefox */
	-moz-border-radius-bottomright:5px;				/* for Firefox */
	-moz-border-radius-bottomleft:5px;				/* for Firefox */
	-webkit-border-top-right-radius:5px;		/* for Safari */
	-webkit-border-top-left-radius:5px;		/* for Safari */
	-webkit-border-bottom-right-radius:5px;		/* for Safari */
	-webkit-border-bottom-left-radius:5px;		/* for Safari */
}

#footer #footer-companyname {
	float: right;
	font-weight:bold;
	color:#FFF;
	padding-right:12px;
}

#footer #validXHTML {
	float: right;
	margin-top:-9px;
	margin-right:15px;
}

.floatright { 
	float: right;
	margin-right:1px;
	margin-left:1px;
}

.floatleft {
	float: left;
	margin-right:8px;
}

.clearfloat { 
	clear:both;
  height:0px;
  font-size: 1px;
  line-height: 0px;
}

#tabsindex {
float:left; 
width:135px;
margin:50px 0 0 10px;
color:#DFEEF2;
}

#tabsindex p a:link, #tabsindex p a:visited {text-decoration: none; color:#9FF;}
#tabsindex p a:hover, #tabsindex p a:active {text-decoration: underline; color:#9FC}

span.showTip {
    border-bottom:1px dashed #99ffff;
		color:#99FFFF;
		cursor: help;
    }

div#tipDiv {
		text-align:left;
    padding:5px;
    color:#000033;
		font-size:11px; line-height:1.2;
    border:1px solid #667295;
		background: #ddffff url(../images_nautilus/icon_info.gif) 100% 1% no-repeat;
		padding-right: 35px;
    width:380px;
}

#maincontent div.faq {
	background: url(../images_nautilus/icon_faq_question.gif) 15px 9px no-repeat;
	padding-left:35px;
	margin-bottom:20px;
}


div.container-contactus {
width:320px;
margin:0px 0 15px 0;
padding:0 6px 6px 6px;
background-color:#002435;
border:2px ridge #AAAAAA;
	-moz-border-radius-topright:50px;					/* for Firefox */
	-moz-border-radius-topleft:10px;						/* for Firefox */
	-moz-border-radius-bottomright:50px;			/* for Firefox */
	-moz-border-radius-bottomleft:10px;				/* for Firefox */
	-webkit-border-top-right-radius:50px;			/* for Safari */
	-webkit-border-top-left-radius:10px;				/* for Safari */
	-webkit-border-bottom-right-radius:50px;	/* for Safari */
	-webkit-border-bottom-left-radius:10px;		/* for Safari */
}

.text-contactus-header {color:#FFFF00; font-weight:bold; font-size:1.3em !important;}



#form-container {
margin:15px;
padding:0 10px 10px 10px;
background-color:#002435;
border:2px ridge #AAAAAA;
	-moz-border-radius-topright:50px;					/* for Firefox */
	-moz-border-radius-topleft:10px;						/* for Firefox */
	-moz-border-radius-bottomright:50px;			/* for Firefox */
	-moz-border-radius-bottomleft:10px;				/* for Firefox */
	-webkit-border-top-right-radius:50px;			/* for Safari */
	-webkit-border-top-left-radius:10px;				/* for Safari */
	-webkit-border-bottom-right-radius:50px;	/* for Safari */
	-webkit-border-bottom-left-radius:10px;		/* for Safari */
}

#form-container #text-formheader {
font-size:1.4em;
color: #ffff00;
}

#form-container fieldset {
margin:10px 10px 20px 10px;
border:1px solid #AAAAAA;
background-color:#042830;
	-moz-border-radius-topright:50px;					/* for Firefox */
	-moz-border-radius-topleft:0px;						/* for Firefox */
	-moz-border-radius-bottomright:20px;			/* for Firefox */
	-moz-border-radius-bottomleft:10px;				/* for Firefox */
	-webkit-border-top-right-radius:50px;			/* for Safari */
	-webkit-border-top-left-radius:0px;				/* for Safari */
	-webkit-border-bottom-right-radius:20px;	/* for Safari */
	-webkit-border-bottom-left-radius:10px;		/* for Safari */
}

#form-container legend {
font-weight:bold;
font-size:1.3em;
color:#FFFFCC;
padding: 0 5px 2px 5px;
}

#form-container legend#contactus-page{
color:#FFFF00;
}

#form-container .form-label {
float:left;
width: 175px;
padding-left:30px;
padding-top:3px;
font-size:1.1em;
}

#form-container .text-form {
padding-left:15px;
padding-top:5px;
font-size:1.1em;
font-weight:bold;
}

#form-container .text-form-alt {
padding-left:30px;
font-weight:normal;
}

#form-container .form-button {
margin-top:5px;
margin-left:200px;
}

div.portfolio hr {width:97%; color:#336699; text-align:center; margin:15px auto;}
div.portfolio h2 {padding-top:0 !important;}

.padding-zero {padding-top:3px !important; padding-bottom:3px !important;}


/* --------------------------------------------------- */
<!-- Campaign Monitor Subscribe Form CSS -->
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;} 
span.button {padding-left:5px;} 
div.clear {clear:both;padding-top:5px;} 
/* ---------------------------------------------------- */

/* CSS to hide my hidden text field to prevent SPAM */
#quickquoteform fieldset #bait {visibility:hidden; display:none;}