/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }


table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
p { background-color: transparent; margin:2px 0 30px 0; font-size:12px; line-height:30px; color:#000000;  }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
/** a { position:relative }  Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
q:before, q:after {content:'';}

/* Typography reset */

body, p, li, dt, dd, label{ font-size:12px; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;  color:#000000; }
address { font-size:11px; color:#949494 }
input, textarea { font-size:11px; color:#000; padding:2px }
pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px/16px 'Courier New', Courier, monospace }
pre { padding:10px }
/*a { color: #413828; text-decoration:underline }*/
a { color: #2B2840; text-decoration:underline }
a:hover { color:#FFFFFF; text-decoration:none }
p+p { margin-top:-.8em; }
p {color:#000000;}

/* ----------------------------------------- */

/* Utility */
.indent { text-indent:-9999px; }
.floatleft { float:left; }
.floatright{ float:right; }
.clear { clear:both; }
.last { margin-right:0;  padding:0px;}
.grey { color:#999999; }
.white {color:#FFFFFF;}
.black {color:#000000;}
.red { color:#953b50; }
.bold{font-weight: bold }
.under{border-bottom: 1px dotted #999999; display:block; padding:0 0 3px 5px;}
.cur_hand{cursor:pointer}
.supersize_me {font-size:1.3em; line-height:25px  }
.txtCentre{text-align:center}
.button { text-transform: uppercase; padding:5px 10px 5px 10px; background:#86284d; color:#fff; }
img.icon { margin-bottom:-5px; }
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

 p.drop_cap:first-letter{ display:block; margin-bottom:-9px; margin-top:7px; margin-right:7px; line-height:0px;  float:left;   color:#000;   font-size:60px; font-family:Georgia;  }   
 p.drop_cap_small:first-letter{ display:block; margin-bottom:-8px; margin-top:8px; margin-right:3px; line-height:20px;  float:left;   color:#000;   font-size:25px; font-family:Georgia;  }
 
 
 /* ----------------------------------------- */
 /* ----------------------------------------- */
 
 
.slidercontents  { overflow: hidden; margin-bottom:15px;  }
.slidercontents p { margin-bottom: 0px;}
#form-note {color:#cc3366;}

/* Typography (basic) */
body, h4, h5, h6, p, li, label, input { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#676767 }
h1, h2, h3 {font-family: georgia, serif;font-weight: normal;color: #4b4740; margin: 0 0 1em 0;}

h1 { font-size: 185%; }
h2 { font-size: 170%; }
h3 { font-size: 165%; }
h4 { font-size: 137%; }




p{ font-size:12px; line-height:20px }
p, .post ul, .post ol { margin:0 0 20px 0 }
a { color:#FFFFFF; text-decoration:none }
input { color:#000 }

/* Typography (advanced) */
div.logo a{ display:block; width:300px; height:89px; z-index:999; background:url(images/logo_technoarts_web_2.png); position:absolute; top:30px; left:0; text-indent:-9999px; }



ul.titles h2 { margin:0; }
h2.insentive { display:block; position:absolute; top:0px; left:100px; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:1.5em; color: #666666; }
h2.insentive_other { display:block; position:absolute; top:100px; left:0; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:1.5em; color: #666666; }
h2.insentive a:hover, h2.insentive_other a:hover { text-decoration:underline; }
h2.two_columns_underlined { border-bottom: 1px dotted #999999; font-size:1.3em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; color:#000000; }


/* header */
/*#bolle { display:block; left:0px; width:800px; height:287px; background: url(images/artech_head_bolle.png) repeat;
position:absolute; top:-23px; z-index: 0;}
*/

ul.titles h1 { font-size:1.3em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; color:#FFFFFF; line-height:28px; margin-bottom:0px;}
ul.titles h2 { font-size:1.3em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; color:#FFFFFF; line-height:28px }
h3.small_title { font-size:1em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; color:#000000; }

div.main_content_container a, .sub-feature  a { color: #DD0000; }
div.main_content_container a:hover, .sub-feature a:hover  { border-bottom:1px dotted #86284d; }

/*Service Cloud*/
ul.service_cloud { margin-top:20px; }	
ul.service_cloud a { color:#333333; }
ul.service_cloud a:hover { color:#DD0000; }
ul.service_cloud li { float:left; }
ul.service_cloud li a.web_agency, a.e-commerce, a.joomla { font-size:3em;   }
ul.service_cloud li  a.web_design { font-size:1.9em; }
ul.service_cloud li a.seo, a.cms,a.siti_dinamici   { font-size:1.5em; }
ul.service_cloud li a.software { font-size:1.2em; }

/**works**/
div.portfolio_item h3 { padding:0 0 2px 5px;  font-family: Georgia, serif;  line-height: 1.2em; letter-spacing: -0.1ex; font-size: 24px; color:#000000; }
strong.detail_title { font-size:1.2em; color:#86284d; text-transform:uppercase; }
/*footer*/
div.footer_content h4 {  font-size:1.3em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; color:#fff; }
div.footer_content a { color:#fff; }
div.footer_content a:hover { color:#FF0000; }
div.legal_footer_container p { color:#DDDDDD; line-height: 16px;}
/**testimonial***/
abbr.testimonial_sub, .sub { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:1em; text-transform:uppercase; color:#999999; } 

/*Blog */
div.blog h3 a { font-size:2.2em; line-height:40px; margin-bottom:7px; color: #666666; } 
div.blog h3 a:hover {  color:#86284d; }
div.blog h4 { font-family: Georgia, serif; font-size:1.5em; margin-bottom:10px; }
span.continue_reading_btn { display:block; width:152px; height:22px; background:url(images/continue.png);  text-indent:-9999px; }
span.continue_reading_btn :hover { background-position: 0 -152px ; }


div#navigation div.wp-pagenavi span.pages { background:none; color:#000; border:none }
div#navigation div.wp-pagenavi span.current { background:#000; color:#fff; border:none }
div#navigation div.wp-pagenavi a { background:#86284d; color:#000; border:none }
div#navigation div.wp-pagenavi a:hover { background:#fff }
a.commentPermalink { color:#fff; border:none }
a.commentPermalink:hover { color:#fff; border:none }

/**testimonial**/
p.mini_head { font-size:10px; text-transform:uppercase; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align: center; margin:0px; padding:0px; }



/* override */
h2.two_columns_underlined a{ color:#000000; }





 
 /* ----------------------------------------- */
 /* ----------------------------------------- */





/* Main layout blocks */
body { background:#FFFFFF;  }
div { position:relative; }
div.wrapper { width:940px; margin:0 auto; }
br.dirtyLittleTrick { clear:both; height:1px; margin:-1px 0 0 0 }

/*layout ==================================================*/

img.img_portfolio {
display:inline;
float:left;
margin-right:15px;
margin-bottom:20px;
}

/*div.top_gutter_container { width:100%; background:#000; border-bottom:1px solid #292929; overflow:auto;  } 
div.top_gutter { width:940px; margin:0 auto;  }
ul.top_gutter_nav { float:right; padding:5px 0; }
ul.top_gutter_nav li { float:left }
ul.top_gutter_nav li a { color: #666666; }
ul.top_gutter_nav li a:hover { color: #fff; }
*/

div.nav_container { width:100%;  }
div.navigation { width:940px; height:90px; margin:0 auto;  }
div.head_container { width:100%; min-width:940px; background: url(../images/artech_bg_header.jpg) repeat-x;
background-position:center;
background-attachment:scroll; overflow:hidden;
height:318px;

} 
div.head_container a { color:#FFFFFF }
div.head { width:940px; margin:0 auto;  }
div.head_other { height:170px; width:940px; margin:0 auto;  }
div.strip_container { width:100%; background:#EEEDE8; overflow:auto; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999;}
div.strip { height:290px; width:940px; margin:0 auto; }
div.feature_details_container { width:940px; margin:0 auto; 

}

#home {  margin-left:5px; margin-top:80px; }

#top-menu-icons{float:left;margin-left:80px; width: 100px;}
#top-menu-icons span {padding-right:20px;}

#head-socials { top:40px; margin-left:90px;margin-right:-20px;float:left; }
#head-socials span {padding-right:10px;}

div.feature_details {  margin:0 auto; padding-top:15px;
padding-left:180px;}
div.feature_details p{ padding:10px 0; margin:0; color:#999999; }
div.main_content_container {  width:100%; min-width:940px;  overflow:auto; padding-bottom:30px; padding-top:10px;
background: #FFFFFF url(../images/artech_bg_content.jpg) repeat-x bottom;
}
div.main_content_titles_container { margin-top:40px; width:960px;
	background:#FF0000; overflow:auto; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999;
	 margin:0 auto;
	 }
div.main_content_titles { width:940px; margin:0 auto; height:30px; }
two_large_col_spread.h1 {
	margin-bottom:11px;
}
div.main_content { width:940px; margin:0 auto; padding:20px 0;  }

/* column layout */
div.col_one { width: 400px; margin-right:20px; float:left;  }
div.col_two { width:280px; margin-right:20px; float:left;  }
div.col_three { width:220px;  float:right; }

div.single_col { width:220px; margin-right:20px; float:left; }
div.single_col_last { width:220px;  float:left; }
div.double_col { width: 460px; margin-right:20px; float:left;  }
div.double_col_last { width: 460px; float:left;  }
div.tripple_col { width: 660px; margin-left:10px; padding-left:50px; float:right;
background: url(images/siti-web.gif) no-repeat;

}
div.tripple_col_blog { width: 660px; margin-right:60px; float:left;  }
div.side_bar { width:220px;  float:left; }
div.test_col { width: 460px; margin-right:20px; float:left; }
div.full_length_col { width: 940px; float:left; }

/* Main Titles */
ul.titles li.four_col_spread { width: 940px; float:left; }
ul.titles li.three_col_spread {  width: 700px; margin-right:20px; float:left; }
ul.titles li.two_col_spread {  width: 400px; margin-right:20px; float:left; }
ul.titles li.one_col_spread {  width:280px; margin-right:20px; float:left; }
ul.titles li.one_col_spread_last {  width:220px; margin-left:0px; float:left; }
ul.titles li.two_large_col_spread {  width:660px; margin-left:60px; float:right; }

/* Navigation */
ul.nav { position:absolute; right:0px; top:45px; }
ul.nav li { float: left; padding-right:10px; margin-right:10px; border-right:1px solid #999999; font-size:1.4em; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:3px; }
ul.nav li.last { margin-right:0px; padding-right:0px; border:none;  }
ul.nav li.last a { color:#FFFFFF; }
ul.nav li a { color:#999999; }
ul.nav li a:hover { color:#666666; }

/* footer */
div.footer_container {
 background: #252F35 url(../images/artech_bg_footer.jpg) repeat-x bottom;

 height:420px;
 min-width: 940px;
}

div.footer_wrapper { width:100%;overflow:visible; }
div.footer_content { width:940px; margin:0 auto; padding:20px 0; color:#DDDDDD; }
div.footer_content .col_one, .footer_content .col_two, .footer_content .col_three { width:280px; margin-right:50px; float:left; }
.footer_content .col_four { width:280px; float:left; }
div.footer_content ul { padding-top:20px; }
div.footer_content ul li { display:block; border-top:1px dotted #1c1c1d; padding:5px 0; color:#DDDDDD; }
div.footer_content ul li.last { display:block; border-top:1px dotted #1c1c1d; border-bottom:1px dotted #1c1c1d; }
div.header_blocks { display:block; border-right: 1px dotted #999999; }


div.legal_footer_container { width:100%;  margin-top:90px; }
div.legal_footer {  display:block; margin:0 auto; height:50px;}
#legal { float: left; padding:5px 0; margin:0; padding-left:20px; }
#links {   margin:5px 0; padding-right:20px;}
#links a { color:#FFFFFF; font-size:10px; }
#links a:hover { color:#FFFFFF; }

ul.subscribe li { display:inline; margin-right:5px; }

/*Layout Home ==================================================*/

/* Recent Work */
li.portfolioItem { margin-bottom: 20px; }
li.portfolioItem img { border: 1px solid #333333; }

div.bottom_callouts_container {  width:100%; background:#252F35;  overflow:auto; padding: 20px 0 10px 0; }
div.bottom_callouts { width:940px; margin:0 auto; }
div.callout_one { width:300px; float:left; height:200px; background:#dad8cb; margin-right:20px; } 
div.callout_two { width:300px; float:left; height:200px; background:#dad8cb;  margin-right:20px;  } 
div.bottom_callouts span.padding {  } 
div.bottom_callouts p{ display:block;  }


.sub-feature { width: 280px; margin: 0 40px 0 0; float: left; display: inline; /* fix IE margin issue */}
.sub_last { margin: 0 0px; width: 240px; }
.sub-feature h3 a { display: block; position: relative; }
.sub-feature h3 a:hover { border-bottom:none; }
.sub-feature h3 a:link,
.sub-feature h3 a:visited { color: #4B4740; }
.sub-feature h3 { margin: 1em 0 5px 0; }
.sub-feature p { font-size: 110%; margin-bottom: 15px; margin-right: 15px; color: #9D9B8C; }

#idea.sub-feature { margin: 0 45px 0 0px; }
#idea.sub-feature h3 a { padding-right: 12px; }
#idea.sub-feature p { margin-right: 12px; }

#ottimizzazione-seo.sub-feature h3 a { padding-right: 100px; }
#ottimizzazione-seo.sub-feature p { margin-right: 30px; }
#main-feature p { margin-bottom: 0px; }

/*Layout Works ==================================================*/
div.col_one_works { width: 940px; }
div.portfolio_item { width: 940px;  }
div.portfolio_image { float:left; width: 620px; margin:0 20px 20px 0; }
div.portfolio_details {  width:300px; float:left;  } 
div.portfolio_image img { border:1px solid #CCCCCC; padding:5px; background:#fff;}
div.work_title_container { display:block; border-bottom:1px solid #333333; margin-bottom:20px; }
.view {position:absolute; right:0; bottom:3px; font-size:1.2em}
.view img { margin-bottom:-3px; }

/*Layout Services ==================================================*/
ul.we_do li { list-style-image:url(images/tick.png); margin-left:20px; }
ul.why_us li { list-style-image:url(images/tick.png); margin-left:20px; font-size:1.2em }
/*price overview =======*/
.menu { width: 660px; list-style: none; margin: 0 0 2em; padding: 0; font: 150%/100% Arial, Helvetica, sans-serif; }
.menu li { clear: both; margin: 0; padding: 0 0 1.8em 0; position: relative; border-bottom: dotted 2px #999; }
.menu strong { background:#EEEDE8; padding: 0 10px 0 0; font-weight: normal; position: absolute; bottom: -.3em; left: 0; font-size:1.2em; }
.menu em { background:#EEEDE8; padding: 0 0 0 5px; font: 110%/100% Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -.2em; right: 0; }
.menu sup { font-size: 60%; color: #666; margin-left: 3px; }

/* style 2 *************/
.style2 li { border-bottom: dashed 1px #000; }

/********************** Web forms  */
#form1, #form2, #form3, #form4{ margin:1em 0; padding-top:10px; background:url(images/form1/form_top.gif) no-repeat 0 0; }
#form1 fieldset, #form2 fieldset, #form3 fieldset, #form4 fieldset{ margin:0; padding:0; border:none; float:left; display:inline; width:275px; margin-left:25px; }		
#form1 legend, #form2 legend, #form3 legend, #form4 legend{display:none;}	
#form1 p, #form2 p, #form3 p, #form4 p{margin:.5em 0; padding-left: 20px;}	
#form1 br, #form2 br, #form3 br, #form4 br{ display:none }
#form1 label, #form2 label, #form3 label, #form4 label{display:block;}	
#form1 input, #form2 input, #form3 input, #form4 input {width:252px;border:1px solid #ddd;background:#fff url(images/form1/form_input.gif) repeat-x;padding:3px;}		
#form1 textarea {height:125px;width:300px;overflow:auto;border:1px solid #ddd;background:#fff url(images/form1/form_input.gif) repeat-x;padding:3px;}
#form4 textarea{height:125px;width:600px;overflow:auto;border:1px solid #ddd;background:#fff url(images/form1/form_input.gif) repeat-x;padding:3px;}										
#form1 p.submit, #form2 p.submit, #form3 p.submit, #form4 p.submit{clear:both;background:url(images/form1/form_bottom.gif) no-repeat 0 100%;padding:0 25px 20px 25px;margin:0;text-align:right;}	
#form1 button, #form4 button{width:150px;height:37px;line-height:37px;		border:none;background:url(images/form1/form_button.gif) no-repeat 0 0;color:#fff;cursor:pointer;text-align:center;}	
#submit { display:none; }			

/*Layout Testimonials ==================================================*/

div.testimonials  { width:624px; overflow:auto; background:url(images/speech-bubble-middle.png) repeat-y; }
div.testimonial_text { padding:30px 30px 10px 30px; }
em.bubble_head { display:block; width:624px; height:26px; background:url(images/speech-bubble-top.png) no-repeat; position:absolute; top:0px; left:-4px; text-indent:-9999px; }
div.bubble_bottom { display:block;  width:624px; height:57px; background:url(images/speech-bubble-bottom.png) no-repeat; text-indent:-9999px; }
div.testimonial_image{  float:left; margin-right:25px; width:auto;}






/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/		

ul#top-menu li { margin: 0px 4px; display:block;
float:left;}
ul#top-menu a {display:block;
float:left; }

	ul#top-menu > li.current_page_item, ul#top-menu > li:hover, ul#top-menu > li.current-cat { background: url(../creazioni-web/wp-content/themes/OnTheGo/images/menu-active-sprite.jpg) no-repeat bottom right; }
		ul#top-menu li a { color: #ffffff; font-size: 18px;   }
		ul#top-menu > li { padding-right: 10px; }
		ul#top-menu > li > a { line-height: 33px; height: 36px; padding: 0px 0px 0px 12px; }
			ul#top-menu li a:hover { text-decoration: none; }
		ul#top-menu > li.current_page_item > a, ul#top-menu > li:hover > a, ul#top-menu > li.current-cat > a { color: #b4dbac; background: url(../creazioni-web/wp-content/themes/OnTheGo/images/menu-active-sprite.jpg) no-repeat top left; }
		
		ul#top-menu li ul { background: url(../creazioni-web/wp-content/themes/OnTheGo/images/dropdown-top-bg.png) no-repeat; padding: 12px 0px 0px; top: 40px; display: none; }
			ul#top-menu li li ul { top: -11px; }
			ul#top-menu li ul  li { background: #ffffff url(../creazioni-web/wp-content/themes/OnTheGo/images/dropdown-li-sep.png) no-repeat 7px 0px; margin: 0px; width: 188px; padding: 3px 7px 0px; }
				ul#top-menu li ul  li a { background: url(../creazioni-web/wp-content/themes/OnTheGo/images/dropdown-link.png) no-repeat 12px 15px; color: #5c5c5c; font-size: 12px; display: block; width: 143px; padding: 10px 5px 10px 40px;}
					ul#top-menu li ul  li a:hover { color: #000000; background: #efefef url(../creazioni-web/wp-content/themes/OnTheGo/images/dropdown-link-hover.png) no-repeat 12px 15px; }
		ul#top-menu li ul li.dropdown-bottom { background: transparent url(../creazioni-web/wp-content/themes/OnTheGo/images/dropdown-bottom-bg.png) no-repeat; 
		 display: block; 
		position: relative; left: 0px; width: 202px; height: 13px !important; }

		
		
#myribbon {
	position:absolute;
	background: url(../images/ribbon_lutto.gif) no-repeat;
	height: 110px;
	width: 110px;
}