@charset "UTF-8";
/* Stylesheet for Phoenix Web Group's site */
body {
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:13.5px;
	color:#656464;
	margin:0;
	padding:0;
	background:url(../NewGraphix/body_background2.png) top right no-repeat;
	line-height:1.5em;
	}
h3 {
	color:#222222;
	font-weight:normal;
	font-size:1.7em;
	}
#introduction h3 {
	margin:13px 0 0 13px;
	}
h4 {
	margin:0 0 10px 0;
	}
p {
	margin:5px 0 0 0;
	}
a {
	color:#444444;
	}
a:hover {
	color:#eeaa2a;
	}
img {
	border-color:#444444;
	}
img:hover {
	border-color:#eeaa2a;
	}
#header {
	width:740px;
	margin:0 auto;
	}
#header #logo {
	float:left;
	margin:20px 0 0 -8px;
	border:none;
	}
#logo:hover {
	border:none;
	}
#header ul {
	/*float:left;*/
	list-style:none;
	padding-left:0px;
	margin-left:0;
	z-index:500;
	}
#header ul li {
		}
#header ul li a {
	color:#ffffff;
	}
#header ul#menu {
	float:right;
	margin:80px -3px 0 0;
	}
#header ul#menu li.current {
	background-color:#ffffff;
	}
#header ul#menu li.current a {
	text-decoration:none;
	color:#222222;
	}
#header ul .current ul.dropdown li a {
	text-decoration:underline;
	}
#header ul#menu li {
	float:left;
	margin-right:10px;
	padding:5px;
	position:relative;
	line-height:1.2em;
	}
#header #menu li:hover {
	background-color:#eeaa2a;
	}
#header #menu li:hover a {
	text-decoration:none;
	}
#header #menu li a:hover {
	text-decoration:none;
	}
#menu li ul.dropdown {
	display:none;
	position:absolute;
	top:21px;
	left:5px;
	margin:5px 0 0 -6px;
	text-align:left;
	}
#menu li.current:hover ul.dropdown li a {
	color:#ffffff;
	}
#menu li:hover ul.dropdown {
	display:block;
	clear:left;
	}
#menu li ul.dropdown li {
	padding:4px;
	border:1px solid #555555;
	background-color:#444444;
	clear:left;
	display:block;
	width:140px;
	line-height:1em;
	}
#menu li ul.dropdown li a {
	width:100%;
	height:18px;
	color:#ffffff;
	display:block;
	}
#menu li ul.dropdown li:hover {
	margin-top:1px;
	background-color:#eeaa2a;
	}
#menu li ul.dropdown li:hover a {
	text-decoration:none;
	}
#header #introduction {
	background:#ffffff url(../NewGraphix/phoenixaboutillustration3.png) bottom right no-repeat;
	width:746px;
	height:226px;
	/*border:3px solid #444444;*/
	float:left;
	color:#222222;
	}
.wrapper {
	margin:0 auto;
	width:740px;
	}
.wrapper h4#header_contentpage {
	float:left;
	clear:left;
	padding:0 0 5px 8px;
	margin:15px 0 10px 0;
	border-bottom:1px solid #444444;
	width:100%;
	}
.wrapper p {
	float:left;
	}
.wrapper #submenu {
	float:left;
	list-style:none;
	padding:0;
	margin:5px 0 5px 8px;
	width:100%;
	}
.wrapper #submenu li {
	float:left;
	background-color:#444444;
	margin:0 5px 0 0;
	padding:5px;
	line-height:1.2em;
	}
.wrapper #submenu li:hover {
	background:#eeaa2a;
	}
.wrapper #submenu li a {
	color:#ffffff;
	}
.wrapper #submenu li.current {
	background-color:#eeaa2a;
	}
#submenu li.current a {
	text-decoration:none;
	}
.wrapper .content_p {
	width:352px;
	margin-right:15px;
	float:left;
	padding:0 0 0 8px;
	}
#PageRenderer ul {
	list-style:disc none inside;
	}
.wrapper form {
	float:left;
	padding:10px 0 10px 10px;
	background-color:#CCCCCC;
	width:400px;
	margin-top:5px;
	}
.wrapper form textarea {
	border:1px solid #444444;
	margin-right:10px;
	float:right;
	width:256px;
	}
form h4 {
	color:#444444;
	float:left;
	}
.wrapper form label {
	float:left;
	clear:left;
	margin-top:10px;
	color:#444444;
	}
.wrapper form input {
	float:left;
	clear:left;
	width:256px;
	border:1px solid #444444;
	margin-right:10px;
	margin-bottom:-5px;
	}
.wrapper span {
	margin-bottom:10px;
	}
form #submitButton {
	float:left;
	width:70px;
	margin:10px 0 0 32px;
	background-color:#ffffff;
	border:2px solid #FFFFFF;
	clear:left;
	cursor:pointer;
	}
#submitButton:hover {
	color:#ffffff;
	background-color:#EEAA2A;
	}
.list_columns {
	float:left;
	margin-right:40px;
	}
#highlights {
	float:left;
	border-top:1px solid #222222;
	width:746px;
	margin:11px 0 11px 0;
	border-bottom:1px solid #222222;
	padding-bottom:15px;
	}
.homepage_topics1, .homepage_topics2, .homepage_topics3 {
	float:left;
	font-size:.9em;
	}
.homepage_topics1, .homepage_topics2 {
	float:left;
	width:180px;
	padding:10px;
	}
.homepage_topics1 {
	margin:3px 0 0 0;
	}
.homepage_topics1 h4, .homepage_topics2 h4, .homepage_topics3 h4 {
	margin:0;
	font-size:1.1em;
	}
.homepage_topics1 h4 a, .homepage_topics2 h4 a, .homepage_topics3 h4 a {
	color:#222222;
	}
.homepage_topics1 h4 a:hover, .homepage_topics2 h4 a:hover, .homepage_topics3 h4 a:hover {
	color:#eeaa2a;
	}
.homepage_topics2, .homepage_topics3 {
	margin:3px 0 0 15px;
	}
.homepage_topics3 {
	width:306px;
	padding:10px 10px 10px 0;
	}
.homepage_topics2 ul {
	padding:0 0 0 5px;
	margin:5px 0 0 0;
	}
#portfolio {
	width:528px;
	float:right;
	margin:0 -8px -2px 0;
	border-bottom:7px solid #CCCCCC;
	height:173px;
	}
#portfolio h4 {
	padding:5px 0 5px 8px;
	width:520px;
	border-bottom:1px solid #DDDDDD;
	color:#FFFFFF;
	background: #444444 url(../NewGraphix/portfolio_top-corners.png) no-repeat top left;
	}
#portfolio a .screenshot {
	margin-left:10px;
	float:left;
	border:none;
	}
#portfolio a .arrow {
	border:none;
	float:left;
	padding:60px 0;
	margin:-11px 0 0 0;
	border:1px solid #DDDDDD;
	border-bottom:none;
	}
#portfolio a .arrow:hover {
	background-color:#EEEEEE;
	}
#portfolio #portfolio_text {
	float:left;
	width:285px;
	margin:0 10px 0 27px;
	}
#portfolio_text h4 {
	border:none;
	padding:0;
	color:#656464;
	width:200px;
	background:none;
	margin-bottom:0;
	}
#blog_rss {
	float:left;
	clear:left;
	width:180px;
	margin:0;
	padding:5px 10px 10px 10px;
	height:180px;
	}
#blog_rss h4 {
	width:100%;
	}
#blog_rss h4 a {
	color:#efaa2a;
	}
#blog_rss h4 a:hover {
	color:#444444;
	}
#blog_rss ul {
	padding:0;
	margin:0;
	list-style:none;
	}
#blog_rss ul li {
	margin-bottom:5px;
	}
#blor_rss ul li a {
	background:none;
	}
#blog_rss a#subscribe {
	background:url(../NewGraphix/Ballon_Feed_24x24.png) right center no-repeat;
	height:24px;
	padding:0 24px 0 0;
	float:left;
	color:#efaa2a;
	font-size:.9em;
	margin:10px 0 0 0;
	}
#blog_rss a#subscribe:hover {
	color:#444444;
	}
#privacy_content {
	float:left;
	margin-top:10px;
	}
#privacy_content h3, #privacy_content h4, #privacy_content p {
	float:left;
	clear:left;
	width:100%;
	}
#privacy_content h4 {
	margin:10px 0;
	}
#privacy_content h3 {
	margin:15px 0;
	}
#footer {
	border-top:1px solid #444444;
	width:732px;
	float:left;
	padding: 0 8px;
	font-size:.8em;
	padding-bottom:10px;
	}
/* these are classes for the portfolio on the front page in order for the JS to work and look good. */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;}

/*core classes*/ 
.slide
{
	width: 482px;
	height: 130px;
	float: left; 
	display: inline;	
}

.stripViewer
{  
	position: relative; 
	overflow: hidden;  
	margin: 0 0 1px 0; 
} 

.stripViewer ul 		/* this is your UL of images */ 
{ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 

.stripViewer ul li 
{  
	float:left; 
} 

.stripTransmitter 
{ 
	overflow: auto; 
	width: 1%; 
} 

.stripTransmitter ul 
{ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
} 

.stripTransmitter ul li
{ 
	width: 20px; 
	float:left; 
	margin: 0 1px 1px 0; 
} 
#business_man h3 {
	margin:13px 0 0 13px;
	}
#header #business_man {
	background:#FFFFFF url(../NewGraphix/phoenixportfolioillustration.png) bottom right no-repeat;
	width:746px;
	height:226px;
	/*border:3px solid #444444;*/
	float:left;
	color:#222222;
	}
/*#header #business_man:hover {
	background:#FFFFFF url(../NewGraphix/phoenixportfolioillustration_hover.png) bottom right no-repeat;
	}*/
#firstNameValidator {
	float:left;
	clear:both;
	}
#lastNameValidator {
	float:left;
	clear:both;
	}
#emailValidator {
	float:left;
	clear:both;
	}
#messageValidator {
	float:left;
	clear:both;
	}