/
/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;
	font-style: inherit;font-size: 100%;font-family: inherit;
	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul, li {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* end reset css */


/*title*/
h1 {font-size: 28px; color: #ec7001; font-weight: normal; margin:0px; line-height:30px; }
h2 {line-height:35px;font-size:24px;font-weight:normal;color:#7f3d03;font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
h3 {display:inline;font-size:18px;font-weight:bold;color:#e96b0e;font-family:Arial, Helvetica, sans-serif;}
.sidebarTitle {font-size:20px;}
h4 {display:inline;font-size:16px;font-weight:bold;color:#f4c06e;font-family:Arial, Helvetica, sans-serif;}
h5 {font-size: 11px; color: #8e3e03; padding:0; margin: 4px 0 4px 0;}


/* COLORS*/
.white {color: white;}
.pink {color: #fd06f4; }
.blue {color: #b8dffe;}
.blueDark {color: #075c8c;}
.blueVio {color: #c803af;}
.lightPink {color: #fcc5f4;}
.orange {color: #f58c05;}
.red {color: #d91809;}
.gray {color:#aaadad }
.readMore {color: #a84d03;}
#textIndex {color: white;}
.smallHeader {font-size: 24px; color: white; }
#twitterUpdate {color: #7f3d03; }
.dateTwitter {color: #8e3e03; }
#doYouLike{
	width:400px;
	float:left;
}

/* Link */
a { color:#74442a; text-decoration:none;}
a:link, a:visited { color: #aa1111; text-decoration: none; }
a:active, a:hover { color: #74442a; text-decoration: none; }
a img {border: none; }

/*various*/
body {
	background-image:url(../images/side_bg.gif);
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #f3edd8;
	background-repeat: repeat-x;
}
#dotted {position:absolute; top:0px; left:0px; width:100%; height:20px; z-index: 11; background-image: url(../images/top_bg.jpg); background-repeat: no-repeat; background-position: center;}

#mediumsection {position:absolute; top:120px; left:0px; width:100%; height:528px; background-image: url(../images/middlebg.jpg); background-repeat: no-repeat; background-position: center; } 
#container {position:relative;margin:0 auto;width:960px;overflow:hidden;}	
#header {width:960px;}
#logo {width:319px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; padding-top:20px; padding-bottom:20px;*padding:0px;}
.strong {font-weight: bold; }


/*toolbar*/
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	width:580px;
	float: right;
}
#toolbar { margin: 0; padding: 0;position:relative; overflow: hidden; height:69px; width:580px;}
#toolbar li {float: left;list-style: none;height:69px;margin: 0 2px 0 0; padding: 0 2px;}
#toolbar li.backLava {width: 9px;height: 69px;position: absolute;background-image: url(../images/bgnav.png);background-repeat: repeat-x;}
#toolbar li a {	height:49px; z-index: 10; display: block; position: relative; color:#94161a; font-size: 13px; text-align: right; padding-top: 20px;padding-right: 5px;}
#home{width:100px; padding:0px; margin:0px;}
#portfolio{width:100px;}
#about{width:100px;} 
#services{width:100px;} 
#contact{width:100px} 

.horline {
	background-image: url(../images/divider.png);
	background-repeat: no-repeat;
	background-position: center center; *background-position: -10px 10px;
	width:1px; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;  *padding:20px; *margin-top:50px;
}

/*slider*/			
#sliderHome{height:510px; width:950px; position:relative; overflow:hidden; left: 5px; *padding:0px;}
.scroller{}
.scrollContainer{
	height:510px;
	width:4840px;
	position:relative;
*padding:0px; 	margin:0px;
	padding: 0px;
}	
#homepage{width:960px; margin-top:0px; height:430px; position:relative; float:left; *padding:0px; *margin-top:30px; *height:450px;}
#containerSlider{width:455px; height:420px; float:right; margin-right:25px;}
#photoslide{ margin-top:5px;width:450px;
	height:329px;
	float:left;
	background-image: url(../images/bg.slider.png);
	background-repeat: no-repeat;
}
#slideshow {width:408px; height:278px; margin:24px 0 0 12px;overflow:hidden;}  
#slideshow img {width:408px; height:278px; top: 0; left: 0;} 
					
/*header*/					

#textIndex{width:370px; float:left; padding-left:20px;}
#textIndex p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}
#textIndex img {margin-left: 10px; }

#os {width:400px;  padding-left:5px;}
#os .col{width:180px; margin-top:5px;}
#os .col ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px;
*margin:0px; 	line-height:17px;
}
#os .col li{ background-image:url(../images/blt_orange.gif); background-repeat:no-repeat; background-position:left 3px; text-indent: 15px; display: block;margin: 0px; }
#os .col .heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #F3EDD8;
*margin-top:10px;}
#os .col .content{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
}

#serv {width:600px;  padding-left:5px; }
#serv .col{width:165px; margin-top:5px;}
#serv .col1{width:550px; margin-top:5px;}
#serv .col ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px; margin:0px;
*margin:0px;}
#serv .col1 ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px; margin:0px;
*margin:0px;}
#serv .col li{ background-image:url(../images/blt_orange.gif); background-repeat:no-repeat; background-position:left 8px; text-indent: 15px; display: block;margin: 0px; }
#serv .col1 li{ background-image:url(../images/blt_orange.gif); background-repeat:no-repeat; background-position:left 8px; text-indent: 15px; display: block;margin: 0px; }
#serv .col .heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #F3EDD8;
*margin-top:10px; line-height: 14px;
}
#serv .col1 .heading{
color:#F4C06E;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
padding-top:5px;

}

#serv .col .content{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
}



/* ABOUT PAGE*/
#about_page{line-height: 20px; width:960px;  height:460px; float:left; position:relative; border: 1px green }
#about_page p{
	font-size:14px;
	color:#FFF;
	text-align: justify;
}
#about_page a{color:#FFF}
#about_page a:hover{color:#f6930b;}
.big {font-size: 30px; }
.avatar {border: 4px solid #f8a92d; margin-right: 18px; float: left;}
#aboutLeft {padding-top: 0px; float:left; width:440px; height: 550px; margin-left: 1px; padding-left:20px;padding-right:40px; *padding-top:50px;}
#aboutRight {
	padding-top: 30px;
	*padding-top:80px;
	padding-right: 25px;
}

/*PORTFOLIO PAGE*/
#portfoliopage{width:960px; height:4075px; float:left; position:relative; }
#portfoliopage a, #portfoliopage a:visited{color:#FFF; text-decoration:underline;}
#portfoliopage a:hover {color:#f6930b; text-decoration:underline;}
#portfolioscroll{height:500px;}
#portfolioitems {height:500px;}

#project1, #project2, #project3, #project4, #project5 {line-height:20px;height:500px; width:960px; padding-top:0px; *padding-top:50px; }
.projectLeft{margin-top: 35px; height:325px; width:500px; float:left; margin-left:50px; }
.portitem{background:url(../images/portitembg.png) no-repeat; width:506px; height:445px;}
.portfolioimages{ overflow:hidden; width:502px; height:250px; padding-top: 20px; *padding-top: 0px;}
.portfolioimages img{ width:486px; height:236px; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 8px; padding-top: 0px; *padding-top: 0px;}
							
.portDetails{margin-top:35px;}
.portDetails p {display:inline; font-size:16px; color:#FFF;}
.portright{height:445px; width:350px; float:left; padding-left:20px;}
.portright p{
	padding:10px 0 10px 0;
	line-height:24px;
	font-size: 14px;
	text-align: justify;
}
							
.items{position:absolute;} 
.scrollable{position:relative; overflow:hidden;} 

.prev2, .next2 {color:#FFF; text-decoration:none!important; font-size:35px; font-weight:bold; margin-right:20px;}
.prev2{margin-left:220px;}
.portitem a:hover {color:#f7cc05!important;}
.prev, .next{position:absolute;top:0px;left:540px;display:block;width:217px;height:45px;background:url(../images/uparrow.png) no-repeat;cursor:pointer;margin:0px auto 10px auto;z-index:100; *margin:30px auto 10px auto;} 
.next{top:380px!important; background-image:url(../images/downarrow.png);margin:0 auto; *top:430px;}
.prev {top:0px!important;}

.next:hover {
	background-color: transparent;
	background-image: url(../images/downarrow.png);
	background-repeat: no-repeat;
}
.prev:hover{
	background-color: transparent;
	background-image: url(../images/uparrow.png);
	background-repeat: no-repeat;
}
a.disabled {visibility:hidden !important;} 
									
#bottomSection{width:950px; margin: 15px 0 0 0;}
#bottomSection a, #bottomSection a:visited{color:#f6930b; text-decoration:underline;}
#bottomSection a:hover {color:#0d3155; text-decoration:underline;}
#bottomleft{width:600px; float:left;} 
#bottomright{width:300px; margin-left:30px; float: right; font-size: 12px;}
#bottomSection p {color:#472102; font-size: 15px; line-height: 20px;}


/*common*/
.left {float: left;}
.right {float: right;}

/*SERVICES PAGE*/
#services_page{line-height: 25px; width:960px;  height:460px; float:left; position:relative; }
#services_page p{font-size:15px; color:#FFF;}
#services_page a{color:#FFF}
#services_page a:hover{color:#f6930b;}
#servicesLeft {	font-size: 12px; padding-top: 0px; float:left; width: 550px; padding-left:20px; *padding-top: 50px;	text-align: justify;}
#servicesRight {padding-top: 45px;*padding-top: 100px; width: 300px; margin-left: 630px; font-size: 13px;}

#servicesRight .features{ width:275px; padding:0px;  margin-right:50px; }
#servicesRight .features li { text-indent:12px; background-image:url(../images/blt_org1.gif); background-repeat:no-repeat; background-position: -5px 10px;}
#servicesRight .features ul { margin:0px; padding:0px;}
/*CONTACT PAGE*/
#contact_page{line-height: 25px; width:960px;  height:460px; float:left; position:relative; }
#contact_page p{font-size:15px; color:#FFF;}
#contact_page a{color:#FFF}
#contact_page a:hover{color:#f6930b;}
#contactLeft {font-size: 12px;padding-top: 0px; float:left;width: 430px; padding-left:20px; *padding-top: 50px; }
#contactRight {padding-top: 20px; *padding-top: 70px; width: 480px; margin-left: 460px; font-size: 13px;}
.getTouch {
	font-size:17px;
	font-weight:bold;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
}
#quote {font-size: 26px; line-height: 40px; font-style: italic; margin-top: 30px;}
#authorQuote {font-size: 11px; text-align:center;font-style: normal;}
.centerContatti {text-align:center; }

/* forms.css */
form {font-size:90%;}
label { vertical-align: middle; font-weight:bold; float:left; width:5em; display:block; clear:left; margin:1em; text-align:left; font-size:1em; line-height:1.25; padding-left: 55px;}
fieldset {border:none;padding:0;margin:0;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select { border:1px solid #ecb81f; background-color:#feefc4; font-family:Arial, Helvetica, sans-serif; margin-top: 1em;	margin-right: 0; margin-bottom: 1em; margin-left: 0; padding-top: 25px; padding-bottom: 25px;}
input.text:focus, input.title:focus, textarea:focus, select:focus, .errorForm:focus {border:1px solid #ecb81f;background-color:#fff;}
input.text, input.title, .errorForm {width:250px;padding:5px;font-size:1.1em;}
input.title {font-size:1.5em;}
textarea {width:250px;height:120px;padding:55px;font-size:1.1em;}
.button { width:100px; font-size:1.0em; border:1px solid #640203; background-color:#feefc4; font-size:1.2em; margin-top: 0.5em; margin-right: 0; 	margin-bottom: 0.5em; margin-left: 3.5em; padding: 5px;}
.button:hover { color:white; background-attachment: scroll; background-color: #f6930b; background-image: none; background-repeat: repeat; background-position: 0% 0%; cursor: pointer; }
.errorForm {background:#fddada;margin:0.5em 0;border:1px solid #992A2A;}

.buttonForm {padding:0;margin:0;}

label#name_error { position:absolute; top:22px; left:120px;}

.submit_btn { width:300px; padding-left:45px; margin-left: 45px; padding-top:25px; *margin-left: 25px;}

label#name_error { position:absolute; top:53px; left:137px; }

label#email_error { position:absolute; top:107px; left:137px; }

label#phone_error { position:absolute; top:160px; left:137px; }

#contact_form { width:500px; margin:0 auto; height:300px; padding:10px 0; position:relative; background-color: transparent; }

/*message*/
.info, .success, .error, .warning {
	border:1px solid;
	margin:0px;
	background-repeat:no-repeat;
	background-position:10px center;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 50px;
}
.error {
	color:#9f1a04;
	background-color:#FFBABA;
	background-image:url('../images/cancel.png');
	width: 140px;
}


/*FOOTER*/
#footer {margin: 10px auto 0 auto; padding: 0;color: #813701;width: 960px; text-align:center;font-size:12px; *padding-top:40px;}
#footer a{color:#00111f;}
#footer a:hover{color:#813701;}
#footer p {margin:0;padding:5px 0;}

	
.clear {clear:both;}
.negmarg {margin-top:-8px;}