#menu-wrap {width:100%; height:30px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none;background-color: #eb0083;}
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0;}
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative;}
#menu-wrap ul ul li {width:100%}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    text-decoration:none; 
    color: #fff; 
    line-height:30px;
    padding-left:10px; 
    padding-right: 20px;
}
#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    background-color: #3b3b3b;           
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
}

#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    background-image: url(../img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}
/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:30px;t\op:30px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    color: #fff; height:auto; line-height:15px; padding:5px 10px; width:150px;
}
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu-wrap a:hover, #menu-wrap ul ul a:hover{color: #fff; background: #3b3b3b;}
#menu-wrap :hover > a, #menu-wrap ul ul :hover > a {color: #fff; background: #3b3b3b;}
          
/* style the second level hover */
#menu-wrap ul ul a:hover{background: #3b3b3b;
	color: #eb0083;
}
#menu-wrap ul ul :hover > a {background:#3b3b3b; color: #eb0083;
}
                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul{visibility:visible; }


#menu-wrap li div.selected{    
    color: #fff;
    background-color: #3b3b3b;
    border-right:1px solid #eb0083;
    padding:5px 10px;
    width: 100%; 
    line-height:20px;
}
#menu-wrap ul ul li a.selected, #menu-wrap li ul li.current-cat a{    
    background-color: #585858;
    color: #fff;
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}

.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;    
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
}




























@font-face {
  font-family: "Myriad";
  src: url("http://www.realitydreamship.com/MyriadPro-Regular.otf");
}



#date {
	color: #939393;
	font-size: 11px;
}

hr {
		
		height: 1px;
border: 0;
color: #dceeb7;
background-color: #dceeb7;

		
		
		
}



#rightheader img {
float: right;
margin-right:85px;
margin-top:-20px;
border:0px;
}

#staticcontent {

width: 890px;
margin-left:auto;
margin-right:auto;

}


a {
	color: #08c; text-decoration: none; 
}

#noborder img{

border: 0px none #ffffff;
	padding-right: 6px;
}

body {	color: #555;
	font: normal 13px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
margin: 0px;
}


h1 { font: 36px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3a3a3a;
	font-weight: normal;
	margin-bottom: 0px;
}
h2 { font: 21px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3a3a3a;
	font-weight: normal;
	margin-bottom: 0px;

}
h3 { font: 18px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3a3a3a;
	font-weight: normal;
	margin-bottom: 0px;
}
h4 { 
font: 18px/25px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	color: #3a3a3a;margin-bottom: 18px; border-bottom: 1px solid #ccc; width:100%;

}




#headerbg{
background: #610a2c repeat-x top;
	height: 52px;

}

#header{
	background: url(http://www.pixelfantastic.com/wp-content/themes/pf/images/homepage_01.jpg) no-repeat top center;
	height: 52px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;

}

#headerpanel{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 326px;

}

#headernav{
	color: #c8c8c8;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-right: 10px;
	margin-top: 15px;
	height: 25px;
	float: right;
}

#headernav a{
	color: #c8c8c8;
	text-decoration: none;
}

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



#contentarea {

width: 540px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:35px;
padding-left:30px;
text-align:left;
float:left;

}

#pageonly {

width: 940px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:35px;
padding-left:30px;
text-align:left;
float:left;

}

#container {

width: 940px;
margin-left:auto;
margin-right:auto;

}




#footerbg{
	height: 30px;
	background-color: #3b3b3b;
}

#footer{
	background: url(images/rds_03.gif) no-repeat center;
	height: 30px;
	margin-left: auto;
	margin-right: auto;


}

#footertext{
	color: #c8c8c8;
	font:11px  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	text-align: left;
	padding-top: 8px;
width: 950px;
margin-right: auto;
margin-left: auto;
}

#footertext a{
	color: #c8c8c8;
	text-decoration: none;
}

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


#productquote{
	width: 565px;
float:left;

		padding: 20px;
	font: 18px/28px "Myriad", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	color: #4a4a4a;
	background: url(images/quotepanel.gif) no-repeat; 
}

#imgright{
	text-align: right;
}

.wrapper {
	width: 890px;
margin-left: auto;
margin-right: auto;
}

.left-column {
	float: left;
	width: 260px;
	margin-right: 55px;
	margin-bottom: 20px;
}

.right-column {
	float: right;
	width: 260px;
	margin-bottom: 20px;
}

br {
	clear: both;
	display: block;
}

.left-column img {

	padding: 3px;
	margin-left: 10px;
margin-bottom:5px;
	border: 1px solid #b9b9b9;
}




/*sidebar */
#sidebar {
	float: right;
	width: 320px;
	color: #666666;
	overflow: hidden;
	padding-top: 6px;
	
}




/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font-size: 24px;
	color: #758d38;
	margin-left: 0px;
margin-bottom: 5px;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #495233;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	margin: 15px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #203346;
	width: 135px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}







#headernav ul{
    margin:0;
    padding-right:20px;
    list-style:none;
    }
#headernav li{
    display:inline;
    margin:0;
    padding-right:20px;
    }
    
    
    
    
#bluebox {
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	background-color: #e3f3fa;
	border: 1px solid #cae4f3;
		padding-right: 15px;
				padding-left: 15px;
}


#blueboxleft {
	width: 400px;
	float: left;
}

#blueboxright {
	width: 400px;
	float: right;
}

#panelleft {
	width: 576px;
	float: left;
}

#panelright {

	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	background-color: #e3f3fa;
	border: 1px solid #cae4f3;
		padding-right: 15px;
				padding-left: 15px;
	width: 230px;
	float: right;
margin-right: 54px;
}



#iphoneright {
	float: right;
	padding-left: 20px;
}