* { padding: 0; margin: 0; }

body {font-family:Georgia, Garamond, "Times New Roman", Times, serif;font-size: 13px; background-color:#85c1ce; background-image:url(images/bg.jpg); background-repeat:repeat-x}
#wrapper {margin: 0 auto; width: 1000px; background-color:#fff;}
#header {width: 1000px; float: left; height: 204px; background-image:url(images/header.jpg); background-repeat:no-repeat}
#headerb {width: 1000px; float: left; height: 204px; background-image:url(images/header_design.jpg); background-repeat:no-repeat}
#headerc {width: 1000px; float: left; height: 204px; background-image:url(images/header_software.jpg); background-repeat:no-repeat}
#headerd {width: 1000px; float: left; height: 204px; background-image:url(images/header_iphone.jpg); background-repeat:no-repeat}
#headere {width: 1000px; float: left; height: 204px; background-image:url(images/header_system.jpg); background-repeat:no-repeat}

/*- Menu Tabs --------------------------- */
#navigation {float: left; width: 1000px; margin: 0px 0px 0px 0px; background-image:url(images/bg_menu.jpg); background-repeat:repeat-x}
#tabs {float:left;width:1000px;font-size:13px; line-height:normal;}
#tabs ul {margin:0;padding:5px 0px 0 50px; list-style:none;}
#tabs li {display:inline;margin:0;padding:0;}
#tabs a {float:left;background:url("images/tableft.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs a span {float:left;display:block;background:url("images/tabright.gif") no-repeat right top;padding:7px 13px 5px 7px;color:#fff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#0b1114;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs #current a {background-position:0% -42px;}
#tabs #current a span {background-position:100% -42px;color:#0b1114; }


#welcome {float: left; width: 1000px; margin: 0px; padding:0; background-image:url(images/bg_welcome.jpg); background-repeat:repeat-x; background-position:top}
#wel {width:900px;height:241px; margin:15px auto; background-image:url(images/welcome_bg.jpg); background-repeat:repeat-x}
#welleft {height:241px; background-image:url(images/welcome_left.jpg); background-repeat:no-repeat; background-position:left}
#welright {height:241px; background-image:url(images/welcome_right.jpg); background-repeat:no-repeat; background-position:right}
#welweb {padding:2px; float:left;}
#weltext {float:right; width:550px;}
#welcome h1{font-size:24px; color:#052940; font-weight:normal; padding:10px 0 0 0}
#welcome p{color:#052940; font-size:10px; line-height:18px;}
#boxes {height:145px; background-image:url(images/boxes.jpg); background-repeat:no-repeat; background-position:left}
#boxes p{width:65px; float:left; padding:0 5px 0 8px; text-align:center; line-height:14px}
#boxes img {padding:0 5px 0 5px;}
#paint {float:right}



#leftcolumn {background:#fff;  width: 340px; float: left;}
#leftcolumn h1{background-image:url(images/h_blue.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }
.box{width:254px;background-image:url(images/box_bg.gif); background-repeat:repeat-y; margin:20px 0 0 40px}
.boxtop{width:254px;background-image:url(images/box_top.gif); background-repeat:no-repeat; background-position:top}
.boxbottom{width:254px;background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom}
.box p{padding:15px; line-height:20px; font-size:12px; color:#5a5a5a}
.box ul li {list-style:none; color:#5a5a5a}
.box ul{padding:10px 0 20px 30px}
.box li{line-height:20px}

#center {float: left; color: #333; background:#fff; width: 340px; display: inline;}
#center h1{background-image:url(images/h_green.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }

#rightcolumn {background:#fff; width: 320px; float: left;}
#rightcolumn  h1{background-image:url(images/h_orange.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }
#rightcolumn p{margin:10px 20px 0 40px; color:#5a5a5a}
#rightcolumn img{padding:20px 0 0 65px; border:none}

#rightcolumnb {background:#fff; width: 320px; float: left;}
#rightcolumnb  h1{margin:0px 0 0 20px; font-weight:normal; font-size:18px; color:#425d69; line-height:32px; padding:0 50px 0 0; font-family:Arial, Helvetica, sans-serif}
#rightcolumnb p{margin:10px 10px 0 20px; color:#5a5a5a}


/*Testimonial*/
#testimonial {width:1000px; background-color:#cdcfbf; background-image:url(images/bg_testimonials.jpg); background-repeat:repeat-x; float:left}
#testimonial h1{color:#15585a; font-size:16px; margin:20px 0 0 60px}
#testimonial h2{color:#147888; font-size:11px; margin:0 0 0 60px; font-weight:normal;}
#testimonial h3 {background-image:url(images/test_link.gif); background-repeat:no-repeat; text-align:center; color:#15585a; width:199px; font-size:14px; font-weight:normal; margin:20px; line-height:35px}
#testimonial p{ width:700px; color:#5a5a5a; font-size:11px; margin:10px 0 0 60px}
#testimonial p b{font-size:30px}
#testimonial img {float:right; padding:0 20px 10px 10px}
#testimonial a{color:#15585a; text-decoration:underline}
.line {width:600px; height:1px; border-bottom:1px dashed #999; margin:10px 0 0 50px}

/*Remoate*/
#remote {width:300px; height:70px; border:3px solid #CCC; margin:20px 0 0 180px; text-align:center; background-image:url(images/gradient.jpg); background-repeat:repeat-x}
#remote:hover {border:3px solid #999;}
#remoteb {width:200px; height:70px; border:3px solid #CCC; margin:20px 0 10px 25px; text-align:center; background-image:url(images/gradient.jpg); background-repeat:repeat-x}
#remoteb:hover {border:3px solid #666}
#definition h2, h3 {color:#666; margin:10px 0 0 20px}
#definition p {color:#999; margin:10px 20px 10px 20px}
#definition {background-image:url(images/gradientb.jpg); background-repeat:repeat-x; background-position:top; border:10px solid #ccc}

.xxxboxhome {width:230px; background-color:#e8eef0; background-image:url(images/gradient_home.jpg); background-repeat:repeat-x; margin:10px 0 0 40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999}
.boxhome {width:254px;background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom; margin:20px 0 0 40px}
.iconb {width:250px; background-image:url(images/remote.gif); background-repeat:no-repeat; background-position:top right; padding:0 0 15px 0}

.client {width:254px;background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom; margin:20px 0 0 40px}
.client img{margin:5px 0 10px 15px; border:none}
.xxxclient {width:230px; background-color:#e8eef0; background-image:url(images/gradient_home.jpg); background-repeat:repeat-x; margin:10px 0 10px 40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999}
.client ul li{ list-style-position:inside}
.client ul {margin:10px 0 0 20px; padding:0 0 10px 0; color:#425d69}
.client a:link{color:#425d69; text-decoration:none}
.client a:visited{color:#425d69; text-decoration:none}
.client a:hover{color:#425d69; text-decoration:underline}
.right {float:right; padding:0 10px 5px 5px}


/*Forms in page*/
#forms {width:1000px; background-color:#cdd0bf; float:left; color:#5a5a5a}
#forms table {margin:20px 0 20px 150px; border:1px dashed #fff; background-color:#f6f7f1}
#forms p {font-weight:bold; color:#5a5a5a; font-size:12px; margin:10px 10px 0 0px; padding:0}
#forms p span{font-style:italic; color:#620868; font-size:9px}
#forms a{color:#15585a; text-decoration:underline}
#forms h1{color:#15585a;text-align:center; margin:10px 0 20px 0}
#forms h3{margin:10px 0 0 30px; color:#147888; text-decoration:underline}
#forms input {margin:0 0 0 30px;}
#forms textarea {margin:0 0 0 30px;}
#forms label{ color:#666}
#forms .fild {border:1px solid #ccc; margin:0 30px 0 30px}

/*Contaft form*/
#cform {background-color:#d6d8ca; border:1px dashed #ccc; float:right; width:400px; height:200px; margin:20px 100px 0 0; padding:15px; color:#666}
#cform textarea {width:300px}
#cform table{}

/*Text format in Innerpages*/
#textformat {margin:0 20px 0 20px;}
#textformat h1{font-size:24px; color:#052940; font-weight:normal; padding:10px 0 0 30px}
#textformat p{color:#052940; font-size:12px; line-height:18px;margin:0 20px 0 20px;}
#textformat ul {margin:10px 30px 0 50px; color:#052940;}
#textformat li{margin:10px 0 0 10px}
#textformat h3{font-size:18px; color:#000; font-weight:normal; padding:10px 0 0 50px; margin:0}

/* Innerpage */
#spacer {height:30px; width:900px; float:left}
#innerpage{}
#innerpage p {padding:10px 10px 0 20px}
#innerpage a{color:#052940; text-decoration:underline; font-weight:bold}
#leftcolumninner {background:#fff;  width: 340px; float: left;}
#innerpage .hblue {background-image:url(images/h_blue.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 70px 0 0 }
#innerpage .hblue2 {background-image:url(images/h_blue2.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 70px 0 0 }
#innerpage .hblue3 {background-image:url(images/h_blue2.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 90px 0 0 }
#innerpage .hblue4 {background-image:url(images/h_blue.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:bold; font-size:14px; color:#fff; line-height:16px; text-align:center; padding:0 70px 0 0 }
#innerpage .hred {background-image:url(images/h_red.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 70px 0 0 }
#innerpage .hpink {background-image:url(images/h_pink.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 70px 0 0 }
#innerpage .hpinkb {background-image:url(images/h_pink.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 80px 0 0 }
#innerpage .hpinkc {background-image:url(images/h_pink.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 95px 0 0 }
#innerpage .hpinkd {background-image:url(images/h_pink.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:bold; font-size:14px; color:#fff; line-height:14px; text-align:center; padding:0 80px 0 0 }
#innerpage .hgreen {background-image:url(images/h_green.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }
#innerpage .hgreenb {background-image:url(images/h_green.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 80px 0 0 }
#innerpage .hyellow {background-image:url(images/h_yellow.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }
#innerpage .hyellowb {background-image:url(images/h_yellow.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 90px 0 0 }
#leftinner {background:#fff;  width: 650px; float: left; padding:0 0 20px 0}
#leftinner h1{font-size:24px; color:#052940; font-weight:normal; padding:10px 0 0 50px}
#leftinner p{margin:0 0 0 30px}
#leftinner ul{margin:10px 0 0 80px}
#leftinner ul ol{margin:5px 0 5px 40px}


#centerinner {float: left; color: #333; background:#fff; width: 340px; display: inline;}
#centerisfnner h1{background-image:url(images/h_green.jpg); background-repeat:no-repeat; margin:10px 0 0 50px; font-weight:normal; font-size:18px; color:#fff; line-height:32px; text-align:center; padding:0 50px 0 0 }

.deboxinner{width:255px; height:235px; background-image:url(images/box.jpg); background-repeat:no-repeat; margin:20px 0 0 40px}
.deboxinner p{padding:15px; line-height:20px; font-size:12px; color:#5a5a5a}
.deboxinner ul li {list-style:none; color:#5a5a5a}
.deboxinner ul{padding:10px 0 20px 30px}
.deboxinner li{line-height:20px}

#value .a{border:1px  dashed #CCC; margin:10px 0 0 50px; padding:0 0 10px 0; background-image:url(images/gradient.jpg); background-repeat:repeat-x; background-position:top}
#value .a p{margin:0 0 0 0px}

#value .b{border:1px  dashed #CCC; margin:10px 0 0 50px; padding:0 0 10px 0; background-image:url(images/gradient.jpg); background-repeat:repeat-x; background-position:top; width:590px; height:145px;}
#value .b img{float:left; padding:4px 20px 0 5px}
#value .b p{margin:0 0 0 0px; }

#value .sociali {width:100px; height: 40px; margin:0 0 0 15px; float:left}
#value .sociali img{margin:0; padding:0 5px 2px 0; border:none}


.boxinner{width:255px;background-image:url(images/box_bg.gif); background-repeat:repeat-y; margin:20px 0 0px 40px;}
.boxinnertop {width:255px; background-image:url(images/box_top.gif); background-repeat:no-repeat; background-position:top left;}
.boxinnerbottom {width:255px; background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 10px 0}
.boxinner p{padding:15px; line-height:20px; font-size:12px; color:#5a5a5a}
.boxinner ul li {list-style:none; color:#5a5a5a}
.boxinner ul{padding:10px 0 20px 30px}
.boxinner li{line-height:20px}
.boxinner a{display:none}




/* Contact page */
#contact {width:1000px; background-color:#cdcfbf; background-image:url(images/bg_testimonials.jpg); background-repeat:repeat-x; float:left; padding:0 0 40px 0}
#contact h1{font-size:24px; color:#052940; font-weight:normal; padding:10px 0 0 50px}
#contact p {margin:10px 50px 0 50px}
#address {width:350px; float:left}
#address p{font-size:12px; line-height:normal; margin:0 0 0 150px}



/*Footer*/
#footer { height:200px; clear: both; color: #fff; background: #BD9C8C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-image:url(images/footer.jpg); background-repeat:repeat-x}
#footer ul {padding:10px 0 0 10px; float:left; margin:0 5px 0 0}
#footer ul li{list-style:none}
#footer li {line-height:16px;border-bottom:1px dashed #415969;}
#footer li:hover{line-height:16px;border-bottom:1px solid #415969;}
#footer a span{font-weight:bold; color:#fff}
#footer a:link {color:#ccc; text-decoration:none;}
#footer a:visited {color:#ccc; text-decoration:none;}
#footer a:hover {text-decoration:none;}
#footer p{padding:40px 0 0 0; color:#ccc; width:1000px; text-align:center; float:left}