/*
Theme Name: iMaxell
Theme URI: http://tf.ivorpadilla.net/wordpress/imaxell
Description: Description and jQuery Innerfade - iMaxell. Exclusively by ThemeForest
Version: 1.0
Author: Ivor Padilla
Author URI:http://ivorpadilla.net/
*/
@import "style/css/layout.css";
@import url(style/css/reset.css);
@import url(style/css/960.css);
@import url(style/css/text.css);
@import url(style/css/browsers.css);


/************************************************************************
TABLE OF CONTENT

1.- HOMEPAGE 
------------------------------------------------------------------------
1.1.- GENERAL STYLES & MAIN STRUCTURE
1.2.- NAVIGATION AND HEADER
1.3.- BANNER
1.4.- MAIN CONTENT
1.5.- TWITTER
1.6.- FOOTER RELATED
************************************************************************/
/* 1.1 General Styles & Main Structure */
body {
background:#fff;
color:#444444;
}

#page {
background:url(style/images/bg.jpg) repeat-x;
}

#page-inner {
background:transparent url(style/images/bg-inner.jpg) repeat-x;
}

small {
font-size:.9em;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

a:link {
color:#C97C3d;
font-weight:bold;
text-decoration:none;
}

a:visited {
color:#5F2A00;
font-weight:bold;
text-decoration: none;
}

a:hover,a:focus {
color:#111;
text-decoration:underline;
}

h1 {
font-size:1.8em;
}

h2 {
font-size:1.6em;
font-weight:normal;
}

h3 {
font-size:1.3em;
font-weight:normal;
}

h4 {
font-size:0.9em;
font-weight:normal;
}

li {
list-style-image:url(style/images/bullet.jpg);
margin: 0 0 5px 20px;
}

h1,h2,h3,h4,h5,h6 {
color:#212121;
}
.contact_response {
	display:none;
	background: transparent url('style/images/ajax-loader.gif') no-repeat scroll top left;
	padding-left:20px;
	margin:10px 0px 0px 295px;
}
.form_right {
	margin:10px 0px 0px 255px;
	width:220px;
}
/*
--------------------------------------
1.2 Navigation and Header
--------------------------------------
*/
#header {
	height:117px;
}

#logo {
margin-top:20px;
}

#logo a {
display:block;
float:left;
}

#logo small {
color:#fff;
margin:8px 0 0 3px;
float:left;
}

#top-bar {
height:45px;
}

#top-bar a {
text-decoration:none;
}

#top-bar a:hover {
text-decoration:underline;
}

div#breadcrumb {
margin-top:21px;
margin-left:-19px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#breadcrumb p {
color:#fff;
margin-left:21px;
margin-top:0;
font-size:9px;
}

#breadcrumb a {
color:#afafaf;
}

ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-top:18px;
text-transform:uppercase;
text-align:right;
margin-left:-10px;
}

#nav li {
float:left;
margin:2px 7px;
padding:0;
border-left: #8F572D solid 1px;
list-style:none;
}

#nav a {
display:block;
padding:3px 8px;
color:#fff;
letter-spacing:1px;
font-weight:normal;
}



#nav a:hover {
display:block;
text-decoration: none;
color:#232C1C;
}

#nav #current {
color:#232C1C;
}

#nav #current a {
  color: #232C1C;
}
#nav .current_page_item {
	color:#232C1C;
}
#nav .current_page_item a {
color: #232C1C;	
}
#nav .current_item_parent a {
	color: #232C1C;
}

/*
--------------------------------------
1.3 
--------------------------------------
*/
#cu3er-container {width:434px; outline:0; margin: 30px 0 0 12px;}
#banner-left {
margin-top:19px;
}

#banner-left h1 {
color:#111;
line-height:27pt;
text-transform:uppercase;
font-size:1.9em;
word-spacing:.2em;
margin-bottom:8px;
margin-top:11px;
letter-spacing: 2px;
}

#banner-left p {
color:#555;
font-size:1.5em;
line-height:29px;
padding-bottom:19px;
width:400px;
}

#banner {
background:url(style/images/banner-bg.png) no-repeat left top;
height:300px;
position:relative;
zoom:1;
margin-top:-2px;
}

#banner-inner {
background:url(style/images/lights-inner.png) no-repeat left top;
height:118px;
position:relative;
zoom:1;
margin-top:-2px;
}

#banner-inner h1 {
font-size:2.6em;
margin-top:22px;
/* width:200px; */
padding-right:20px;
float:left;
}

#banner-inner p {
border-left:1px solid #fafafa;
float:left;
font-size:1.2em;
height:15px;
margin-top:22px;
padding-left:20px;
text-shadow:none;
width:268px;
padding-top:3px;
}

#slider-container {
position:relative;
z-index:50;
background:url(style/images/browser.png) no-repeat bottom center;
height:281px;
margin-top:19px;
zoom:1;
}

#slider-container div.image-slider img {
position:relative;
zoom:1;
top:29px;
left:13px;
}

/*Remove this _width and put it on the ie.css*/
#slider-container div.image-slider h2 {
position:absolute;
top:167px;
left:12px;
width:100%;
}

#slider-container div.image-slider h2 span {
color:#FFF;
font:bold 22px/45px Myriad Pro, Arial Sans-Serif;
letter-spacing:-1px;
background:#000;
/* fallback color */
background:rgba(0, 0, 0, 0.7);
padding:10px;
letter-spacing:1px;
}

#slider-container div.image-slider h2 span.spacer {
padding:0 5px;
}

#banner img#phone {
position:absolute;
z-index:1;
right:352px;
top:100px;
}

#sliderfade li {
margin:0;
}

/*this will fix the extra margin on the slider*/
a.pricing {
display:block;
background:url(style/images/pricing-btn.png) no-repeat;
height:53px;
text-indent:-9999px;
width:283px;
}

a:hover.pricing {
display:block;
background:url(style/images/pricing-btn.png) no-repeat 0 -53px;
text-indent:-9999px;
}

/*1.4 Main Content
-------------------------------------------------------------------------*/
#mainContent {
padding-top:40px;
}

/* just remember this, is needed that negative margin? */
#mainContent #leftContent a {
text-decoration:underline;
}

#mainContent .thumb-img, #mainContent .attachment-52x53 {
float:left;
margin:0 10px 0 0;
}

#mainContent .cols p {
width:273px;
margin-top:7px;
margin-left:2px;
}

.intro {
font-size:1.2em;
margin-top:20px;
border-top:1px solid #e6e5e5;
padding:15px 0;
}

/* No shortcode here */
#mainContent h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:0;
}

#mainContent #leftContent h2 a {
	font-weight:normal;
	text-decoration:none;
}

#mainContent #leftContent h2 a:hover {
	text-decoration:underline;
}

#col2 {
margin-left:8px;
margin-right:-25px;
}

.products,.visits {
padding-bottom:20px;
}

#leftContent {
margin-left:-10px;
}

.col3 {
border-left:1px dashed #ccc;
padding-left:24px;
margin-left:22px;
}

.about-text {
margin-right:-10px;
margin-bottom:50px;
}

.about-text h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

.about-text p.intro {
font-size:1.2em;
margin-top:20px;
}

#mainContent .about-text h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

#mainContent .about-text h3 {
line-height:26px;
margin-bottom:10px;
}

#product-page {
margin-right:-10px;
}

#product-page h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

#product-page p.intro {
font-size:1.2em;
margin-top:20px;
border-top:1px solid #e6e5e5;
border-bottom:1px solid #e6e5e5;
padding:15px 0;
}

#mainContent #product-page h2 {
font-size:1.8em;
line-height:26px;
text-transform:uppercase;
border-bottom:1px solid #ccc;
padding-bottom:5px;
margin-top:30px;
}

#mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;
}

#product-page {
margin-bottom:50px;
}

#product-page div.title {
width:290px;
margin-bottom:20px;
}

#product-page div.title small {
font-size:.88em;
}

#product-page .title {
margin-left:28px;
}

/*.wp_products ul {
	height:670px;
	overflow:hidden;
}*/

#product-page .wp_products li {
float:left;
width:300px;
display:inline;
}

/*Contact Form*/
#print-work p {margin-bottom:5px}
#print-work a {text-decoration: underline}
#print-work span {font-weight:bold; padding-left:22px}
.details1 {margin-left:30px;}
.address {background:url(style/images/address-book.png) no-repeat center left}
.mail {background:url(style/images/mail.png) no-repeat center left}
.phone {background:url(style/images/mobile-phone.png) no-repeat center left}
.skype {background:url(style/images/skype.png) no-repeat center left}
.twitter {background:url(style/images/twitter.png) no-repeat center left}
.gwave {background:url(style/images/gwave.png) no-repeat center left}
.facebook {background:url(style/images/facebook.png) no-repeat center left}
.linkedin {background:url(style/images/linkedin.png) no-repeat center left}

label {
display:none;
}

#commentform label {
	display:inherit;
	font-family:'Calibri',Arial, sans-serif;
	font-size:11px;
}

.qform {
background:url(style/images/corner-trans.png) no-repeat 0 0;
padding:23px 86px;
}

.qform input,.qform textarea {
background:#FFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
color:#525861;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
max-width:400px;
padding:7px 5px;
width:383px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.qform textarea:focus,.qform input:focus {
border:1px solid #929292;
}

.qform button,#contactForm button {
border:medium none;
cursor:pointer;
height:37px;
text-indent:-9999px;
width:112px;
margin-left:286px;
}

.qform button#submit {
background:url(style/images/button-sprite.jpg) no-repeat scroll 0 0;
}

.qform button:hover#submit {
background:url(style/images/button-sprite.jpg) no-repeat scroll 0 -38px;
}

/*********************************************************************************************************
1.4.1 Showcase
**********************************************************************************************************/
#showcase {
position:relative;
zoom:1;
}

.scroll {
height:652px;
width:670px;
overflow:auto;
overflow-x:hidden;
position:relative;
zoom:1;
clear:left;
}

#showcase .scrollContainer div.panel {
height:670px;
}

.img-container {
padding-bottom:17px;
background:url(style/images/thumb-container.jpg) no-repeat center bottom;
}

#websites {
/*margin-top:80px;*/
}


/*********************************************************************************************************
1.5. Sidebar area
**********************************************************************************************************/
#sidebar {
position:relative;
zoom:1;
float:right;
width:270px;
margin-right:10px;
padding-left:36px;
background:url(style/images/separator.jpg) no-repeat top left;
height:auto!important;
height:599px;
}

#sidebar-inner {
background:transparent url(style/images/sep-sidebar-trans.png) no-repeat scroll right top;
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:250px;
}

#interview {
width:270px;
padding-top:20px;
}

#interview h3 {
padding:0;
margin:0 0 0 3px;
}

#interview img {
padding:5px;
background-color:#e2e1e1;
border:1px solid #ccc;
}

#sidebar-inner .sidebar-h2 {
text-transform:none;
background:url(style/images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar-inner a {
color:#818181;
font-weight:700;
}

#sidebar-inner span.meta {
font-weight:400;
padding-left:10px;
}

#sidebar-inner ul li {
	list-style:none;
}

#sidebar .sidebar-h2 {
text-transform:none;
background:url(style/images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar .casestudies-h2 {
text-transform:none;
background:url(style/images/pencil-ruler-trans.png) no-repeat center right;
width:265px;
margin-top:30px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar a {
color:#424242;
font-weight:700;
}

span.post_name {
font-weight:normal;

}

#sidebar span.meta {
font-weight:400;
padding-left:10px;
}

.widget {
	margin:0 10px 20px 10px;
}

.widget_stray_quotes {
	background:url(style/images/quote.jpg) repeat-y top left;
	width: 240px;
}
	.widget_stray_quotes .quote {
		color: #fff;
		font-size:16px;
		padding:0 45px 0 20px;
	}
	.widget_stray_quotes p {
		padding: 25px 10px 0 50px;
		background: #fff url(style/images/quote-bottom.jpg) top left no-repeat;
	}
	.widget_stray_quotes h2 {
		background:url(style/images/quote-header.jpg) top left no-repeat;
		height:45px;
	}
	

.post {
	margin: 0 0 40px 0;
}
	.post h2 {
		margin-top:10px;
	}

.category {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-color: #73A0A5;
	padding: 3px;
	color:#fff;
	letter-spacing:1px;
	margin-bottom:5px;
}
	.category a {
		color:#fff;
	}

.pullquote {
border-left:1px dotted #A47A4C;
border-right:1px dotted #A47A4C;
color:#272320;
float:right;
font-size:18px;
line-height:26px;
margin:10px;
padding:20px;
width:200px;
}

.latest_news span.meta {
	 padding-left: 0;
}

/*News Sidebar Begins*/
.news {
width:286px;
float:left;
clear:both;
padding-bottom:30px;
background:url(style/images/baitshop.png) no-repeat top left;
padding-top:50px;
}

.news ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:10px;
}

.news li {
border-bottom:1px solid #ccc;
padding:5px 0 5px 15px;
}

.news li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .news a {
padding:6px 3px;
width:286px;
}

.latest_news .post_name {
   line-height:110%;
}

/*#top #latest_news a,.news a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #latest_news a,#sidebar-inner .news a {
display:block;
padding:8px 3px;
text-decoration:none;
}*/

.latest_news .post-meta {
	font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;
	font-size:10px;
	color:#999;
}

#sidebar-inner span.post_name {
font-weight:700;
}

ul.latest_news {
left:86px;
margin-left:-20px;
margin-right:15px;
}

.latest_news li {
	list-style:none;
}

/*News Sidebar Ends*/
/*Inner Sidebar Begins*/
.menu {
width:250px;
float:left;
clear:both;
padding-bottom:30px;
}

.menu ul {
list-style-type:none;
padding:0;
margin:0;
}

.menu li {
border-bottom:1px solid #ccc;
list-style:none;
}

.menu li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .menu a {
padding:6px 3px;
width:286px;
}

#top #inner_menu .post_name {
font-size:13px;
display:block;
}

#top #inner_menu a,.menu a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #inner_menu a,#sidebar-inner .menu a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(style/images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul#inner_menu {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar Ends*/
.box {
background:url(style/images/corner.png) no-repeat top left;
padding:20px 0 20px 20px;
}

.box1,.box4,.box3,.box2 {
background:url(style/images/corner.png) no-repeat top left;
padding:20px 0 0 20px;
}

#mainContent .box3,#mainContent .box4 {
margin-top:54px;
}
.showcase-image2 img {
padding:5px;
background:#d9d9d9;
outline:1px solid #b2b2b2;
float:left;
margin:15px;
}
.showcase-image2 img:hover {
padding:5px;
background:#d9d9d9;
outline:2px solid #b2b2b2;
float:left;
margin:15px;
}
/*1.5  (we all know, no many people use twitter but this could be useful for
ads, or another content, I've name it twitter to make it easy for you to recognize it.)
-------------------------------------------------------------------------*/
#twitter {
padding:25px 40px 0;
background:url(style/images/twitter-bird.png) top left no-repeat;
margin:10px auto 65px;
/*border:1px solid #d8d8d8;
-webkit-border-radius:4px;
-moz-border-radius:4px;*/
width:920px;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#twitter .twitter-bird {
float:left;
margin-right:15px;
}

.tweet {
color:#707070;
font-size:1.4em;
	width: 890px;
	line-height:150%;
	font-family:"Palatino Linotype","Book Antiqua", palatino, sans-serif;
}

.tweet .tweet_list {
list-style-type:none;
margin:0;
padding:0;
}

.tweet .tweet_list li {
overflow:auto;
padding:5px 0 24px;
margin:0 0 0 17px;
}

.tweet .tweet_list li a {
color:#393939;
font-weight:normal;
}

.tweet .tweet_list .tweet_avatar {
float:left;
padding-right:10px;
margin-top:4px;
padding-left:40px;
}

.tweet .tweet_list .tweet_avatar img {
vertical-align:middle;
padding:2px;
background:#ddd;
border:1px solid #aaa;
}

/*1.6 Footer
-------------------------------------------------------------------------*/
#footer {
margin:0 auto 20px auto;
padding:10px;
width:960px;
}

#footer ul {
margin:0 53px 27px 0;
}

#footerbg {
background:#f1f1f1 url(style/images/footer-bg.jpg) repeat-x;
clear:both;
overflow:hidden;
padding-bottom:20px;
}

#footer h4 {
font-size:1.1em;
margin:16px 0 8px;
padding:0;
text-decoration:underline;
color:#4b4b4b;
}

#footer h3 {
	margin:17px 0 0 0;
text-transform:uppercase;
font-size:15px;
padding-bottom:3px;
}



#footer div.footer-col {
padding-left:0;
}

#footer ul li {
margin:0;
padding:0;
list-style-image:url(style/images/bullet.jpg);
list-style-position:inside;
}

#footer a {
color:#5b5b5b;
text-decoration:none;
}

#footer a:hover {
color:#111;
text-decoration:underline;
}

#newsletter {
width:300px;
margin:17px 0 0 17px;
}

#newsletter h3 {
margin:0;
text-transform:uppercase;
font-size:15px;
padding-bottom:3px;
}

#newsletter p {
margin:0;
}

#newsletter input.input {
color:#6d6d6d;
width:100px;
background:url(style/images/input-bg.jpg) repeat-x top left;
border:1px solid #cecece;
height:14px;
float:left;
padding:4px 0 6px 7px;
margin:6px 5px 0 0;
}

#newsletter input.button {
background:url(style/images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
}

#newsletter input:hover.button {
background:url(style/images/submit.png) no-repeat 0 -22px;
}

#footer .valid {
font-size:1.1em;
font-family:Georgia;
font-style:italic;
color:#767675;
background:#eaeaea;
text-align:center;
border:1px solid #ccc;
width:284px;
}

#footer .valid a {
color:#668b11;
}

#footer-2 {
padding-top: 10px;
width:100%;
margin:0;
height:40px;
}

.copyright {
margin:0 auto;
padding:10px 0;
width:960px;
color:#444;
text-shadow:1px 1px #ddd;
}

/*Internet Explorer 6*/
.ie6 #banner {
margin-top:-19px;
}

.ie6 #banner p {
font-size:1.7em;
}

.ie6 #sidebar {
padding-left:20px;
}

.ie6 #mainContent {
margin-bottom:0;
padding-bottom:0;
}

.ie6 #sidebar {
height:0;
}

.ie6 #mainContent {
margin:0;
}

.ie6 #footerbg {
margin:0;
float:left;
margin-top:0;
}

.ie6 #banner-inner {
background:url(style/images/lights-inner.jpg) no-repeat left top;
margin-top:-18px;
}

.ie6 #banner-inner p {
margin:22px 0 0;
padding:10px 0 11px 15px;
line-height:18px;
height:18px;
}

.ie6 .qform button,.ie6 #contactForm button {
font-size:0;
display:block;
line-height:0;
}

.ie6 ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-top:17px;
padding:0 5px;
width:700px;
}

.ie6 #footer-2 {
margin-top:-16px;
height:10px;
}

.ie6 #footer #newsletter input.button {
background:url(style/images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
border:medium none;
}
.chrome #mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;
margin-top:0px;
}
.webkit ul#nav {
font-size:81%;
}
.alignleft {
	padding-right:10px;
}