/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
									 - GLOBAL RESET -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
										   - LAYOUT -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

html {
	background: url(imgs/intergraf_bg_bottom.png) bottom left repeat-x  #151a20;
	padding:0; margin:0;
}

body {

	font: .75em Verdana, sans-serif;
	
	color: #999999;      
	background: url(imgs/intergraf_bg_top.png) top left repeat-x;
	
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	/*padding-bottom: 15px;*/
	/*background: url(../images/page_bottom.gif) bottom left no-repeat;*/
}
#branding {
	float: left;
	margin: 0 auto;
	padding: 0px;
	width: 900px;
	height:179px;
	background: #29313d url(imgs/intergraf-intestazione.png) no-repeat left top;
	/*border-bottom: 1px solid #302D28;*/
}
#page {
	padding: 15px 30px;
	width: 900px;
	background: #151a20 url(imgs/intergraf_bg_content.png) repeat-y left top;
	clear: both;
}
.left_col {
	padding: 15px;
	width: 390px;
	float: left;
}
.left_col h4, .right_col h4{border-bottom: 1px solid #212D3A;
	text-align: left;
}
.left_col p, .right_col p {
	text-align:left;
	padding-bottom: 10px;
}

.right_col {
	padding: 15px 0 15px 15px;
	width: 390px;
	float: left;
}

.footer{
	margin: 0 auto;
	float: left;
	padding: 0px;
	width: 900px;
	height:184px;
	background: transparent url(imgs/intergraf_footer.png) repeat-y left top;
	clear: both;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								     - BRADNING -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

a.logo {
	float: left;
	margin:0 0 0 70px;
	height: 111px; 
	width: 180px;	
	display: inline;
}
a.logo:visited {
	float: left;
	margin:0 0 0 70px;
	height: 111px; 
	width: 180px;
	display: inline;
}

a.logo img{

	float:left;
}

a.logo h1{
	float:left;

}
a.logo h1 span{
font-size: 80%;

}
a.logo img, a.logo h1{
	display: none;
}

ul.main_nav {
	float: right;
	display: inline;
	margin: 90px 50px 0 0;
}
ul.main_nav li {
	display: inline;
}
ul.main_nav li a {
	height: 16px;
	margin: 0 0 0 2px;
	padding: 5px 0 7px 0;
	width: 113px;
	display: block;
	float: left;
	background: url(imgs/menu_button.png) center center no-repeat #000000;
	font: normal 105% Verdana, Arial;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-align: center;
	color:#f5f5f5;
}
ul.main_nav li a:visited {
	height: 16px;
	margin: 0 0 0 4px;
	padding: 6px 0 7px 0;
	color:#f5f5f5;
	text-decoration: none;
	background: url(imgs/menu_button.png) center center no-repeat #000000;
}
ul.main_nav li a:hover {
	height: 16px;
	margin: 0 0 0 4px;
	padding: 6px 0 7px 0;
	color:#ffffff;
	background: url(imgs/menu_hover.png) center center no-repeat #000000;
}

ul.main_nav li a.current {
	height: 16px;
	margin: 0 0 0 4px;
	padding: 6px 0 7px 0;
	color: #ffcc00;
	background: url(imgs/menu_current.png) center center no-repeat #fff;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								       - ABOUT -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

img.about {
	padding: 0 0 0 10px;
	float: right;	
}
.testimonials {
	width: 430px;
}
.testimonials h2 {
	margin: 0 0 15px 0;
	float: left;
}
.testimonials blockquote p{
	padding: 15px 0 0 0;
	line-height: 160%;
	border-top: 1px solid #302D28;
}
.testimonials cite {
	display: block;
	color: #fff;	
	text-align: right;
	letter-spacing: 1.5px;
	font-style: italic;
	font-family: Georgia, serif;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
									- CONTENT SLIDER	 -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.virtualpage{
	display: none;
	clear: both;
}
.paginationstyle{
	padding: 7px 0 4px 0;
	text-align: right;
	float: right;
}
.paginationstyle a{
	margin: 0;
	padding: 0 0 0 1px;
	border: 0;
	text-decoration: none;
	background: none;
}
.paginationstyle a:visited{
	margin: 0;
	padding: 0 0 0 1px;
	border: 0;
	text-decoration: none;
	background: none;
}
.paginationstyle a:hover, .paginationstyle a.selected{
	margin: 0;
	padding: 0 0 0 1px;
	border: 0;
	text-decoration: none;
	background: none;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
										- FLICKR -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.flickr {
	margin: 0 auto;
	padding: 30px 15px;
	width: 930px;
	background: url(../images/flickr.gif) center left no-repeat #000;
	border-bottom: 1px solid #302D28;
	color: #fff;
	float: left;
}
.flickr_badge_image {
	margin-right: 15px;
	display: block;
}
.flickr_badge_image a img{
	float: right;
	margin: 0 0 0 8px;
	padding: 1px;
	width: 65px;
	height: 65px;
	border: 5px solid #302D28;
	background: #fff;
}
.flickr_badge_image a:hover img {
	border-color: #889d74;
	background: #fff;
}
.flickr_badge_image a:visited {
	padding-right: 0;
	background: none;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								     - BLACK BLOCK -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.black_block {
	margin: 0 auto;
	/*margin: 0 15px;*/
	/*padding: 15px;*/
/*	width: 870px; */
	/*background: #617b86;*/
	/*border-bottom: 1px solid #302D28;*/
	color: #fff;
	float: left;
	
	padding: 20px 30px;
	width: 900px;
	background: #151a20 url(imgs/intergraf_bg_content.png) repeat-y left top;
	/*clear: both;*/
	
	
}
.black_block dl {
	padding: 0px 15px;
	width: 250px;
	float: left;
}

.black_block dl.right{
text-align:right
}

.black_block dl.center{
text-align:center
}

.black_block dl dt {
	padding: 0 0 10px 0;
	font-size: 140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-variant: small-caps;
	letter-spacing: 3px;
	color:Orange;
}
.black_block dl dd {
	line-height: 120%;
	color: #ADD8E6;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								     - WORK BOXES -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.box_holder {
	clear: both;
	
}
.box {
	margin: 7px;
	padding: 26px 0 0 0;
	width: 264px;
	height: 270px;
	float: left;
	display: inline;
	background: url(imgs/box_top.png) top left no-repeat #29313d;
	
}
.box2 {
	margin: 7px;
	padding: 26px 0 0 0;
	width: 264px;
	height: 270px;
	float: left;
	display: inline;
	background: url(imgs/box2.png) top left no-repeat #29313d;
}

.box .foto{
margin: 0px;	
  height:142px;
  width:264px;
  padding:0;
}

.box .foto a{
border:0px solid #ffcc00; 
  height:142px;
  width:264px;
  
}
.box .foto a:hover {border:0px; }

.box dl {
	width: 264px;
	height: 96px;
	padding-bottom: 0px;
	background: url(imgs/box_bottom.png) top left no-repeat;
}

.box dl dt {
	padding: 15px 15px 5px 15px;
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-variant: small-caps;
	font-weight:bold;
	letter-spacing: 2px;
	color: Orange;
}

.box dl dd { 
font-size: 95%;
color:#f5f5f5;
	margin-left: 15px;
	padding: 2px 15px 3px 35px;
}

.box dl dd.client { background: url(imgs/icon_client.gif) 13px 1px no-repeat; }
.box dl dd.technologies { background: url(imgs/icon_tool.gif) 13px 1px no-repeat; }
.box dl dd.launch {float:right; background: url(imgs/icon_launch.gif) right  no-repeat; margin:10px 0; clear:both;}
.box dl dd.launch a{	margin-right:5px;}
.box dl dd.launch span{display:none;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								    - ABOUT -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.box2 {
	margin: 7px;
	padding: 20x 0 0 0;
	width: 264px;
	height: 270px;
	float: left;
	display: inline;
	background: url(imgs/box2.png) top left no-repeat #29313d;
}


.box2 dl {
	width: 264px;
	padding-bottom: 15px;
}

.box2 dl dt {
	padding: 0 15px 10px 15px;
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-variant: small-caps;
	font-weight:bold;
	letter-spacing: 2px;
	color: #FFCC00;	
}

.box2 dl dd.foto{
	float:left;
padding:10px 0 0 0;
margin-left: 12px;
}


.box2 dl dd { 
	margin-left: 15px;
	padding: 6px 0px 3px 100px;
}
.box2 dl dd span{
	display:block;
}

.box2 dl dd.skype { display:block;color:#000;
margin-left: 15px;
	padding: 15px 15px 3px 0px;

}


.filosofy{
width:800px;
	padding:0 15px;
}




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								    - RECOMMENDED -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.recommended {
	padding: 15px;
	width: 800px;
	float: left;
	list-style: none;
}
.recommended li {
	border-bottom: 1px solid #212D3A;
	float:left;
	display: inline;	width:245px;
	margin:0 8px 0 8px;
	padding-left: 5px;
	/*height: 30px;*/
}

.recommended li span{
	display: none;
}
.recommended li a {
	padding: 7px 0 5px 0px;
	float:left;
	display: inline;
	width:245px;
	height: 20px;
	border-bottom: 0px;
	text-decoration: none;
	color: #ADD8E6;
	border-right:2px solid #29313d;
	
}
.recommended li a:visited {
	border-bottom: 0px;
}
.recommended li:hover{
	background: #151a20 url(imgs/bg_recommended_hover.png) top left no-repeat;
	border-bottom: 1px solid #29313d;
}

.recommended li a:hover {
	padding: 7px 0 5px 0;
	background: #151a20 url(imgs/bg_recommended_hover.png) top right no-repeat;
	color: Orange;
	border-right:2px solid #212d3a;
}
.recommended img {
	padding: 0 15px 2px 5px;
	border: 0;
	vertical-align: middle;
}
.design_books {
	margin: 0 auto;
	padding: 30px 15px;
	width: 930px;
	background: url(../images/amazon.gif) center left no-repeat #000;
	border-bottom: 1px solid #302D28;
	color: #fff;
	float: left;
}
.design_books ul {
	margin-right: 15px;
}
.design_books li {
	display: inline;
	float: right;
	margin: 0 0 0 17px;
}
.design_books li a {
	padding: 0;
	background: none;
	border: 5px solid #302D28;
	height: 110px;
	float: left;
}
.design_books li a:visited {
	border: 5px solid #302D28;
	background: none;
}
.design_books li a:hover {
	border: 5px solid #889d74;
	background: none;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								       - CONTACT -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#contactFormArea {
	margin: 15px;
	width: 250px;
	float: left;
	display: inline;
	/*background: url(../images/box_top.gif) top left no-repeat #302d28;*/
}
#contactFormArea2 {
	margin: 15px;
	width: 500px;
	float: left;
	display: inline;
	
	/*background: url(../images/box_top.gif) top left no-repeat #302d28;*/
}
#contactFormArea2 h2 {
	margin: 15px;
}
#contactFormArea2 .cont{
float: left;
margin: 4px 20px 0 0 ;	
  height:208px;
  width:330px; 
  padding:0 0px 12px 0px;
 /* 	background: url(../images/box_bottom.gif) bottom left no-repeat #302d28; */
  	overflow: hidden;
}


#contactFormArea2 .org{
	padding: 0; margin:0;
}


#contactFormArea2 .org2{
	padding: 0; margin:0 0 13px 0;
}


#contactFormArea2 #map{
margin: 0px 0 0 0px ;	
  height:208px;
  width:330px;   
  	overflow: hidden;
}
#contactFormArea h2 {
	margin: 15px;
}
#contactFormArea form {
	padding-bottom: 15px;
	/*background: url(../images/box_bottom.gif) bottom left no-repeat #302d28;*/
	float: left;
}
fieldset { 
	padding: 0 5px;
}
label { 
	padding: 0 0 5px 0;
	display:block; 
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
label.CC {
	width: 200px;
}
input.text, textarea { 
	margin-bottom: 5px;
	padding: 4px 5px;
	width: 200px;
	font:12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	background: #DFDFDF;
	border: 1px solid #fff;
}
input.text:hover,textarea:hover { 
	background: #fff;
	border: 1px solid #fff;
}
input.submit { 
	margin: 3px 0 3px 0;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif; 
	font-variant: small-caps;
	color: #000;
	float: left;
	cursor: pointer;
}
#loadBar {
	padding: 4px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%; 
	float: left;
	color: #d6dc74;
}
#emailSuccess {
	padding: 8px 0 0 10px;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	color: #fff;
}
.contact_details {
	margin: 31px 0 0 0;
	width: 620px;
	float: left;
	display: inline;
}
.work_inquiry, .vcard {
	margin: 0 15px;
	width: 240px;
	float: left;
	display: inline;
	line-height: 160%;
}
.visit_me, .client_login {
	margin: 0 15px;
	width: 280px;
	float: right;
	display: inline;
	line-height: 160%;
}
.work_inquiry p {
	margin: 0;
}
.download_worksheet {
	margin: 0;
	padding: 15px 0 15px 40px;
	float: left;
	background: url(../images/icon_worksheet.jpg) center left no-repeat;
}
.download_vcard {
	padding: 15px 0 15px 40px;
	float: left;
	background: url(../images/icon_vcard.gif) center left no-repeat;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
								     - COPYRIGHT -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#copyright {
	width: 900px;
	margin: 0 auto;
	padding: 70px 15px 0 30px;
	font-size:90%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #191816;*/
	clear: both;
}
#copyright ul li {
	display: inline;
	padding: 0 10px;
}

#copyright2 {
	width: 900px;
	margin-right: 60px;
	padding: 70px 15px 0 15px;
	font-size:100%;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #191816;*/
	clear: both;
}

#copyright2 ul li{
	padding-right:90px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
										- DOMAINS FOR SALE -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

html#dfs { background: #191816; }
html#dfs body { padding-top: 150px; background: #191816; }
#dfs .dfs_contact { margin: 0 auto; width: 218px; height: 51px; background: url(../images/domains_for_sale.gif) top left no-repeat; display: block; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
										- COMMON -
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

p {
	margin-bottom: 15px;
	line-height: 160%;
}

h1, h2, h3, h4 {
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	line-height: 160%;
	color: #FFCC00;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

a { padding: 1px 0; color: #fff; text-decoration: none; outline: none; }/*
a:visited { padding-right: 17px; color: #fff; background: url(../images/icon_visited.gif) center right no-repeat; text-decoration: none;  }*/
a:hover { color: #f8d25f; text-decoration: none; }

.alert {
	padding: 0 15px;
}

.amp {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic;
}

.hide {
	display: none;
}
.clear {
	clear: both;
}
.Stile2 {color: #FFFFFF}
.Stile5 {color: #FFCC00}