/* @charset "utf-8"; */
/* CSS Document */

body {
/*background:#CBDEEB url(../images/bg.png) repeat-x;*/
background-color:white;
color:#666665;
margin:0;
padding:0;
}
.main{
width:1000px;
margin:0 auto;
padding:0;
}
.samsungphonehalf{
background: url(../images/samsungphonehalf.png) no-repeat;
width:178px;
height:140px;
float:left;
margin-left:160px;
margin-top:10px;
}
.samsungphone{
background: url(../images/samsungphone.png) no-repeat;
width:211px;
height:181px;
float:left;
margin-left:133px;
margin-top:-10px;
margin-bottom:20px;
}
.maintop{
background:url(../images/maintop.png) no-repeat;
width:997px;
height:35px;
float:left;
margin-top:20px;
}
.mainmid{
/*background:url(../images/mainmid.png) repeat-y;*/
width:997px;
float:left;
}
.mainbtm{
background: url(../images/mainbtm.png) no-repeat;
width:997px;
height:36px;
float:left;
}
.maintopleft{
width:267px;
height:auto;
float:left;
margin-left:5px;
margin-top:10px;
}
.maintopmid{
width:440px;
height:auto;
float:left;
margin-top:5px;
margin-left:5px;
margin-bottom:30px;
}
.maintopbtm{
width:270px;
height:auto;
float:left;
margin-top:8px;
margin-left:10px;
}
.img{
background:url(../images/img.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.img1{
width:440px;
height:280px;
float:left;
}
.img3{
background:url(../images/img3.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.img4{
background:url(../images/img4.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.img6{
background:url(../images/img6.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.img7{
background:url(../images/img7.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.img8{
background:url(../images/img8.png) no-repeat;
width:440px;
height:280px;
float:left;
}
.logo{
width:267px;
height:47px;
float:left;
border:0px;
margin-top:40px;
}
.bgbutton{
background:url(../images/bg1.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:20px;
}
.csbutton{
background:url(../images/cs.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.dabutton{
background:url(../images/da.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.debutton{
background:url(../images/de.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.etbutton{
background:url(../images/et.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.elbutton{
background:url(../images/el.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.enbutton{
background:url(../images/uk.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.frbutton{
background:url(../images/es.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.frbutton{
background:url(../images/fr.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.itbutton{
background:url(../images/it.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.lvbutton{
background:url(../images/lv.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.ltbutton{
background:url(../images/lt.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.hubutton{
background:url(../images/hu.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.mtbutton{
background:url(../images/mt.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.nlbutton{
background:url(../images/nl.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.plbutton{
background:url(../images/pl.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.ptbutton{
background:url(../images/pt.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.robutton{
background:url(../images/ro.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.skbutton{
background:url(../images/sk.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.slbutton{
background:url(../images/sl.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.fibutton{
background:url(../images/fi.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.svbutton{
background:url(../images/sv.png);
width:23px;
height:25px;
float:left;
margin-top:10px;
margin-left:10px;
}
a {
font-family:arial;
text-decoration:none;
color:#187899;
}
a:hover {
text-decoration:underline;
}
.logintop{
background:url(../images/logintop.png) no-repeat;
width:239px;
height:18px;
float:left;
}
.loginmid{
background:url(../images/loginmid.png) repeat-y;
width:239px;
float: left;
}
.loginbtm{
background:url(../images/loginbtm.png) no-repeat;
width:239px;
height:18px;
float:left;
}
.mainmenu{
width:997px;
height: auto;
/*float:left;*/
clear:both;
margin-left:0px;
}
.mainmenubutton{
background:url(../images/button.png);
width:130px;
height:43px;
float:left;
border:none;
margin-left:5px;
margin-top:10px;
}
.mainmenudark{
width:140px;
height:36px;
float:right;
border:none;
margin-right:80px;
margin-top:10px;
}
.blueline{
background:url(../images/blueline.png);
width:997px;
height:4px;
/*float:left;*/
margin-top:6px;
}
.blueline2{
margin-top:6px;
height:4px;
background-color: #51A7FA;
}
.maincontent{
width:997px;
height:auto;
float:left;
}
/*.maincontentleft{*/
width:230px;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;
}
.maincontentmid{
width:500px;
height:auto;
float:left;
margin-top:10px;
margin-left:125px;
}
.maincontentright{
width:230px;
height:auto;
float:right;
margin-top:10px;
margin-right:10px;
}
.maincontentlefttop{
background: url(../images/bluetop.png) no-repeat;
width:230px;
height:23px;
float:left;
}
.maincontentleftmid{
background:url(../images/bluemid.png) repeat-y;
width:230px;
float:left;
}
.maincontentleftbtm{
background:url(../images/bluebtm.png) no-repeat;
width:230px;
height:38px;
float:left;
}
.contentleft{
background: url(../images/contentleft.png) no-repeat;
width:500px;
min-height:205px;
float:left;
margin-left:5px;
}
.contentmid{
background:url(../images/contentmid.png) repeat-y;
float:left;
width:500px;
}
.contentright{
background:url(../images/contentright.png) no-repeat;
width:500px;
height:27px;
float:left;
}

ul.sidemenu {
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
ul.sidemenu li {
float:none;
font-family:Arial,Helvetica,sans-serif;
height:20px;
list-style-type:none;
margin-left:10px;
padding:0;
width:230px;
}
ul.sidemenu li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/a1.gif) no-repeat scroll 10px 15px;
color:#000000;
float:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
margin:0;
padding:10px 0 0 30px;
text-decoration:none;
width:190px;
}
ul.sidemenu li a:hover {
color:#FFF;
}
.line{
background:url(../images/line.png) no-repeat;
width:230px;
height:2px;
float:left;
margin-top:20px;
}
.txt{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin-top:20px;
width:480px;
margin-left:20px;
}
.txt1{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin-top:20px;
float:right;
margin-right:40px;
}
.bluebuttontop{
background:url(../images/bluebuttontop.png) no-repeat;
width:17px;
height:159px;
float:left;
}
.bluebuttonmid{
background:url(../images/bluebuttonmid.png) repeat-x;
height:159px;
float:left;
}
.bluebuttonbtm{
background:url(../images/bluebuttonbtm.png) no-repeat;
width:17px;
height:159px;
float:left;
}
#bluebottonmain{
width:221px;
height:auto;
float:left;
margin-left:5px;
}
.footer{
width:995px;
margin:0 auto;
padding:0;
}
.footerbg{
background: url(../images/carbone-jpg.jpg) no-repeat;
height:auto;
float:left;
width:100%;
margin-left:-1px;
}


#footer_top ul {
float:left;
left:20px;
padding-left:20px;
top:17px;
width:180px;
margin-left:90px;
}
#footer_top ul li {
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
line-height:15px;

}
#footer_top ul li span {
color:#FFF;
font-weight:bold;
padding:0 0px;
}
#footer_top ul li a {
background:transparent url(../images/b.gif) no-repeat scroll left center;
color:#c2c2c2;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
padding:0 0px;
text-decoration:none;
}
#footer_top ul li a:hover {
color:#FFFFFE;
}
.bookmarks {
float:left;
height:auto;
margin:5px 0 0 40px;
width:auto;
}
.bookmarks ul {
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0;
padding:0;
width:auto;
}
.bookmarks ul li {
float:left;
margin-left:5px;
width:auto;
}
.bookmarks ul li a img {
border:medium none;
}
.bookmarks ul li a {
color:#FFFFCC;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}
#mobile1{
background:url(../images/mobile1.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:150px;
float:left;
margin-top:30px;
}
#mobile2{
background:url(../images/mobile2.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:150px;
float:left;
margin-top:30px;
}
#mobile3{
background:url(../images/mobile3.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:150px;
float:left;
margin-top:30px;
}
#mobile4{
background:url(../images/mobile4.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:150px;
float:left;
margin-top:30px;
}
#mobile5{
background:url(../images/mobile5.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:120px;
float:left;
margin-top:30px;
}
#mobile6{
background:url(../images/mobile6.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:120px;
float:left;
margin-top:30px;
}
#mobile8{
background:url(../images/mobile8.png);
width:82px;
height:119px;
float:left;
margin-left:0px;
margin-top:10px;
}
.txt2{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:120px;
float:left;
margin-top:30px;
}
#ttt{
background:url(../images/7.png);
width:88px;
height:55px;
float:left;
margin-left:0px;
margin-top:20px;

}
#maiami{
background:url(../images/maiami.png);
width:85px;
height:91px;
float:left;
margin-left:0px;
margin-top:20px;
}
#gdf{
background:url(../images/gdf.png);
width:100px;
height:33px;
float:left;
margin-left:25px;
}
#menu {
}
#menu table {
margin:0 auto;
width:820px;
margin-top:10px;
margin-left:5px;
float:left;
}
#menu table td {
padding:0;
vertical-align:top;
}
.mattblackmenu {
margin-top:0;
}
#ddtopmenubar {
padding:0 0;
}
.mattblackmenu a {
color:#FFFFFF;
cursor:pointer;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
float:left;
text-align:left;
text-decoration:none;
width:100%;
}


.mattblackmenu a .tm_m_2 {
background:transparent url(../images/button.png);
display:block;
height:43px;
line-height:42px;
text-align:center;
color:#FFFFFF;
width:130px;

}

.mattblackmenu a:hover .tm_m_2, .mattblackmenu a.active .tm_m_2, .mattblackmenu a.selected .tm_m_2 {
background-image: url(../images/hover.png)
}
.mattblackmenu a .tm_m_3 {
background:transparent url(../images/darkbluebutton.png);
display:block;
height:43px;
line-height:42px;
text-align:center;
color:#FFFFFF;
width:150px;
}
.mattblackmenu a:hover .tm_m_3, .mattblackmenu a.active .tm_m_3, .mattblackmenu a.selected .tm_m_3 {
background-image: url(../images/hover1.png)
}
.divider{
background:url(../images/divider.png);
width:3px;
height:210px;
float:left;
}


.my-work-img  {width: 100%; } 


tbody p{
	text-align: justify;
}

@media screen and (max-width: 1012px) {
	.maincontent{
width:100%;
height:auto;
float:left;
}
}
@media screen and (max-width: 992px) {
	.linkedin-custom {
    width: 30px !important;

}
#my-content-main table p{
	text-align: justify !important;
}
.title-text{
	font-size: 20px;
}

.table-img-sp{
	float: left !important;
}
.about{
	text-align: left !important;
}



}

@media screen and (max-width: 1920px) {
	.col-row-image{
	width: 22%;
float: left;
padding: 1.2%;
}
	.brand{
	float: left;
	height: 95px;
	width: 138px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	vertical-align: center;
   display: block;
    margin-left: auto;
    margin-right: auto

}
}

@media screen and (max-width: 1400px) {

	.col-row-image{
	width: 20%;
float: left;
padding: 1.4%;
}

.about{
	text-align:center;
	padding: 10px 0px;


}


@media screen and (max-width: 1150px) {


	.col-row-image{
	width: 25%;

padding: 4%;

}
}


@media screen and (max-width: 992px) {
.col-row-image{
	width: 16%;

padding: 1%;

}

}

@media screen and (max-width: 768px) {

	.col-row-image{
	width: 27%;
float: left;
padding: 3%;
display: table;


}


}




@media screen and (max-width: 480px) {


	.col-row-image{
	width: 38%;
	float:left;
	padding: 5%;

}
.brand{
	float: left;
	height: 95px;
	width: 138px;
}


}