@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: US Cash ATM's
Author URI: /
*/

/** 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; }

.kt { float:left; margin-right:10px; width:242px; }
.fl { width0px; margin:0 auto; text-align:center; }
.fl img { border:none!important; }
.fl img:hover { border:none!important; }
.container { margin:0 auto; max-width:960px; width:100%;}
.no-margin {margin-right:0 !important;}
.mdt { max-width:950px; margin:0 auto; }

/** 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; text-align:justify;}

#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; 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;  height:150px; margin-top:-5px; 

background: url(images/footer-bg2.jpg) repeat-x; 
/* background: url(/wp-content/uploads/2012/07/tasky_pattern.png) repeat; */  }
.cnt { 
    border-bottom: 1px solid #ccc;
    border-top: 1px solid;
   
    position: relative;
    width: 100%;
    z-index: 1;
	 background-color:#52A8D7;}

.subcnt { 
    border-bottom: 1px solid #ccc;
    border-top: 1px solid;
   
    position: relative;
    width: 100%;
    z-index: 1;
	 background-color:#ffffff;}
	
	
	
	

#logo {margin-bottom:16px; position:relative; padding-top:40px; height:70px; margin-top:5px!important; width:400px; float:left;}
#logo a {color:#fff;}
#logo h1 {font-size:54px; height:62px;}

ul.sf-menu {   background:url("/wp-content/uploads/2012/07/navigation-img1.png") no-repeat;
    border-radius: 5px 5px 5px 5px;
 line-height:34px;
 margin-top:-35px;
 margin: 2px 0;
 position: relative;
 height:90px; width:960px; margin-bottom:20px;
 background-position:-2px;
 
 }

/* 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:454px; max-width:960px; position:relative; margin-bottom:35px; background:url("images/pagename-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:1px; margin-left:10px; }
#slider-nav-container {position:absolute; right:10%; bottom:12px; z-index:500; top:330px;}
#slider-nav { height:23px; width:auto; padding-left:13px; float:left; padding-top:70px;}
#slider-nav a {background:#FBFBFB; text-indent:-9999px; width:30px; height:7px; position:relative; display:block; float:left;}
#slider-nav a.activeSlide, #slider-nav a:hover {background:#33F; width:30px; height:10px;}

#slider {height:250px; position:relative;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.slide {max-width:960px; height:250px; position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.slide .inside { width:530px;}
.slide h4 {color:#fff; position:absolute; z-index:666; right:100px; top:200px;  text-align:center; width:250px; height:auto; padding:30px 0px; }
.slide p {color:#CFCFCF; margin-bottom:10px;}
.slide-img {position:absolute; width:98%; height:auto; }

#pagename {background: url("images/pagename-bg.png") no-repeat scroll left top #1B1B1B;
    border-radius: 10px 10px 10px 10px;
    color: #CACACA;
    font-size: 12px;
    height: 100px;
    margin-bottom: 45px;
    position: relative;
    width: 960px;}
#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:#ccc;}
p#breadcrumbs { color:#ccc; }

/** 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; margin-top:10px; height:auto; overflow:hidden; width:100%; max-width:950px; margin:0 auto; }
.plan {position:relative; width:23.5%; overflow:hidden; margin-left:10px; float:left; padding-bottom:19px; margin-bottom:20px;}
.plan .title {height:45px; width:225px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;   }
.plan .title h4 {
    color: #52a8d7;
   

    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
    text-transform: upperca }
	.plan .title b {
    color: #52a8d7;
   

 
    line-height: 15px;
    margin: 0 0 20px;
   font-size:22px;
   font-weight:bold;
    text-transform: uppercase }

div.wpcf7 .watermark { color:#000000!important; }
.plan .content {}
.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; display:none; }
.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; }

#home-page #content { border-top:#d8d8d8 1px solid; padding-top:35px;}

#home-colums {height:auto; overflow:hidden;  no-repeat top left; max-width:960px; width:100%;}

.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; max-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 {-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; }

#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; max-width:650px;}
.post .read-more {margin-top:0;}

.meta {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 { padding:3px; }
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 {widthpx; 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-bg2.gif") repeat ; padding-top:35px; color:#777; font-size:11px; overflow:hidden;}

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

#footer-colums { display:block; height:auto; overflow:hidden; margin-bottom:35px;}
.footer-colum {width:221px; margin-right:95px; float:left;}
.footer-colum h4 {color:#fff;}
.footer-colum li {border-bottom:1px solid #1e1e1e; border-top:#555 1px solid;}
.footer-colum li a {display:block; padding:5px 0 5px 5px;}
.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:url(images/bottom-footer-bg.png) repeat-x top left; color:#999; width:100%;}
#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 1.5px;}

.ft td{ width:250px; float:left; margin:2px 30px 0px 0;  } 
.full-width strong { display:block; }
#footer-colums p { margin-bottom:0px!important;}
.wp-cart-button-form input { padding:2px 5px!important; background:url(images/li.png) repeat-x!important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:bold!important; cursor:pointer!important; color:#fff!important; border:none!important; }
.atm_4 { width:340px; height:auto; float:left; margin:30px 60px 20px 70px; }
.atm_4 ul li { list-style:none;  margin:5px 0px; background:url(/wordpress/wp-content/uploads/2012/02/tik.png) left no-repeat; padding-left:30px; font-weight:bold; }
#hdn { cursor:pointer; width:220px; height:40px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 0px 6px 0px; margin:30px 0 0 20px; }
#hdn p { color:#fff; margin:0px; font-weight:bold; font-size:12px; }
#hdn2 { cursor:pointer; width:220px; height:40px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 0px 6px 0px; margin:30px 0 0 20px; }
#hdn2 p { color:#fff; margin:0px; font-weight:bold; font-size:12px; }
#hdn3 { cursor:pointer; width:220px; height:40px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 0px 6px 0px; margin:30px 0 0 20px; }
#hdn3 p { color:#fff; margin:0px; font-weight:bold; font-size:12px; }
#hdn4 { cursor:pointer; width:220px; height:40px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 0px 6px 0px; margin:30px 0 0 20px; }
#hdn4 p { color:#fff; margin:0px; font-weight:bold; font-size:12px; }
.rq_form { width:100%; float:left; margin:0 0 0 0;}
.rq_form p { margin:0 0 5px 0; } 
.rq21 { width:430px; float:left; height:auto; background:#333; padding:5px 10px 23px 10px; }
.rq21 h4 { color:#f1f1f1; font-size:26px; text-align:center; }
.rq21 h6 { color:#f1f1f1; }
.rq21 p { color:#f1f1f1; margin:0 0 5px 0  }
.rq22 { width:490px; float:left; height:auto; padding:0 0 0 10px; border:1px solid #ccc;  }
.rq22 h4 { color:#f1f1f1; font-size:26px; text-align:center; padding:10px 0px; color:#333; }
.rq22 h6 { color:#333; }
.rq22 p { color:#333; margin:0 0 5px 0  }
.rq23 { width:555px; float:left; height:auto; background:#666; padding:5px 10px 36px 10px; }
.rq23 h4 { color:#f1f1f1; font-size:26px; text-align:center; }
.rq23 h6 { color:#f1f1f1; }
.rq23 p { color:#f1f1f1; margin:0 0 5px 0  }
.rq24 { width:365px; float:left; height:auto; padding:0 0 0 10px; border:1px solid #ccc;  }
.rq24 h4 { color:#f1f1f1; font-size:26px; text-align:center; padding:10px 0px; color:#333; }
.rq24 h6 { color:#333; }
.rq24 p { color:#333; margin:0 0 5px 0  }
.rq25 { width:555px; float:left; height:auto; background:#333; padding:5px 10px 23px 10px; }
.rq25 h4 { color:#f1f1f1; font-size:26px; text-align:center; }
.rq25 h6 { color:#f1f1f1; }
.rq25 p { color:#f1f1f1; margin:0 0 5px 0  }
.rq26 { width:365px; float:left; height:auto; padding:0 0 0 10px; border:1px solid #ccc; height:531px;  }
.rq26 h4 { color:#f1f1f1; font-size:26px; text-align:center; padding:10px 0px; color:#333; }
.rq26 h6 { color:#333; }
.rq26 p { color:#333; margin:0 0 5px 0  }
.plan b { font:bold 16px verdana; color:#fff; text-align:center; padding-top:13px; display:block; }
.wpcf7-submit { padding:5px 3px; background:#333; color:#fff; cursor:pointer; }
#service-9 img { margin-top:-3px!important; }

#popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:300px;  
	width:600px;  
	background:#fff;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  

	/* additional features, can be omitted */
	border:2px solid #23AA06;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #23AA06;
	-webkit-box-shadow: 0 0 5px #23AA06;
	box-shadow: 0 0 5px #23AA06;
	text-align:center;
	
}
#popup_box2 { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:300px;  
	width:600px;  
	background:#fff;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  

	/* additional features, can be omitted */
	border:2px solid #23AA06;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #23AA06;
	-webkit-box-shadow: 0 0 5px #23AA06;
	box-shadow: 0 0 5px #23AA06;
	text-align:center;
	
}
#popup_box3 { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:300px;  
	width:600px;  
	background:#fff;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  

	/* additional features, can be omitted */
	border:2px solid #23AA06;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #23AA06;
	-webkit-box-shadow: 0 0 5px #23AA06;
	box-shadow: 0 0 5px #23AA06;
	text-align:center;
	
}
#popup_box4 { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:300px;  
	width:600px;  
	background:#fff;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  

	/* additional features, can be omitted */
	border:2px solid #23AA06;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #23AA06;
	-webkit-box-shadow: 0 0 5px #23AA06;
	box-shadow: 0 0 5px #23AA06;
	text-align:center;
	
}

#popupBoxClose {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#23AA06;  
	font-weight:500;  	
}
#popupBoxClose2 {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#23AA06;  
	font-weight:500;  	
}
#popupBoxClose3 {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#23AA06;  
	font-weight:500;  	
}
#popupBoxClose4 {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#23AA06;  
	font-weight:500;  	
}

.atm_banners { width:300px; height:200px; float:left; text-align:center; }

.bb { width:250px; height:410px; float:left; text-align:center; margin-right:60px  }
.bb img  {  }

#post-889 img { width:300px; height:150px; }
object.eStore_button_object input[type=submit] { padding:2px 5px!important; background:url(images/li.png) repeat-x!important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:bold!important; cursor:pointer!important; color:#fff!important; border:none!important; }

#full-width {  float: left;
    height: auto;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
	max-width:960px;
}
#full-width img {  height:170px; float:left; border:none!important; } 
#main-colum #post-1208 img { width:150px; }

.bigbox1 { width:450px; height:400px; float:left; text-align:justify; margin-right: 30px;}

.ftrs { width:960px; margin:0 auto; }

.ftrs ul li { list-style:disc; margin-left:100px; }
.ftrs_inner { margin-left:150px; }

.box-button { margin-top:-15px; margin-left:40%; }


.button {
	
background: -moz-linear-gradient(top, #000000 0%, #121212 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#121212));
background: -webkit-linear-gradient(top, #000000 0%,#121212 100%);
background: -o-linear-gradient(top, #000000 0%,#121212 100%);
background: -ms-linear-gradient(top, #000000 0%,#121212 100%);
background: linear-gradient(top, #000000 0%,#121212 100%);
-pie-background: linear-gradient(#000000, #121212);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#121212');

	

    background: -moz-linear-gradient(center top , #000000 0%, #000000 29%, #121212 74%, #000 100%) repeat scroll 0 0 transparent;
	
	
	
    border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #000;
    color: #FFFFFF;
    
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    margin: 1px 2px 3px;
    padding: 0 18px;
    text-decoration: none;
   
    text-transform: capitalize;
	height:28px;
}

a.button:hover{ color:#fff!important; }
.icon-holder {
    float: left;
    margin-right: 10px;
}

 .grid_3 {
    max-width: 220px; margin-left:10px; margin-right:20px; float:left; width:100%;
	
}
#bluz-recent-posts-3 a { font-size:14px; }
.post_list.services li {
    background: url("images/marker-1.gif") no-repeat scroll 0 12px transparent;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 7px 0 8px 24px;
	list-style:none!important;
}
.grid_6 {
    max-width: 460px; width:90%; float:left;
}
.grid_6 img { width:100%; }
.post_content a img { max-width:372px; }
.grid_6 li { list-style:none; }
.grid_3 {
    width: 220px;
	margin-left:20px; margin-right:0px; float:left;
}
.grid_3 li { list-style:none; }
.home-colums li { list-style:none; }

.latestpost li time {
    color: #353535;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 10px 0 0;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
}
.latestpost li time span {
    background: url("images/time-bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 33px;
    overflow: hidden;
    padding: 3px 0 0;
    text-align: center;
    width: 32px;
}
.extra-wrap {
    overflow: hidden;
}

.latestpost li {
    font-weight: normal !important;
    line-height: 20px !important;
    list-style-type: none;
}

.grid_6 h2 {
    color: #545454;

    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
    text-transform: uppercase;
}
.grid_3 h2 {
    color: #545454;
  

    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.34);
    text-transform: uppercase;
}
.post-title {
    -moz-transition: all 0.3s ease-out 0s;
    color: #333;
    display: inline-block;
    text-decoration: none;
}
.link-1 {
    background: url("images/marker-2.gif") no-repeat scroll 0 -121px transparent;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 7px;
    text-decoration: none;
}
.row-nav {
    background: -moz-linear-gradient(center top , #F3F6FA 0%, #F1F3F6 100%) repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px #BBBBBB;
    margin: 2px 0;
    position: relative;
}
p.maxheight { text-align:justify!important; height:170px;  }
.content p { text-align:justify!important; }
.plan p { text-align:justify!important; }
.container p { text-align:justify; }
#social-list li a { padding:0px 0px 10px 0px!important; }
#social-list li a:hover { background:none!important; }
#footer-new { max-width:960px; margin:0 auto; }
.ftt1 { width:300px; float:left; margin-right:20px; }
.tl { font-size:16px; }
.footer2 { max-width:960px; margin:0 auto; }
.footer2 li { list-style:none;  }
.footer2 h4 {color:#fff; }
.footer2 h4 a{color:#fff; }
#twitter_update_list { font-size:13px; color:#ccc; }
#twitter_update_list li { margin:23px 0px; border-bottom:1px dotted #ccc; }
.bnow { max-width:600px; margin-top:13px; height:275px; float:left;  }
.bnow img { max-width:600px; width:100%; }
.dscr { max-width:950px; width:90%; margin:0 auto; }
.ccc { width:285px; height:225px; padding:70px 0 0 60px; float:left; background:url(/wp-content/themes/Phenomenon/images/only-form.png) no-repeat }
.ccc .wpcf7-submit { background:url(images/submit-btn1.png) no-repeat!important; width:140px; height:40px; border:none;  }
nav select { display:none; }
.rtr { float:right; margin:15px 0 0 0;}
@media screen and (min-width:767px) and (max-width:960px) {
.container {width:767px}
.bnow { margin-left:2%; width:90%; height:auto; }
.ccc { margin-top:4%; background-size:90%; }
.plan { width:48%; } 
p.maxheight { height:100px; }
#footer-new    {width:767px}
nav select { display:block; width:100%; }
nav ul { display:none; }
nav { background: none repeat scroll 0 0 #666666; height: 20px; margin: 10px auto; padding:10px; text-align: center; width: 70%; }
#slider-holder { height:390px; }
#slider-nav-container { top:250px;}
}

@media screen and (min-width:480px) and (max-width:766px) {
.container {width:480px}
.bnow { margin-left:2%; width:90%; height:auto; }
.ccc { margin-top:4%; background-size:90%; margin-left:15%; }
.plan { width:94%; }
p.maxheight { height:60px; }
#footer-new    {width:480px}
nav select { display:block; width:100%; }
nav ul { display:none; }
nav { background: none repeat scroll 0 0 #666666; height: 20px; margin: 10px auto; padding:10px; text-align: center; width: 70%; }
.rtr { display:none; }
#slider-holder { height:255px; }
#slider-nav-container { top:125px; }
.grid_3 { width:95%; margin-left:15%; }
.grid_6 { width:95%; margin-left:5%; } 
.grid_6 img { width:90%; height:auto; }
.cat_post_item-1 .post_content img { margin-left:0px!important; }
.footer-colum { width:90%; text-align:center; margin:10px 0px; margin-left:5%;  }
.bbb { display:none; }
#google_translate_element { margin-top:-43px!important; left:10%; }
.ftt1 { margin:10px 0px; margin-left:5%; width:90%;  }   
.ftt1 h4 { text-align:center; }
#text-12 p { text-align:center; }
.acc { margin-left:20%; } 
#social-list { margin-left:20%; } 
}

@media screen and (min-width:320px) and (max-width:479px) {
.container {width:320px;}
.bnow { margin-left:2%; width:90%; height:auto; float:none; margin:0 auto; }
.ccc { margin-top:4%; background-size:90%; width:90%; height:auto; float:none; margin:0 auto;}
.plan { width:94%; } 
p.maxheight { height:85px; }
#footer-new {width:320px}
nav select { display:block; width:100%; }
nav ul { display:none; }
nav { background: none repeat scroll 0 0 #666666; height: 20px; margin: 10px auto; padding:10px; text-align: center; width: 70%; }
.rtr { display:none; }
#slider-holder { height:160px; }
#slider-nav-container { top:60px; }
.grid_3 { width:95%; margin-left:15%; }
.grid_6 { width:95%; margin-left:5%; } 
.grid_6 img { width:90%; height:auto; }
.cat_post_item-1 .post_content img { margin-left:0px!important; }
.footer-colum { width:90%; text-align:center; margin:10px 0px; margin-left:5%;  }
.bbb { display:none; }
#google_translate_element { margin-top:-43px!important; left:10%; }
.ftt1 { margin:10px 0px; margin-left:5%; width:90%;  }   
.ftt1 h4 { text-align:center; }
#text-12 p { text-align:center; }

.ccc {  padding: 51px 0 27px 60px; }
p.maxheight { height:auto; margin-bottom:25px; }
.acc { margin-left:20%; } 
#social-list { margin-left:20%; }
#google_translate_element  { margin-right:86px!important;}
.post table { width:70%!important; }
.post { width:93%; overflow:visible; margin-left:2%; }
#main-colum { width:93%;  overflow:visible;}
#sidebar { padding-left:5%; }
}

