@charset "utf-8";

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Style Template

version:   1.0
author:    David Wranovics and Mark Dragotta
website:   http://www.eyestormstudio.com/



/* Mark's BASE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0;
	padding:0;
	background:#fff;
    font: 18px/1.3  Arial, Helvetica, sans-serif;  
	font-size:18px;
	color:#444;
}

.wrapper {
   	/* davids width mods*/
	width:920px;
	margin: 0 auto;

}

p, h1, h2, h3, div, ul, li, hr, table, tr, td, form, a, img {
	padding:0;
	margin:0;
}

p {
	margin:0 0 10px 0;
}

ul {
	list-style:none;
}

a {
	color: #6295AF;
}

a:hover {
	text-decoration:none; 
    color:#000;
}

    /*override domtab cascade*/
.domtab h2 a {
    color:#444;
}

.underline {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

div.clear {
	clear:both;
}

div.clear-right {
	clear:right;
}

div.break {
	margin-top:15px;
}

div.half-break {
	margin-top:7px;
}

div.double-break {
	margin-top:30px;
}

/* MAIN NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-bg {
	width:85%;
	height:31px;
	background:url(images/nav-bg.png) no-repeat left top;
	position:absolute;
	right:4px;
	bottom:5px;
}

.nav-bg-right {
	width: 4px;
	height: 31px;
	background:url(images/nav-bg-right.png) no-repeat right top;
	position:absolute;
	right:-4px;
	z-index:1;
}

.nav-bg li {
	float:left;
	font-family:Helvetica, Arial, sans-serif;   
	font-size:15px;
	margin: 5px 0px 0 4.8%;
	color:#afaeae;
	text-shadow: 0px 1px 1px #000;
}

.nav-bg a, .box a {
	color:#9f9f9f;
    text-decoration:none;
}

.nav-bg a:hover,  .box a:hover {
	color:#fff;
}

ul#menu {
	margin: 0 0 0 40px;
	width:90%; 
}

.container {
	position:relative;
}

#menu {
	position:absolute;
}

#menu .drop li {
	padding:13px 0 0 10px; 
	margin:0 0 0 0;
	display:list-item;
	margin:auto;
	width:100%;
	text-align:left;
}

#menu, #menu ul {
	padding:0;
	margin:0;
	list-style:none;
}

#menu .drop a {
	display: block;
	padding:0px;
	
}

#menu  li ul.drop {
	position: absolute;
	width:150px;
	height:140px;
	left:-999px;
	z-index:1;
	background:url(images/drop-box.png) no-repeat left top;
	padding:10px 0 0 0;
	margin:0px 0 0 -55px;
	z-index:5;
}

#menu  li ul.drop a {
    font-size:13px !important;
}    

#menu li:hover ul, #menu li ul:hover {
	left:auto;
}

/* HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
        /* davids width mods*/
	width:100%;
	min-width:950px;
	height:324px;
	background:url(images/header-bg.png) repeat-x 0px 0px;
	padding:0;
	position:relative;
}

.connect {
	position:absolute;
	right:0px;
	top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#949494;
}

.connect a {
	text-decoration:underline;
	color:#fff;

}

.connect a:visited {
	color:#949494;
}

.connect a:hover {	
}

.logo {
	/* davids width and margin mods*/
	width:900px;
	height:121px;
	background:url(images/logo.png) no-repeat left bottom;
	margin: 0 20px 10px 10px;
	position:relative;
}

.logo_an {
    background:url(images/logo_an.gif) no-repeat left bottom !important;  
}

.activated {
    text-transform:uppercase;
    font-size:200%;
    color:yellow;
    background-color:green;
    height:500px;
}

/* SLIDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

#slider {
	width:907px;
}

#slider img {
	border:none;
}

#slider ul, #slider li{
	list-style:none;
}

#slider h2 span {
    color:white;
}

.box { 
	/*max-width:920px;*/
	/*min-width:755px;*/
	width:907px;
	height:171px;
	margin: 0px auto 0 auto;
}

.robots {
	width:907px;
	height:172px;
	background: url(images/robots.png) no-repeat center top;
	position:relative;
	margin: 0px auto 0 auto;
	z-index:2;
    color:#fff;
}

.humans {
	width:907px;
	height:172px;
	background: url(images/human.png) no-repeat center top;
	position:relative;
	margin: 0px auto 0 auto;
	z-index:4;
}

.goblins {
	/*width:920px;*/
	width:907px;
	min-width:755px;
	height:171px;
	background:url(images/goblins.png) no-repeat center top;
	margin:0 auto 0 auto;
	z-index:99;
}

#slider  .sliderRight {
	position:absolute;
	right:40px;
    top:40px;
	width:175px;
	height:120px;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style:italic;
    font-size:20px;
    color:#333;
    text-align:center;
    text-shadow: 0px 1px 1px #fff; 
}

#slider .robots  .sliderRight {
    color:#eee;
    text-shadow: 0px 1px 1px #000; 
} 

#slider  .sliderRight strong {
    color:#fff;
    text-align:center;
    text-shadow: 0px 1px 1px #555; 
}

#slider  .sliderRight a {
    display:block;
    width:169px;
    height:34px;
    text-indent:-9999px;
    background: url(images/eatspam.png) no-repeat;
    margin-top:10px;
    cursor:pointer;
}

#slider  .goblins .sliderRight a {
    display:block;
    width:169px;
    height:34px;
    text-indent:-9999px;
    background: url(images/eatspam2.png) no-repeat;
    margin-top:10px;
    cursor:pointer;
}

#slider  .sliderRight a:hover {
    background-position: 0 -34px;
}

#slider h2 {
    width:440px;
    height:70px;
    position:absolute;
    left:30px;
    top:40px;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size:24px;
    font-weight:normal;
}

.slider-box {
	width:177px;
	height:27px;
	background:url(images/slider-bar.png) no-repeat left top;
	position:absolute;
	left:10px;
	top:131px;
}

.slider-box li {
	float:left;
	font-size:12px;
	color:#fff;
	margin: 5px 6px 0 8px;
}

.slider-box li a.link {
	display:block;
	color:#fff;
}

.slider-box li a.visited {
	display:block;
	color:#fff;
}

.slider-box li a.hover {
	display:block;
	color:#fff;
	/*opacity:0.3;
	filter:alpha(opacity=30);*/
}

#current {
	color:#fff;
}

/* CONTENT FRAMEWORK
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
	width:100%;
	min-width:950px;
	min-height:265px;
	background:url(images/textured-bg.png);
	margin:-1px 0 0 0;
	padding:17px 0 20px 0;
	border-bottom:1px solid #b9b9b9;
	position:relative;
}

#content h1 {
	font-size:16px;
	font-family:"Helvetica";
	width:73%;
	height:30px;
	margin:0 auto 0 auto;
	padding:20px 0px 0 40px;
	display:block;
}

#content h1.bug {
	background:url(images/bug.png) no-repeat 0px 15px;
}

#content h1.umbrella {
	background:url(images/umbrella.png) no-repeat 0px 15px;
}

#content h1.mail {
	background:url(images/mail.png) no-repeat 0px 19px;
}

#content h1.people {
	background:url(images/people.png) no-repeat 0px 15px;
    padding-left:44px;
}

#content h1.sun {
	background:url(images/sun.png) no-repeat 0px 15px;
}

#content p.front {
	font-size:12px;
	width:85%;
	margin:0px auto 0 auto;
	color:#999;
	font-weight:bold;
}

.left {
	/* davids width mods*/
	float:left;
	width:290px;
	position:absolute;
	margin-left:7px;	
}

.right {
	/* davids width mods*/
	width:290px;
	margin:0 0 0 312px;
}

.featured-left {
	width:7px;
	height:126px;
	background:url(images/featured-head-left.png) no-repeat left top;
	position:absolute;
	left:0;
}

.featured-tl {
	min-width:230px;
	height:126px;
	background:url(images/featured-head-right.png) repeat-x right top;
	position:relative;
	margin:0 auto 0 auto;	
}

.featured-bl {
	min-width:230px;
	height:126px;
	background:url(images/featured-head-right.png) repeat-x right top;
	position:relative;
	margin:13px 0 0 0px;
}

.featured-tr {
	min-width:230px;
	height:126px;
	background:url(images/featured-head-right.png) repeat-x right top;
	position:relative;
	margin:0px 0 0 0px;
}

.featured-br {
	min-width:230px;
	height:126px;
	background:url(images/featured-head-right.png) repeat-x right top;
	position:relative;
	margin:13px 0 0 0px;
}

    /* frontpage latest news rss parsing powered by jquery and google */  

.alerts {
	/* davids width mods*/
	background:url(images/alert-box-right.png) no-repeat right top;
	width:290px;
	height:265px;
	position:relative;
	float:right;
	margin-right:10px;	
}

ul#feed, ul#feed li {
    margin:0;
    padding:0;
    list-style:none;
}

ul#feed {
    width:270px;
    margin-left:10px;
    margin-top:-2px;
}

ul#feed li {
    background: url(images/alerts.png) top right;
    height:48px;
    overflow:hidden;
    margin-top:8px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #b42323;
    padding:8px 10px 1px 10px;
    font-size:12px;
    line-height:13px;
    font-weight:bold;
}

ul#feed li .parss-title a {
    color:#f5c4c4;
    text-decoration:none;
    text-shadow: 0px 1px 1px #682626; 
}

ul#feed li .parss-title a:hover {
    color:#fff;
    text-decoration:underline;
}

.alerts div.alert-box-left {
	margin:0;
	background:url(images/alert-box-left.png) no-repeat left top;
	width:7px;
	height:264px;
	left:0;
	position:absolute;
}

/* SUBCONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page {
    width:890;
    background:#fff url(images/shadow.png) no-repeat 640px 0;
    margin-left:7px;
    margin-right:10px;
    min-height:100px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:20px 30px;
}

#content .page h2,  #content .page h4{
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style:italic;
    font-size:20px;
    margin:15px 0;
    font-weight:900;    
}

#content .page h4{
    margin-bottom:7px;
    font-size:18px;  
}

#content .page h1 {
    font-size:24px;
    padding:0 0 0 0;
    margin-left:0;
    color:#78AF7E;
    
}

#content .page p {
    font-size:14px;
    padding:0 0 0 0;
    margin-left:0;   
}

#content .page ul strong {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style:italic;
    color:red;
    font-size:120%;
}

#pageContent ul.prevnext {
    width:560px;
    height:40px;
}

#pageContent ul.prevnext li {
    width:280px;
    float:left;
    height:30px;
    line-height:30px;
    font-size:80%;
}

#pageContent ul.prevnext li.next{
    text-align:right;
}

#blueBg {
    padding:5px 20px 10px 20px;
    background:#cfdde9 url(images/bluebg.png) no-repeat;
    border-bottom:2px solid #C9D5E0;
}

/* Fancy Plan page */

#plans {
    font-size:13px;
}

#plans .popular {
    background-color: #A1DB8E;
}

#plans td {
    border-bottom:1px solid #D1DFD2;
    text-align:center;
    padding:6px 3px;
    font-weight:bold;
    font-size:14px;
}

#plans td.popular {
    border-bottom:1px solid #6DAF73; 
}

#plans td.feature {
    text-align:left;
    font-weight:normal;
    font-size:12px; 
}

#plans .title td {
    color:#000;
    font-size:26px;
    font-weight:bold;
    color:#78AF7E;
}

#plans .title td.popular {
    color:#000;
}

#plans .price td {
    color:#000;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style:italic;
    font-size:28px;
    font-weight:bold;
    padding:10px 3px 16px 3px;
}

#plans .price td span {
    font-size:12px;
}

#plans .desc td {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size:12px;
    text-transform:uppercase;
    color:#78AF7E;
}

#plans .desc td.popular {
    color:#fff;
}  

#plans .round td, #plans .round2 td {
    border-bottom:0;
}

#plans .round td.popular {
    background-color:#7FCC66;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#plans .round2 td.popular {
    background-color:#7FCC66;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top:5px;
}
    
/* SIDEBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageContent {
    margin-right:270px;
    min-height:290px;
}

#pageSidebar
 {
    float:right;
    width:210px;
    height:100%;
    display:inline;
    padding:10px 0;
    overflow:auto;  
}

#pageSidebar .domtabs{
  margin:0;
  padding:0;
  width:210px;
  overflow:hidden;
}

#pageSidebar .domtabs li{
  list-style:none;
  width:210px;
}

#pageSidebar .domtabs li a{
  display:block;
  width:210px;
  height:33px;
  font-size:12px;
  font-weight:bold;
  color:#333;
  text-decoration:none;
  padding-left:10px;
}

#pageSidebar .domtabs li a span{
  width:190px;
  padding-left:10px;
  height:33px;
  display:block;
  background:#c6eaba url(images/nav-separator.gif) no-repeat 0 100%;
  line-height:33px;
  cursor:pointer;
}

#pageSidebar .domtabs li a:hover, #pageSidebar .domtabs li.active a{
  height:33px;
  position:relative;
  background: url(images/domtabArrow.png) no-repeat;
  text-decoration:none;
}

#pageSidebar .domtabs li.active a span,
#pageSidebar .domtabs li a:hover span{
  background:#80d167;
}


/* FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	height:200px;
	min-width:950px;
	background:#fff;
	width:100%;
	padding:20px 0 0 0;
	background:#fff url(images/footerBorder.png) repeat-x;
}

#footer p {
	font-size:11px;
	color:#7e7e7e;
	width:83.5%;
	margin:0;
}

#footer a {
	color:#323232;
	text-decoration:underline;
}

/* FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#acf-area {
    background-color:#f2f2f2;
    padding:10px 20px;
    border:1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
}