/* Pixolio.me web services
                                                            ...... 
                                                            ......
                                                            ......
                                                            ------
`````` ``````      ````` ```````   ``````    `````````      ------  ``````      `````````      
...............   `.....` `...... `......  `............`   ------  ......   `............` 
................` `-----`  `.----.-----`  .------..------`  :::::-  .-----  `------...-----. 
------`   .-----. `-----`    .--------`  .-----.`  `------` ::::::  ------ `------`   .-----.
------     ------ .:::::.    `:::::::.   .:::::`    .:::::. ::::::  -::::: .:::::.    `:::::. 
::::::.``.-:::::. .:::::.   -:::::::::-  .:::::-.``-:::::-` /////:  :::::: `-:::::-```-:::::.`
:::::::::::::::-  ./////. `://///://////` -/////////////:`  //////  ://///  `://///////////- 
::::::::::::::.   ./////..//////. `//////- `.:///////::.    //////  ://///    `::///////:.`  
/////: ``````      ````` ```````    ``````     ``````       ``````  ``````       ``````     
//////            


*/

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: arial, geneva, verdana, sans-serif ;
}
body {
	background: white url('/images/blue-design/background.jpg') fixed bottom repeat-x;
/*	background: #E5F2FC url('/images/blue-design/background.jpg') bottom repeat-x;*/
}
a {
	color: green;
}
a:hover {
	text-decoration: none;
}
.side-gradient {
	width: 397px;
	height: 100%;
	position: fixed;
}
#left-gradient {
	background: transparent url('/images/blue-design/left-gradient.png') top;
	float: left;
	left: 0;
}
#right-gradient {
	background: transparent url('/images/blue-design/right-gradient.png') top;
	float: right;
	right: 0;
}
#header h1 {
	padding: 0;
	margin: 0;
}
h1 a {
		background: url('/images/logo-header.gif') no-repeat;
		display: block;
		position: relative;
		width: 160px;
		height: 48px;
		top: -53px;
		left: 26px;
		text-indent:-3000px;
}
h2 {
	font-weight: normal;
	border-bottom: 1px solid #6699CC;
	font-size: 180%;
	color: #000000;
}
.features h2 {
	border: none;
}
#nav {
	position: absolute;
	right: 10px;
	top: -28px;
	margin: 0 !important;
	padding: 0 0 0 15px !important;
	
}
.nav a {
	color: #7f7f7f;
	text-decoration: none;
	font-size: 15px;
	display: block;
	float: left;
	overflow: hidden;
	padding: 0 5px;
	margin: 0 8px;
}
.nav a:hover {
	color: #444444;
}
.nav a.signup-link {
	background: url('/images/blue-design/signup-nav2.png') no-repeat right;
	width: 91px;
	height: 30px;
	position: relative;
	top: -5px;
	margin: 0 6px 0 15px;
	padding: 0;
	overflow: hidden;
	text-indent: -3000px;
}
.nav li {
	display: inline;
	/*padding: 0 20px;*/
	padding: 0;
}
#content {
	position: relative;
	top: 100px;
	width: 894px;
	margin: 0 auto;
	background: transparent url('/images/blue-design/content-background.png') repeat-y;
	/*min-height: 725px;*/
}
.features #content h2, .company-about #content h2, .contact #content h2 {
	display: block;
	width: 566px;
	height: 66px;
	margin: 0 0 -10px 225px;
	text-indent: -3000px;
}
.features-created_by_artists #content h2 {
	background: transparent url('/images/blue-design/features-header-artists.jpg') no-repeat;
}
.features-easy_to_maintain #content h2  {
	background: transparent url('/images/blue-design/features-header-easy.jpg') no-repeat;
}
.features-flexible_design #content h2  {
	background: transparent url('/images/blue-design/features-header-flexible.jpg') no-repeat;
}
.features-html_website #content h2, .features-browser_compatibility #content h2 {
	background: transparent url('/images/blue-design/features-header-html.jpg') no-repeat;
}
.features-seo #content h2  {
	background: transparent url('/images/blue-design/features-header-seo.jpg') no-repeat;
}
.features-servers #content h2  {
	background: transparent url('/images/blue-design/features-header-servers.jpg') no-repeat;
}
.features-feedback_welcome #content h2  {
	background: transparent url('/images/blue-design/features-header-feedback.jpg') no-repeat;
}
#content p {
	color: #3c4548;
	line-height: 22px;
	font-size: 12px;
}
p.feature-info {
	width: 550px;
	padding-left: 265px;
	text-align: justify;
}
.bullets {
	padding: 25px 0 15px 265px;
	font-size: 14px;
	list-style: none;
}
.bullets li {
	padding: 3px 0 20px 33px;
}
.features-created_by_artists .bullets li {
	background: url('/images/blue-design/bullet-artists.jpg') no-repeat scroll 0 0;
}
.features-easy_to_maintain .bullets li {
	background: url('/images/blue-design/bullet-easy.jpg') no-repeat scroll 0 0;
}
.features-flexible_design .bullets li {
	background: url('/images/blue-design/bullet-flexible.jpg') no-repeat scroll 0 0;
}
.features-html_website .bullets li {
	background: url('/images/blue-design/bullet-html.jpg') no-repeat scroll 0 0;
}
.features-seo .bullets li {
	background: url('/images/blue-design/bullet-seo.jpg') no-repeat scroll 0 0;
}
.features-servers .bullets li {
	background: url('/images/blue-design/bullet-servers.jpg') no-repeat scroll 0 0;
}
.features-feedback_welcome .bullets li {
	background: url('/images/blue-design/bullet-feedback.jpg') no-repeat scroll 0 0;
}
p.quote {
	background: url('/images/blue-design/quote.gif') no-repeat 218px 0;
	width: 575px;
	padding-left: 240px;
	text-indent: 25px;
	text-align: justify;
	font-style: italic;
}
p.quote .name {
	font-weight: bold;
	float: right;
	position: relative;
	right: 25px;
	
}
p.quote .name a {
	color: inherit;
	text-decoration: inherit;
}
p.quote .name a:hover {
	color: inherit;
	text-decoration: underline;
}
#content-bottom {
	position: absolute;
	bottom: -20px;
	width: inherit;
	height: 30px;
	background: transparent url('/images/blue-design/content-bottom.png') no-repeat;
}
p.pricing-info {
	font-size: 14px !important;
	color: #333333 !important;
	line-height: normal !important;
}
.pricing .bullets {
	padding: 0 0 15px 40px;
	color: #666666;
	list-style: circle;
}
.pricing .bullets li {
	padding: 0 0 3px 10px;
}
.pricing .price {
	color: #6699CC !important;
	font-weight: bold;
	text-decoration: underline;
}
.pricing .price .amount {
	font-family: georgia, cursive;
	font-size: 200%;
}
.pricing-design .pricing-info {
	font-style: italic;
}
.faqs, .pixolio_documents, .pricing-content, .support-content, .about-content {
	margin: 0 40px 0 237px;
	font-size: 13px;
}
.pixolio_documents {
	color: #555555;
	line-height: normal !important;
	text-align: justify;
}
#content .pixolio_documents p {
	line-height: normal !important;
}
.pixolio_documents h3, .support-content h3 {
	color: #87b9d8;
	text-align: left;
}
.pixolio_documents a {
	color: #000000;
}	
.pixolio_documents a:hover {
		text-decoration: none;
}
.faqs ul {
	list-style: none;
	padding-left: 0;
	border-top: 1px dashed #AAAAAA;
}
.faqs .first {
	border-top: none;
}
.faqs .question {
	background: url('/images/q.gif') no-repeat;
	padding: 16px 0 0 35px;
	font-weight: bold;
}
.faqs .answer {
	background: url('/images/a.gif') no-repeat;
	padding: 7px 0 0 35px;
	color: #555555;
	min-height: 22px;
}
.support-content p {
	line-height: normal !important;
}
.support-content p.email {
	color: #000000;
	font-weight: bold;
}
.support-content .notice {
	padding: 10px 10px 10px 20px;
	border: 2px solid #FFC40F;
	margin-top: 50px;
	background: #fbf592;
}
.support-content .notice p {
	color: #333333 !important;
}
.company-about #content h2, .contact #content h2 {
	margin-left: -13px;
	border: none;
}
.company-about #content h2 {
	background: transparent url('/images/blue-design/company-header-about.jpg') no-repeat;
}
.authorize-cc {
	padding-top: 20px;
}
.authorize-cc img {
	height: 60px;
}
.authorize-cc .AuthorizeNetSeal img {
	width: 75px;
}
.authorize-cc .cc {
	padding-left: 10px;
	float: left;
}
.contact #content h2  {
	background: transparent url('/images/blue-design/company-header-contact.jpg') no-repeat;
}
.contact-design #content h2  {
	background: transparent url('/images/blue-design/company-header-design.jpg') no-repeat;
}
.contact h4 {
	margin-bottom: 0;
	padding-left: 25px;
}
.contact p {
	padding-left: 25px;
}
.contact .notice p {
	padding-left: 0;
}
.about-content p {
	color: #333333 !important;
	/*line-height: normal !important;*/
	width: 600px;
}
.about-content p.personal {
	font-style: italic;
	color: #666666 !important;
}
.about-content p.security {
	font-weight: bold;
	line-height: normal !important;
	padding-top: 50px;
	font-size: 80% !important;
}
#sidebar {
	width: 175px;
	height: 550px;
	position: relative;
	left: 23px;
	top: -50px;
	float: left;
	margin-right: 50px;
	background: url('/images/blue-design/sidebar.jpg');
}
#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	position: relative;
	top: 70px;
	left: -10px;
	width:182px;
}
#sidebar ul li {
	padding: 20px 0 20px 30px;
	margin-bottom: -18px;
	position: relative;
}
/*#sidebar ul li:hover {
	padding-top: 19px;
	padding-bottom: 19px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}*/
#sidebar li a {
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}
#sidebar li.selected a {
	color: #333333;
}
.subnav .one-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -19px;
	z-index: 2;
}
.subnav .one:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -19px;
	z-index: 1;
}
.subnav .two-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -106px;
	z-index: 2;
}
.subnav .two:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -106px;
	z-index: 1;
}
.subnav .three-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -196px;
	z-index: 2;
}
.subnav .three:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -196px;
	z-index: 1;
}
.subnav .four-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -284px;
	z-index: 2;
}
.subnav .four:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -284px;
	z-index: 1;
}
.subnav .five-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -372px;
	z-index: 2;
}
.subnav .five:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -372px;
	z-index: 1;
}
.subnav .six-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -460px;
	z-index: 2;
}
.subnav .six:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -460px;
	z-index: 1;
}
.subnav .seven-selected {
background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -548px;	
	z-index: 2;
}
.subnav .seven:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -548px;
	z-index: 1;
}
.subnav .eight-selected {
	background: url('/images/blue-design/sidebar-selections.png') no-repeat -20px -635px;	
	z-index: 2;
}
.subnav .eight:hover {
	background: url('/images/blue-design/sidebar-hover.png') no-repeat -20px -635px;
	z-index: 1;
}
.footer {
	font-size: 8px;
	letter-spacing: 0.5px;
	line-height: 14px;
	padding: 10px 0 0 30px;
	clear: both;
	position: relative;
	top: 36px;
}
.footer a, .footer .copyright {
	color: #999999;
	text-decoration: none;
	padding: 0 13px 0 0;
}
.footer a:hover {
	text-decoration: underline;
}
.signup #content, .not_found #content {
	min-height: 0;
	font-size: 12px;
}
/*.signup #content h2 {
	font-size: 170%;
	width: 600px;
	position: relative;
	left: 100px;
}*/
.signup #content h2 {
	text-indent: -3000px;
	background: url('/images/blue-design/signup-header.jpg') no-repeat;
	height: 70px;
	width: 566px;
	border: none !important;
	margin: 0 0 10px 125px;
}
.signup #content p, .not_found #content p {
	width: 600px;
	position: relative;
	left: 158px;
	line-height: normal;
}
.signup #sidebar, .not_found #sidebar {
	display: none !important;
}
.not_found #content h2 {
	margin: 0 120px 0 158px;
}

/*.nav li ul {
	font-size: 11px;
	background: green;
	display: none;
	position: absolute;
	padding: 8px 0 5px;
	margin: 17px 0 0 23px;
	left: 0;
	z-index: 500;
}
.nav li ul li {
	padding: 3px 10px 2px;
	display: block;
}
.nav li a {
	font-weight: normal;
}
.nav li a:hover {
	color: black;
	text-decoration: underline;
}
.nav li:hover {
	background: #3366FF;
	color: #FFFFFF;
	cursor: pointer;
}
.nav li a:hover {
	background: #EFC33C;
	color: #FFFFFF;
	text-decoration: none;
}
.nav li:hover ul {
	display: block;
}*/