@charset "utf-8";
/*
Theme Name: Phenomenon
Theme URI: http://bluzgraphics.com/phenomenon-wordpress/
Description: Phenomenon is a premium wordpress theme that functions as CMS.
Version: 1.1
Author: Paz Aricha
Author URI: http://bluzgraphics.com/
*/

/** General Layout **/

* {margin:0; padding:0;}

html, body {margin:0px; padding:0px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; position:relative; line-height: 1.67em; background: #fff; color:#555; text-align:left; height: 100%;}

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

.hidden {display:none;}

#site-wrapper {height: auto; position:relative; overflow:hidden; background:url(images/styles/grunge.jpg) repeat-x top left;}

.container {position:relative; margin:0 auto; width:960px;}
.no-margin {margin-right:0 !important;}

/** Typography **/

h1 {font-weight:normal; font-size:40px; line-height:40px;}
h2 {font-weight:normal; font-size:34px; line-height:34px;}
h3 {font-weight:normal; font-size:28px; line-height:28px;}
h4 {font-weight:normal; font-size:22px; line-height:22px;}
h5 {font-weight:normal; font-size:17px; line-height:17px;}
h6 {font-weight:normal; font-size:14px; line-height:14px;}

h1, h2, h3, h4, h5, h6 {margin-bottom:12px; color:#333; padding-left:1px;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{margin-bottom:12px;}
p {margin-bottom:18px; height:auto;}

#content ul, .plan ul {list-style:disc; list-style-position:inside; margin-bottom:15px;}
#content ol, .plan ol {list-style:decimal; list-style-position:inside; margin-bottom:15px;}

blockquote {background:none repeat scroll 0 0 #ECECEC; border-bottom:1px solid #DBDBDB; border-top:1px solid #DBDBDB; color:#737373; font-size:14px; font-style:italic; margin:10px 0 20px;padding:12px;}
blockquote p {margin-bottom:10px;}
.colum blockquote p, #sidebar blockquote p { padding-bottom:30px; background:url(images/testimony-bg.png) no-repeat -1px bottom transparent; margin-bottom:0; font-size:12px}
.colum blockquote, #sidebar blockquote {background:none; border:none; padding:0; margin:0 0 15px 0; color:#555555;}
cite {font-size:11px; color:#333333; display:block; text-align:left; }

a {color:#333; font-weight:bold;}
a:hover {color:#333; text-decoration:underline; }

code, pre {background:url("images/code_bg.png") repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; color:#000000; display:block; font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-size:12px; line-height:20px; margin:10px 0 20px; overflow:auto; padding:0 3px;}

/* Image styling */

#content img {padding:5px; background:#ECECEC; border:#D9D9D9 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#content img:hover {border:#BFBFBF 1px solid;}

img.alignleft {margin:5px 10px 5px 0;}
img.alignright {margin:5px 0 5px 10px;}

img.icon {padding:0 !important; border:none !important; background:none !important;}

/** Header **/

header {position:relative;}

#logo {margin-bottom:16px; position:relative; padding-top:40px;}
#logo a {color:#fff;}
#logo h1 {font-size:54px; height:62px;}

ul.sf-menu {background:url(images/nav-bg.png) no-repeat top left; height:42px; width:960px; margin-bottom:20px;}

/* Login */
#login-holder {position:absolute; top:45px; right:0;}
#login-holder .sml-btn {margin-right:0;}

#login-box {width:230px;  padding:18px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden;
background:#eeeeee url(images/login/login-bg2.png) repeat-x left bottom;}

#login-box label {font-size:11px; text-transform:uppercase; font-weight:bold; color:#333;}
#login-username {width:190px; height:22px; padding:5px 10px 3px 30px; background:url(images/login/user-input.png) no-repeat left top; margin-bottom:10px; border:none; font-size:11px; color:#fff;}
#login-password {width:190px; height:22px; padding:5px 10px 3px 30px; background:url(images/login/password-input.png) no-repeat left top; margin-bottom:15px; border:none; font-size:11px; color:#fff;}
#login-submit {font-family:Arial, Helvetica, sans-serif; margin:0; background:#339900 url(images/buttons/sml-btn-bg.png) repeat-x top left; color:#fff; border:#1b5000 1px solid; text-shadow:#1b5000 0px -1px 0px;}
#login-submit:hover {background:#287800 url(images/buttons/sml-btn-bg.png) repeat-x top left; text-shadow:#133800 0px -1px 0px;}
.submit-block {overflow:hidden; margin-bottom:15px;}
.lostpass {font-size:10px; text-transform:uppercase; font-weight:bold; text-align:center; display:block; color:#333; text-decoration:underline;}
.lostpass:hover {color:#EB0303; text-decoration:none;}

/** Slider **/

#slider-holder {height:270px; width:960px; position:relative; margin-bottom:5px; background:url("images/pagename-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:1px; }
#slider-nav-container {position:absolute; left:45%; bottom:12px; z-index:500;}
#slider-nav {background:url(images/slider-nav-left.png) no-repeat top left; height:23px; width:auto; padding-left:13px; float:left; padding-top:9px;}
#slider-nav a {background:url(images/nav-off.png) no-repeat top left; margin:0 0 0 7px; text-indent:-9999px; width:8px; height:7px; position:relative; display:block; float:left;}
#slider-nav a.activeSlide, #slider-nav a:hover {background:url(images/nav-on.png) no-repeat top left;}

#slider {height:250px; position:relative; background:url("images/black-slide2.png") no-repeat scroll left top #1B1B1B; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.slide {width:960px; height:250px; position:relative; background:url("images/black-slide2.png") no-repeat scroll left top #1B1B1B; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.slide .inside {padding:20px 295px 20px 20px;}
.slide h2 {color:#fff;}
.slide p {color:#CFCFCF; margin-bottom:10px;}
.slide-img {position:absolute; right:50px; top:27px;}

#pagename {background:url(images/pagename-bg.png) no-repeat left top #1B1B1B; margin-bottom:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; width:960px; height:100px; color:#cacaca; font-size:12px;}
#pagename .inside {padding:17px 20px 18px; background:url(images/pagename-shadow.png) no-repeat scroll center 101px;}
#pagename h2 {color:#fff; margin-bottom:5px;}
#breadcrumbs a {color:#fff;}
#breadcrumbs a:hover {color:#fff;}

/** Buttons **/
/* normal state */
.big-btn {position:relative; display:inline-block !important; cursor:pointer; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:10px 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center;}

.sml-btn {font-size:9px; text-transform:uppercase; position:relative; display:inline-block  !important; cursor:pointer; height:22px; line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 5px; margin:10px 10px 10px 0; font-weight:bold; text-decoration:none !important; text-align:center;}

a.grey, .grey {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}
a.grey:hover, .grey:hover {background:#dedede url(images/buttons/big-btn-bg.png) repeat-x top left; color:#000; border:#666 1px solid; text-decoration:none;}

a.red, .red {background:#eb0303 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#9e0000 1px solid; text-shadow:#9e0000 0px -1px 0px;}
a.red:hover, .red:hover {background:#d50101 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff;  border:#8d0000 1px solid; text-decoration:none;}

a.black, .black {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}
a.black:hover, .black:hover {background:#2c2c2c url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#0b0b0b 1px solid; text-shadow: #0b0b0b 0px -1px 0px; text-decoration:none;} 

a.green, .green {background:#339900 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1b5000 1px solid; text-shadow:#1b5000 0px -1px 0px;}
a.green:hover, .green:hover {background:#287800 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#133800 0px -1px 0px;}

a.blue, .blue {background:#005a99 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#003150 1px solid; text-shadow:#1b5000 0px -1px 0px;}
a.blue:hover, .blue:hover {background:#004478 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#002438 0px -1px 0px;}

a.special, .special {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}
a.special:hover, .special:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}

a.orange, .orange {background:#DF4E00 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#8F3200 1px solid; text-shadow:#8F3200 0px -1px 0px;}BA3F01
a.orange:hover, .orange:hover {background:#BA3F01 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#994115 1px solid; text-shadow:#994115 0px -1px 0px;}
/* slider state */
.slide a.grey, #login-holder a.grey {border:#fff 1px solid; background:#F5F5F5 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.grey:hover, #login-holder a.grey:hover {border:#f1f1f1 1px solid; background:#dedede url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.red, #login-holder a.red {border:#fe3333 1px solid; background:#eb0303 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.red:hover, #login-holder a.red:hover {border:#fe1818 1px solid; background:#d50101 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.black, #login-holder a.black {border:#818181 1px solid; background:#3a3a3a url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.black:hover, #login-holder a.black:hover {border:#676767 1px solid; background:#2c2c2c url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
 
.slide a.green, #login-holder a.green {border:#45CF00 1px solid; background:#339900 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.green:hover, #login-holder a.green:hover {border:#3AAF00 1px solid; background:#287800 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.blue, #login-holder a.blue {border:#007fcf 1px solid; background:#005a99 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.blue:hover, #login-holder a.blue:hover {border:#0073af 1px solid; background:#004478 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.orange, #login-holder a.orange {border:#FF732D 1px solid; background:#DF4E00 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.orange:hover, #login-holder a.orange:hover {border:#FF732D 1px solid; background:#BA3F01 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.special, #login-holder a.special {border:#fff 1px solid; background:#F5F5F5 url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}
.slide a.special:hover, #login-holder a.special:hover {border:#818181 1px solid; background:#3a3a3a url(images/buttons/big-btn-bg2.png) repeat-x bottom left;}

/** Hosting Plans **/

#hosting-plans {position:relative; margin-bottom:10px; height:auto; overflow:hidden;}
.plan {position:relative; width:300px; overflow:hidden; margin-right:30px; float:left; background:url("images/plan-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:19px; margin-bottom:20px;}
.plan .title {height:45px; width:300px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(images/plan-title.png) no-repeat top left #1B1B1B;}
.plan .title h4 {color:#fff; padding:9px; margin-bottom:0;}
.plan .content {border:#a0a0a0 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; min-height:145px; height:auto; padding:10px 10px 0px; background:#fff url(images/plan-bg.png) no-repeat center bottom;}
.plan .content .price {width:75px; height:92px; position:relative; float:right; background:url(images/price-bg.png) no-repeat left top;  color:#FFFFFF; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:30px; margin-left:5px;}
.plan .content .price .inside {padding:23px 10px 5px; text-shadow: #1a1a1a 0px -1px 0px; text-align:center; line-height:17px;}
.plan .content .price .inside span {font-size:12px;}
.plan .content .price .sml-btn {position:absolute; bottom:-1px; margin:0 !important;}

/** Content **/

#content {height:auto; overflow:hidden; padding-bottom:35px; background:url(images/content-bg.png) repeat-x left bottom;}

#home-page #content {background:transparent; border-top:#d8d8d8 1px solid; padding-top:35px;}
/**#home-page #content {background:#c7c7c7 url(images/content-bg.png)repeat-x left bottom; border-top:#d8d8d8 1px solid; padding-top:35px;}**/

#home-colums {height:auto; overflow:hidden; background:url(images/colums-bg.png) no-repeat top left; width:960px;}

.colum {height:auto; width:280px; padding:0 25px 0 0; float:left; margin-right:25px;}
#content .colum img {background:#fff;}
#home-colums .no-margin {padding-right:0; background:none;}

ul#services-list {list-style:none; list-style-position:outside;}
ul#services-list li {padding-bottom:13px; background:url(images/service-seperator.png) no-repeat left bottom; margin-bottom:10px;}
ul#services-list li img {float:left; list-style:none; margin-top:8px; margin-right:7px;}

/** Main-Colum **/

#main-colum {height:auto; overflow:hidden; width:650px; float:left;}

/** Sidebar **/

#sidebar {height:auto; overflow:hidden; width:280px; float:left; padding-left:30px; font-size:12px;}
#sidebar ul {list-style-type:none; list-style-position:outside; padding:0; margin:0;}

#sidebar .widget {height:auto; position:relative; overflow:hidden; margin-bottom:35px; background:url(images/widget-shadow.png) no-repeat scroll center bottom; padding-bottom:19px;}
.widget .title {height:40px; width:280px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(images/widget-title.png) no-repeat top left #1B1B1B;}
.widget .title h5 {color:#fff; margin-bottom:0 !important; padding:11px;}
.widget .content {border:#a0a0a0 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; height:auto; padding:10px; background:#fff url(images/widget-bg.png) repeat-x center bottom;}

#sidebar blockquote {margin-bottom:0;}
#sidebar blockquote p {padding-bottom:10px; background:none; padding-right:5px;}
.widget ul { list-style-position:outside; list-style-type:none; margin:0 0 7px 0; padding:0;}
.widget ul li {list-style-type:none;}
.widget ul li a {display:block; overflow:hidden; text-decoration:none !important;  font-weight:normal;}
.widget ul li a:hover {text-decoration:underline !important;}
.widget ul li.current_page_item a {font-weight:bold; color:#ab0000;}
.widget ul li.current_page_item li a {font-weight:normal; color:#EB0303;}
.widget ul li.current_page_item li a:hover {color:#ab0000;}
.widget p {margin-bottom:0;}

.recentcomments {padding:5px 0 5px 5px;}

#searchform {position:relative;}
#searchform {background:url("images/search-bg.png") no-repeat scroll left top transparent; border:none; display:block; height:17px; overflow:hidden; padding:5px 30px 9px 10px; position:relative; width:218px;}
#searchform #s {background:none; border:none; width:218px; color:#000; font-size:12px; font-family: Arial,Helvetica,sans-serif;}
#searchform #searchsubmit {background:url("images/search-submit.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; height:15px; position:absolute; right:10px; top:9px; width:15px;}
#searchform #searchsubmit:hover {background:url("images/search-submit.png") no-repeat scroll left bottom transparent;} 

/** Blog **/

.post {position:relative; display:block; float:left; height:auto; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #D9D9D9; width:650px;}
.post .read-more {margin-top:0;}

.meta {display:none;margin-bottom:2px; font-size:10px;}
.meta .category, .meta .date, .meta .comments {width:auto; margin-right:20px; padding:2px 0 1px 20px;}
.meta .category {background:url(images/mini-icons/category.png) no-repeat left top;}
.meta .date {background:url(images/mini-icons/clock.png) no-repeat left top;}
.meta .comments {background:url(images/mini-icons/comment.png) no-repeat left 1px;}

/** Pricing **/

table td, table th {border-right:1px solid #BFBFBF; padding:10px; border-bottom:1px solid #BFBFBF;}
tr.even {background:url(images/row-bg.png) repeat-x top left;}
.pricing-table {width:960px;}
.pricing-table .price {font-size:40px; font-weight:bold;}
.pricing-table {border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF;}
.pricing-table tr td {text-align:center;}
.pricing-table tr td.colfirst {text-align:left;}

/** Gallery **/

.gallery-item {float:left; overflow:hidden; position:relative; margin:0 7px 14px;}
.gallery-item a {display:block; height:162px; width:226px; background:url(images/gallery-hover.jpg) no-repeat center center; text-decoration:none !important;}

#content .wp-pagenavi {width:100%; overflow:hidden; padding-top:1px; float:left; font-size:11px; padding-bottom:1px;}
#content .wp-pagenavi a {padding:3px 7px; background:#eeeeee url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;text-transform:uppercase; text-decoration:none !important; font-weight:normal; margin-right:3px;}
#content .wp-pagenavi a:hover {background:#dedede url(images/buttons/big-btn-bg.png) repeat-x top left; color:#000; border:#666 1px solid;}
#content .wp-pagenavi span.current {padding:3px 7px; background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#dedede; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:bold; margin-right:3px;}

/** Contact us Form **/

#contact_us {width:460px; margin:25px 0px 0px; overflow:hidden;}

#contact_us p.label_name, #contact_us p.input_form {float:left; margin-bottom:10px;}
p.label_name {width:80px; clear:both; color:#7f7e7e; font-size:13px;}

#contact_us input, #contact_us textarea {width:370px; background:url("images/input-bg.png") repeat-x scroll left top #FFFFFF; border:#CACACA 1px solid;padding:4px; margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: Arial,Helvetica,sans-serif; font-size:13px;}

#contact_us input.big-btn {position:relative; display:block; cursor:pointer; float:right; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center; background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px; width:auto;}
#contact_us input.big-btn:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}

#feedback p {margin-bottom:5px;}
p.error {display:none;}
p#submit {text-align:right;}
#success {display:none;}

/** Footer **/

footer {height:auto; position:relative; background:url(images/footer-bg.png) no-repeat center top; color:#777; font-size:11px; overflow:hidden;}

.footer_top {background:transparent;
background-position: top;
padding-top: 10px;
}
/**.footer_top {background-image: url(images/footer-top.png);
background-repeat: repeat-x;
background-position: top;
padding-top: 30px;
}*/

.footer a {color:#fff;  text-decoration:none; font-weight:normal;}
.footer a:hover {color:#d9d9d9;}

#footer-colums {position:relative; display:block; height:auto; overflow:hidden; margin-bottom:35px;}
.footer-colum {width:221px; margin-right:25px; float:left;}
.footer-colum h4 {color:#bbbbbb;}
.footer-colum li {border-bottom:0px solid #1e1e1e; border-top:#555 0px solid;}
.footer-colum li a {display:block; padding:5px 0 5px 5px;color:#fff;}
.footer-colum li a:hover {background:rgba(0, 0, 0, 0.4);  text-decoration:none;}
.footer-colum .recentcomments:hover {background:rgba(0, 0, 0, 0.4);}
.footer-colum .recentcomments a:hover {background:none !important;}

#bottom-footer {position:relative; overflow:hidden; padding:17px 0 12px; background:#fff; color:#999;}/*url(images/bottom-footer-bg.png) repeat-x top left*/
#bottom-footer p {margin:0; line-height:16px;}

ul#social-list {overflow:visible; height:16px; display:block; position:relative;	}
ul#social-list li {list-style:none; float:left; margin:0 2.5px;}

/* Page Navigation */
.pagenav{text-align:right;padding:10px 0 0;font-family:Arial,Helvetica, Sans-serif;}
.folio .pagenav{text-align:center;}
.pagenav span{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;margin:0 10px 0 0;}
.pagenav a{margin:0 5px;display:inline-block;padding:3px 8px;background:url(images/bg_white.gif) repeat-x;border:1px solid #BBB;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:bold;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;}
.pagenav a.current{color:#777;}
.pagenav a:hover{border:1px solid #999;}

/* Teaser Text */
#teaser{padding:20px 0;background:url(images/bg_slider.gif) repeat-x;border-bottom:1px solid #DDD;}
#teaser h2{font-family:Georgia,"Times New Roman",Times,serif;font-size:32px;float:left;margin:0 20px 0 0;font-weight:normal;}
#teaser .teaser-text{float:left;color:#999;line-height:32px;}

.tips{color:#222;background:#FFFFE0;border:1px solid #E6DB55;padding:10px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}


.weiter {float: right;}
.weiter a {
	background:url(images/arrow23.png) no-repeat scroll left center transparent; color:#3B3B3B; margin:0 0 0 10px; padding:0 0 0 15px; font-size: 100%;}

/*----------------------Kontakt-----------------*/

.contactForm input {
    display: inline;
}
p {
    margin-bottom: 20px;
}
.contactForm p {
    margin: 5px 0;
}
.contactForm {
	color: #201E1D;
	font-size: 18px;
}
.container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.container_16 .grid_4 {
    width: 220px;
}
.container_16 .grid_8 {
    width: 460px;
}
.start-here {
    background: url("images/start-here.png") no-repeat scroll 16px 38px transparent;
    height: 300px;
    width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, third {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.contactForm .top {
    background: url("images/contact-rounded-top.png") no-repeat scroll center bottom transparent;
    height: 5px;
    width: 100%;
}
.basicContactContent .middle {
    background: url("images/contact-rounded-middle.png") no-repeat scroll center top transparent;
    height: 483px;
}
.middle {
    margin: 0 auto;
}
.contactForm .bottom {
    background: url("images/contact-rounded-bottom.png") no-repeat scroll center top transparent;
    height: 5px;
    width: 100%;
}
.contactForm textarea {
    background: url("images/textarea-bg.png") repeat scroll left top transparent;
    border: 0 none;
    height: 150px;
    padding: 0px;
    width: 420px;
}
.contactForm textarea:hover {
    background: url("images/textarea-bg.png") repeat scroll left bottom transparent;
}
.contactForm textarea:focus {
    background: url("images/textarea-bg.png") repeat scroll left center transparent;
}
textarea {
    -moz-box-sizing: border-box;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 0.29em 0;
    width: 100%;
}

.textbox input {
    background: url("images/textbox-bg.png") no-repeat scroll center top transparent;
    border: 0 none;
    height: 20px;
    padding: 5px;
    width: 420px;
}
.textbox input:hover {
    background: url("images/textbox-bg.png") no-repeat scroll center bottom transparent;
}
.textbox input:focus {
    background: url("images/textbox-bg.png") no-repeat scroll center center transparent;
}
/*---------------Kontakt------deatil------------------------*/
.goIntoDetail {
    background: url("images/go-into-detail.png") no-repeat scroll center center transparent;
    height: 208px;
    margin-top: -5px;
}
.container_16 .suffix_8 {
    padding-right: 480px;
}
.submit1 input {
    background: url("images/submit.png") no-repeat scroll right top transparent;
    border: 0 none;
    height: 61px;
    margin: 75px 0 0 720px;
    overflow: hidden;
    text-indent: -999px;
    width: 174px;
}
.submit1 input:hover {background: url("images/submit.png") no-repeat scroll right bottom transparent;}
.contactGeneralContent .middle {
    background: url("images/contact-rounded-middle.png") repeat-y scroll center top transparent;
    width: 460px;
}
.generalInfo {
    background: url("images/sure.png") no-repeat scroll right top transparent;
    float: left;
    height: 62px;
    margin: -120px 0 0 !important;
    width: 174px;
}
.generalInfo:hover {background: url("images/sure.png") no-repeat scroll right bottom transparent; cursor:pointer;}
.container_16 .grid_8 {
    width: 460px;
}
.products {
    background: url("images/what-products.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    width: 100%;
}
.target {
    background: url("images/target-audience.png") no-repeat scroll 0 32px transparent;
    height: 179px;
    width: 100%;
}
.learn {
    background: url("images/learn-about.png") no-repeat scroll 0 30px transparent;
    height: 175px;
    width: 100%;
}
.differ {
    background: url("images/differ-competitors.png") no-repeat scroll 0 160px transparent;
    height: 320px;
    width: 100%;
}
/*---------------wantWebside---------------*/
.wantWebSite {
    background: url("images/want-web-site.png") no-repeat scroll left top transparent;
    height: 270px;
    margin-top: 0px;
    position: relative;
    width: 940px;
}
.container_16 .suffix_12 {
    padding-right: 720px;
}
.webSiteInfo {
    background: url("images/absolutely.png") no-repeat scroll right top transparent;
    float: left;
    height: 62px;
    margin: -90px 0 0 120px !important;
    position: absolute;
    width: 174px;
    z-index: 10;
}
.webSiteInfo:hover {background: url("images/absolutely.png") no-repeat scroll right bottom transparent; cursor: pointer;}
#webQuestionnaire {
    background: url("images/contact-line-repeat.png") repeat-y scroll left center transparent;
    margin-bottom: 10px;
    margin-top: -10px;
}
.contactWebContent .top, .contactIdentityContent .top, .contactPrintContent .top, .contactOtherContent .top {
    height: 50px !important;
    margin-top: -35px;
}
.contactWebContent .middle {
    background: url("images/contact-rounded-middle.png") repeat-y scroll center top transparent;
}
.contactWebContent .bottom, .contactIdentityContent .bottom, .contactPrintContent .bottom {
    height: 50px !important;
    margin-bottom: -30px;
}
.contactImages2 {
    padding-top: 75px;
}
.goal {
    background: url("images/site-goal.png") no-repeat scroll 0 0 transparent;
    height: 132px;
    width: 100%;
}
.primary {
    background: url("images/primary-message.png") no-repeat scroll 0 60px transparent;
    height: 205px;
    width: 100%;
}
.project1 {
    background: url("images/image-project.png") no-repeat scroll 0 95px transparent;
    height: 235px;
    width: 100%;
}
.colors {
    background: url("images/palette.png") no-repeat scroll 0 30px transparent;
    height: 123px;
    width: 100%;
}
.strategy {
    background: url("images/content-strategy.png") no-repeat scroll 0 115px transparent;
    height: 255px;
    width: 100%;
}
.additional {
    background: url("images/other-info.png") no-repeat scroll 0 200px transparent;
    height: 358px;
    width: 100%;
}
.wantIdentity {
    background: url("images/want-identity.png") no-repeat scroll left top transparent;
    height: 270px;
    margin-bottom: -5px;
    margin-top: -10px;
    position: relative;
    width: 940px;
}
.identityInfo {
    background: url("images/i-do-actually.png") no-repeat scroll right top transparent;
    float: left;
    height: 62px;
    margin: -90px 0 0 120px !important;
    position: absolute;
    width: 174px;
    z-index: 10;
}
.identityInfo:hover {background: url("images/i-do-actually.png") no-repeat scroll right bottom transparent;cursor:pointer;}
#identityQuestionnaire {
    background: url("images/contact-line-repeat.png") repeat-y scroll left center transparent;
}
.contactImages3 {
    padding-top: 125px;
}
.project2 {
    background: url("images/image-project.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    width: 100%;
}
.colors2 {
    background: url("images/palette.png") no-repeat scroll 0 20px transparent;
    height: 113px;
    width: 100%;
}
.used {
    background: url("images/where-used.png") no-repeat scroll 0 0 transparent;
    height: 138px;
    width: 100%;
}
.additional2 {
    background: url("images/other-info.png") no-repeat scroll 0 75px transparent;
    height: 243px;
    width: 100%;
}
.printInfo {
    background: url("images/sounds-great.png") no-repeat scroll right top transparent;
    float: left;
    height: 62px;
    margin: -90px 0 0 120px !important;
    position: absolute;
    width: 174px;
    z-index: 10;
}
.printInfo:hover {background: url("images/sounds-great.png") no-repeat scroll right bottom transparent;cursor:pointer;}
#printQuestionnaire {
    background: url("images/contact-line-repeat.png") repeat-y scroll left center transparent;
}
.project3 {
    background: url("images/image-project.png") no-repeat scroll 0 140px transparent;
    height: 280px;
    width: 100%;
}
.colors3 {
    background: url("images/palette.png") no-repeat scroll 0 25px transparent;
    height: 118px;
    width: 100%;
}
.additional3 {
    background: url("images/other-info.png") no-repeat scroll 0 110px transparent;
    height: 278px;
    width: 100%;
}
.wantOther {
    background: url("images/want-other.png") no-repeat scroll left top transparent;
    height: 270px;
    margin-bottom: -5px;
    margin-top: -10px;
    position: relative;
    width: 940px;
}
.otherInfo {
    background: url("images/yes.png") no-repeat scroll right top transparent;
    float: left;
    height: 62px;
    margin: -80px 0 0 120px !important;
    position: absolute;
    width: 174px;
    z-index: 10;
}
.otherInfo:hover {background: url("images/yes.png") no-repeat scroll right bottom transparent;cursor:pointer;}
#otherQuestionnaire {
    background: url("images/contact-line-repeat.png") repeat-y scroll left center transparent;
}
.additional4 {
    background: url("images/other-info.png") no-repeat scroll 0 115px transparent;
    height: 270px;
    width: 100%;
}
.send input {
    background: url("images/complete-submission.png") no-repeat scroll right top transparent;
    border: 0 none;
    height: 76px;
    margin: 30px 0 0;
    overflow: hidden;
    text-indent: -999px;
    width: 330px;
}
.send input:hover {background: url("images/complete-submission.png") no-repeat scroll right bottom transparent;cursor:pointer;}
.contactIdentityContent .middle {
    background: url("images/contact-rounded-middle.png") repeat-y scroll center top transparent;
}
.contactPrintContent .middle {
    background: url("images/contact-rounded-middle.png") repeat-y scroll center top transparent;
}
.contactOtherContent .middle {
    background: url("images/contact-rounded-middle.png") repeat-y scroll center top transparent;
}
.wantPrint {
    background: url("images/want-print.png") no-repeat scroll left top transparent;
    height: 270px;
    margin-bottom: -5px;
    margin-top: -10px;
    position: relative;
    width: 940px;
}
.contactOtherContent .bottom {
    height: 35px !important;
    margin-bottom: -10px;
}
.bottomLine {
    background: url("images/final-line.png") no-repeat scroll left top transparent;
    height: 100px;
    margin-top: -5px;
    width: 100%;
}

/* ------ Leistungen ------*/

.preise_div {margin-top:20px;}

.box {background:url("line.png") repeat-x left 0 transparent;margin-bottom:10px;margin-top:27px;padding:12px 0 0;}

.box h2 {margin:-27px 0 0;padding:1px:position:relative;}

.box h2 span {background-color: transparent;padding-right:15px;color:#086080;}


/*----------------Leistungen der Pakete---------------------*/


ul.features {list-style: none;outside none;margin:0 20px 5px 0; padding:0;}

ul.features li {float:left; margin:0 0 15px; width: 27%;}

ul.features li a {background: url('features.png') no-repeat left top transparent; color: #525252; display: block; height:49px;margin-right:5px;padding:000 53px;text-decoration:none;width:92px;}

ul.features li a span {color:#000000;display:block;padding:5px 0 0;}

ul.features li a.pages {background-position:0 -50px;}

ul.features li a.image {background-position:0 -200px;}

ul.features li a.stats {background-position:0 -150px;}

ul.features li a.forms {background-position:0 -100px;}

ul.features li a.seo {background-position:0 -250px;}

ul.features li a.cms {background-position:0 -300px;}

ul.features li a.login {background-position:0 -550px;}

ul.features li a.audio {background-position:0 -500px;}

ul.features li a.sitemap {background-position:0 -750px;}

ul.features li a.newsletter {background-position:0 -700px;}

ul.features li a.lang {background-position:0 -800px;}

div.beschreibung {margin-right: 20px;}

span.mprice {float: right;padding-right:10px;}

/* ----------- right --------------*/

#_left {float:left;overflow:hidden;padding:0px;width:640px;}
#_left2 {float:left;overflow:hidden;padding:0px;width:100%;}

#_right {float:right;margin:-20px 0px 0px 25px;overflow:0px;width:265px;}

#_right h6 {

	font-size: 28px;

	color: #6f7170;

	margin: 0px;

	padding: 10px;

	text-align: center;

}

p.button {background:url("button.png") no-repeat 0% 50%;margin:0px 0px 6px;}

p.button a {background: url("button.png") no-repeat 100% 50%;color: white;display: block;font-weight: bold;margin-left: 10px;padding: 11px 10px 15px 0px;text-align: center;text-decoration: none;}



/* ----------------------Leistungen-blöcke------------------------ */

H2.trigger

{

	margin: 0 0 1px;

	background: url("h2_trigger_a.png") no-repeat top left;

	height: 27px;

	line-height: 27px;

	width: 628px;

	font-size: 14px;

	/*[disabled]float:left;*/

	color: #343434;

	cursor: pointer;

	font-weight: normal;

	font-family: verdana, sans-serif;

}

H2.trigger A

{

	color: #343434;

	text-decoration: none;

	display: block;

	/*[disabled]width:600px;*/

	/*[disabled]float:left;*/

	padding-left: 30px;

}

H2.trigger A:hover

{

	color: #FFF;

	background: url("h2_trigger_a.png") no-repeat left bottom;

}

H2.trigger.active A

{

	color: #FFF;

	background: url("h2_trigger_a.png") no-repeat 0px -27px;

}

H2.trigger.active A:hover

{

	color: #FFF;

}

H2.trigger SPAN

{

	font-weight: bold;

	float: right;

	padding-right: 10px;

}

H2.trigger SPAN.mprice

{

	font-weight: normal;

	font-size: 12px;

	display: none;

}

H2.trigger.active SPAN.mprice

{

	display: block;

}

H2.active

{

	background-position: left bottom;

}

/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container

{

	margin: 0 0 5px;

	padding: 0 0 0 15px;

	border: 1px solid #D5D5D5;

	background: #FFFFFF url("toggle_block_stretch.gif") repeat-y left top;

	overflow: hidden;

	font-size: 12px;

	width: 610px;

	clear: both;

}

.toggle_container A.buy

{

	float: right;

	width: 179px;

	height: 23px;

	text-align: right;

	background: url("buy.png");

	color: #00487A;

	font-family: verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	padding-right: 9px;

	margin-bottom: 0;

}

.toggle_container A:hover.buy

{

	text-decoration: underline;

}

.toggle_container SPAN{color: #A8A8A8;}

.toggle_container P

{

	margin: 3px 0 15px;

	text-align: justify;

}

.toggle_container .block

{

	padding: 0;

/*--Padding of Container--*/

	background: url("toggle_block_btm.gif") no-repeat left bottom;

/*--Bottom rounded corners--*/

	margin-top: 24px;

	width: 605px;

}

div.block {margin-bottom:-15px;overflow:hidden;position:relative;top:-10px;}