@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);


body, html{
	font-family: 'Raleway', sans-serif;
	background: #FFFFFF;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

#sm-menu.navbar-default .navbar-nav > li > a {
	color: #C5C5C5;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}

#sm-menu.navbar-default .navbar-nav > li > a:hover, 
#sm-menu.navbar-default .navbar-nav > li > a:focus {
	color: 	#32127A;
	background-color: transparent;
}

.navbar-brand.logo {
	color: #FFFFFF;
}

nav#sm-menu {
	background: #222222;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #f1f1f1;
}

nav#sm-footer {
	background: #222222;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3% 0 2% 0;
	color: #f1f1f1;
}

.wrapper{
	max-width:99%;
	padding-left: 1%; 
}

#tf-service{
	padding: 7% 0; 
}

.media-left.media-middle i {

	font-size: 30px;
	color: 	#32127A;

}

.media-body h4 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	color: 	#32127A;
}

.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}

.computer-list{
	text-transform: uppercase;
	font-size: 14px;
	color: #CC3333;
}

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}