Website shows different size in IE8

[turkspartan]

Website works just fine in all browsers except in IE8.

 

Everything is much smaller in IE8 including slider and body of the page. Even the fonts look bad because of it. I made sure my browsers zoom is at 100%. What could be causing this?

 

 

 

Thank you. I really need help.

 

I am guessing it can be a wrapper issue?

@import url("../CherryFramework/style.css");@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700);@import url(//fonts.googleapis.com/css?family=Archivo+Narrow:700);body { background:#cbc7d4 url(images/body.jpg) repeat 50% 0%; }@media (max-width: 767px) {	body { padding:0; }}.floater {text-shadow: 0px 2px 2px rgba(0,0,0,0.8);	font-size:18px;		}.floater a:hover {	text-decoration:none;	color:#72aad0;}.main-holder input[type="text"], .main-holder input[type="email"], .main-holder textarea {	background:none;	min-height:41px;	margin:0;	padding:11px 14px !important;	border:1px solid #e4e4e4;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;	resize:none;	font-family:'Ubuntu', sans-serif;	font-size:12px;	font-weight:400;	color:#7d7d7d;}html.ie8 .main-holder input[type="text"], html.ie8 .main-holder input[type="email"], html.ie8 .main-holder textarea { min-height:17px; }.main-holder input[type="submit"], .main-holder input[type="reset"] {	background:url(images/button.gif) repeat-x 0% 0%;	height:42px;	overflow:hidden;	margin:0 10px 0 0;	padding:0 21px 0 21px;	line-height:42px;	font-family:'Ubuntu', sans-serif;	font-size:13px;	font-weight:400;	border:none;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;	text-decoration:none;	color:#fff;}.main-holder input[type="submit"]:focus, .main-holder input[type="reset"]:focus {	background:url(images/button.gif) repeat-x 0% 0%;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}.main-holder input[type="submit"]:hover, .main-holder input[type="reset"]:hover {	background-position:0% -42px;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}.search-form input[type="text"] { min-height:42px; }@media (min-width: 768px) and (max-width: 979px) {	.search-form input[type="text"] { width:180px; }}html.ie8 .search-form input[type="text"] { width:200px; }@media (max-width: 480px) {	.search-form input[type="text"] { width:180px; }}.bottomlink {	font-size:11px;}h1 {	letter-spacing:0px;	text-transform:uppercase;}h1 a {	text-decoration:none;	color:#474747;}h1 a:hover {	text-decoration:none;	color:#72aad0;}h2 {	margin-bottom:27px;	letter-spacing:-1px;	text-transform:uppercase;}h2 a {	text-decoration:none;	color:#474747;}h2 a:hover {	text-decoration:none;	color:#72aad0;}h2 em {	display:block;	margin:0 0 -15px 0;	font-style:normal;}h3 {	margin-bottom:8px;	letter-spacing:-1px;	text-transform:uppercase;	}h3 a:hover {	text-decoration:none;	color:#72aad0;}h4 {	margin-bottom:28px;	text-transform:uppercase;}h4 a {	text-decoration:none;	}h4 a:hover {	text-decoration:none;	color:#242424;}h5 {	letter-spacing:0px;	}h5 a {	text-decoration:none;	color:#474747;}h5 a:hover {	text-decoration:none;	color:#72aad0;}h6 { text-transform:uppercase; }p { margin:0 0 18px 0; }img.alignnone {	background:#fff;	padding:5px;	border:1px solid #ebebeb;}@media (min-width: 979px) and (max-width: 1200px) {	img.alignnone { max-width:96%; }}html.ie8 img.alignnone { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) {	img.alignnone { max-width:96%; }}@media (max-width: 480px) {	img.alignnone { max-width:96%; }}img.alignleft {	margin:0 30px 10px 0;	padding:5px;	border:1px solid #ebebeb;}@media (min-width: 979px) and (max-width: 1200px) {	img.alignleft { max-width:96%; }}html.ie8 img.alignleft { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) {	img.alignleft { max-width:96%; }}@media (max-width: 480px) {	img.alignleft { max-width:96%; }}img.alignright {	margin:0 0 10px 30px;	padding:5px;	}@media (min-width: 979px) and (max-width: 1200px) {	img.alignright { max-width:96%; }}html.ie8 img.alignright { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) {	img.alignright { max-width:96%; }}@media (max-width: 480px) {	img.alignright { max-width:96%; }}.header {	background:#fff url(images/header.gif) repeat-x 50% 100%;	margin:0;	padding:25px 0 37px 0;	border:none;}@media (max-width: 767px) {	.header {		padding:25px 20px 37px 20px;		text-align:center;	}}.header .logo { margin:0; }@media (min-width: 979px) and (max-width: 1200px) {	.header .logo { width:auto; }}html.ie8 .header .logo { width:auto; }@media (min-width: 768px) and (max-width: 979px) {	.header .logo { width:auto; }}@media (max-width: 767px) {	.header .logo {		display:inline-block;		float:none;		width:auto;		vertical-align:top;	}}.header .logo img {	float:left;	margin-top:25px;}@media (min-width: 979px) and (max-width: 1200px) {	.header .logo img { float:none; }}html.ie8 .header .logo img { float:none; }@media (min-width: 768px) and (max-width: 979px) {	.header .logo img { float:none; }}@media (max-width: 767px) {	.header .logo img { float:none; }}.header .logo .logo_h__txt {	float:left;	margin:38px 2px 0 0;	padding:0;	letter-spacing:-2px;	text-transform:uppercase;}.header .logo .logo_h__txt a { text-decoration:none; }.header .logo .logo_h__txt a:hover { color:#2f2f2f; }.header .logo p {	background:url(images/logo_line.gif) no-repeat 0% 0%;	float:left;	margin:46px 0 0 10px;	padding:0 0 0 8px;	line-height:34px;	font-size:11px;	color:#b2b3b3;}@media (min-width: 979px) and (max-width: 1200px) {	.header .logo p {		background:none;		float:none;		width:100%;		overflow:hidden;		margin:0;		padding:0;		line-height:18px;		text-align:center;	}}html.ie8 .header .logo p {	background:none;	float:none;	width:100%;	overflow:hidden;	margin:0;	padding:0;	line-height:18px;	text-align:center;}@media (min-width: 768px) and (max-width: 979px) {	.header .logo p {		background:none;		float:none;		width:100%;		overflow:hidden;		margin:0;		padding:0;		line-height:18px;		text-align:center;	}}@media (max-width: 767px) {	.header .logo p {		background:none;		float:none;		width:100%;		overflow:hidden;		margin:0;		padding:0;		line-height:18px;		text-align:center;	}}.header .nav__primary { margin:48px 9px 0 0; }@media (min-width: 979px) and (max-width: 1200px) {	.header .nav__primary { margin-right:0; }}html.ie8 .header .nav__primary { margin-right:0; }@media (min-width: 768px) and (max-width: 979px) {	.header .nav__primary { margin-right:0; }}@media (max-width: 767px) {	.header .nav__primary { margin:20px 0 0 0; }}.header .nav__primary .sf-menu ul {	background:#303030;	width:116px;	padding:31px 0 15px 0;}.header .nav__primary .sf-menu > li {	background:none;	margin:0 0 0 8px;}@media (min-width: 768px) and (max-width: 979px) {	.header .nav__primary .sf-menu > li { margin:0 0 0 1px; }}.header .nav__primary .sf-menu > li > a {	background:url(images/menu.gif) repeat-x 0% -100px;	padding:6px 12px 8px 12px;	border:none;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;	text-transform:uppercase;	text-decoration:none;}.header .nav__primary .sf-menu > li li {	background:none;	margin:0 0 16px 0;	text-align:left;}.header .nav__primary .sf-menu > li li a {	padding:0 10px;	border:none;	line-height:18px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	text-align:center;	text-transform:uppercase;	text-decoration:none;	color:#8e8e8e;}.header .nav__primary .sf-menu > li li .sf-sub-indicator { display:none; }.header .nav__primary .sf-menu > li li li a { color:#fff; }.header .nav__primary .sf-sub-indicator {	background:url(images/arrows-ffffff.gif) no-repeat 0% 0%;	width:7px;	height:4px;	margin:0 -3px 0 0;	top:25px;	right:50%;}.header .nav__primary .sf-menu li:hover ul, .header .nav__primary .sf-menu li.sfHover ul {	margin:0 0 0 -58px;	top:36px;	left:50%;}.header .nav__primary ul.sf-menu li li:hover ul, .header .nav__primary ul.sf-menu li li.sfHover ul {	background:#72aad0;	margin:0;	top:-31px;	left:116px;}.header .nav__primary .sf-menu > li > a:hover, .header .nav__primary .sf-menu > li.sfHover> a, .header .nav__primary .sf-menu > li.current-menu-item > a, .header .nav__primary .sf-menu > li.current_page_item > a {	background:url(images/menu.gif) repeat-x 0% 0%;	color:#fff;}li.current-menu-item > a, .header .nav__primary .sf-menu > li.current_page_item > a:hover {	background:url(images/menu1.gif) repeat-x 0% 0%;	color:#fff;}.header .nav__primary .sf-menu > li > a:hover .sf-sub-indicator, .header .nav__primary .sf-menu > li.sfHover> a .sf-sub-indicator, .header .nav__primary .sf-menu > li.current-menu-item > a .sf-sub-indicator, .header .nav__primary .sf-menu > li.current_page_item > a .sf-sub-indicator { display:none; }.header .nav__primary .sf-menu li li > a:hover, .header .nav__primary .sf-menu li li.sfHover > a, .header .nav__primary .sf-menu li li.current-menu-item > a, .header .nav__primary .sf-menu li li.current_page_item > a {	background:none;	color:#fff;}.header .nav__primary .sf-menu li li li > a:hover, .header .nav__primary .sf-menu li li li.sfHover > a, .header .nav__primary .sf-menu li li li.current-menu-item > a, .header .nav__primary .sf-menu li li li.current_page_item > a {	background:none;	color:#000;}#slider-wrapper {	background:url(images/slider.jpg) repeat 50% 0%;	position:relative;	overflow:visible;	padding:20px 0 19px 0;	border-bottom:10px solid #e1e1e1;}#slider-wrapper:before {	background:url(images/slider.jpg) repeat 50% 0%;	display:block;	width:100%;	height:100%;	overflow:hidden;	border-bottom:10px solid #e1e1e1;	position:absolute;	top:0;	left:-100%;	z-index:1;	content:'';}#slider-wrapper:after {	background:url(images/slider.jpg) repeat 50% 0%;	display:block;	width:100%;	height:100%;	overflow:hidden;	border-bottom:10px solid #e1e1e1;	position:absolute;	top:0;	right:-100%;	z-index:1;	content:'';}#slider-wrapper .container {	position:relative;	margin:0 0 0 -5px;	border-left:4px solid rgba(255,255,255,0.1);	border-right:4px solid rgba(255,255,255,0.1);	border-top:4px solid rgba(255,255,255,0.1);	border-bottom:	-webkit-box-shadow: 0px 4px 4px #3d3d3d;-moz-box-shadow: 0px 4px 4px #3d3d3d;box-shadow: 0px 4px 4px #3d3d3d;		z-index:2;}html.ie8 #slider-wrapper .container { border:4px solid #7eb4d7; }#slider-wrapper .camera_wrap { margin:0 !important; }@media (max-width: 480px) {	#slider-wrapper .camera_wrap { height:101px !important; }}#slider-wrapper .camera_caption {	width:530px;	height:1px;	position:absolute;	top:130px;	left:48px;}@media (min-width: 979px) and (max-width: 1200px) {	#slider-wrapper .camera_caption { top:80px; }}html.ie8 #slider-wrapper .camera_caption { top:80px; }@media (min-width: 768px) and (max-width: 979px) {	#slider-wrapper .camera_caption {		width:400px;		top:30px;	}}@media (max-width: 767px) {	#slider-wrapper .camera_caption {		width:250px;		top:10px;		left:30px;	}}#slider-wrapper .camera_caption div {	background:none;	padding:0;}#slider-wrapper .camera_caption strong {	display:block;	margin:0 0 -12px 0;	letter-spacing:-4px;	line-height:90px;	font-family:'Ubuntu', sans-serif;	font-size:90px;	font-weight:700;	text-shadow:1px 1px 0 rgba(0,0,0,0.2);	text-transform:uppercase;	color:#fff;}@media (min-width: 768px) and (max-width: 979px) {	#slider-wrapper .camera_caption strong {		margin:0 0 -8px 0;		line-height:70px;		font-size:70px;	}}@media (max-width: 767px) {	#slider-wrapper .camera_caption strong {		margin:0;		letter-spacing:-1px;		line-height:30px;		font-size:30px;	}}#slider-wrapper .camera_caption em {	display:block;	margin:0 0 9px 0;	letter-spacing:-2px;	line-height:36px;	font-family:'Ubuntu', sans-serif;	font-size:36px;	font-weight:700;	font-style:normal;	text-shadow:1px 1px 0 rgba(0,0,0,0.2);	text-transform:uppercase;	color:#fff;}@media (min-width: 768px) and (max-width: 979px) {	#slider-wrapper .camera_caption em {		line-height:30px;		font-size:30px;	}}@media (max-width: 767px) {	#slider-wrapper .camera_caption em {		line-height:20px;		font-size:20px;	}}#slider-wrapper .camera_caption p {	line-height:18px;	font-family:'Ubuntu', sans-serif;	font-size:13px;	font-weight:700;	font-style:normal;	text-shadow:1px 1px 0 rgba(0,0,0,0.2);	text-transform:uppercase;	color:#fff;}@media (max-width: 767px) {	#slider-wrapper .camera_caption p {		line-height:14px;		font-size:10px;	}}@media (max-width: 480px) {	#slider-wrapper .camera_caption p { display:none; }}#slider-wrapper .camera_pag {	position:absolute;	left:48px;	bottom:35px;}@media (max-width: 767px) {	#slider-wrapper .camera_pag {		left:30px;		bottom:10px;	}}#slider-wrapper .camera_pag ul li {	background:url(images/pagination.png) no-repeat 0% 0%;	display:inline-block;	width:14px;	height:14px;	max-height:14px;	margin:0 4px 0 0;	vertical-align:top;}#slider-wrapper .camera_pag ul li.cameracurrent { background-position:0% -14px; }#slider-wrapper .camera_pag ul li:hover { background-position:0% -14px; }#slider-wrapper .camera_pag ul li span { display:none; }#slider-wrapper .camera_thumbs {	position:absolute;	right:48px;	top:29px;}#slider-wrapper .camera_thumbs .camera_thumbs_cont {	background:none;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;}#slider-wrapper .camera_thumbs .camera_thumbs_cont ul { padding:0; }#slider-wrapper .camera_thumbs .camera_thumbs_cont ul li img { margin:0; }#slider-wrapper .camera_next {	margin:0;	top:auto;	right:48px;	bottom:26px;}#slider-wrapper .camera_commands {	margin:0;	top:auto;	right:89px;	bottom:26px;}#slider-wrapper .camera_prev {	margin:0;	top:auto;	right:130px;	bottom:26px;	left:auto;}.content-holder {letter-spacing:0.3px;background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(63%, rgba(255,255,255,1)), color-stop(90%, rgba(239,241,246,1)), color-stop(100%, rgba(233,236,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ecf2', GradientType=0 );min-height: 100%;	width:100%;	overflow:hidden;	margin:0;	padding:15px 0 16px 0;}@media (max-width: 767px) {	.content-holder {		width:auto;		padding:15px 20px 16px 20px;	}}body.home .content-holder { padding:0 0 16px 0; }@media (max-width: 767px) {	body.home .content-holder { padding:0 20px 16px 20px; }}.content-holder #content { padding-top:37px; }#sidebar { padding-top:37px; }#sidebar ul {	margin:0;	padding:0;}#sidebar ul li {	background:url(images/marker.png) no-repeat 0% 19px;	margin:0;	padding:15px 0 16px 19px;	list-style:none;	line-height:18px;	font-size:13px;	font-weight:400;	border-top:1px solid #ddd;	color:#72aad0;}#sidebar ul li:before { display:none; }#sidebar ul li:first-child { border:none; }#sidebar ul li a {	text-decoration:none;	color:#72aad0;}#sidebar ul li a:hover {	text-decoration:none;	color:#4c4c4c;}#sidebar ul li ul {	margin:15px 0 -16px 0;	border-top:1px solid #ddd;}#sidebar ul.social li {	background:none;	padding-left:0;	line-height:36px;}#sidebar ul.social li .social_ico { margin:0 10px 0 0; }.box {	background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%;	position:relative;	margin:0 0 16px 0;	padding:39px 0 52px 0;}.box:before {	background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%;	width:100%;	height:100%;	overflow:hidden;	position:absolute;	top:0;	left:-100%;	content:'';}.box:after {	background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%;	width:100%;	height:100%;	overflow:hidden;	position:absolute;	top:0;	right:-100%;	content:'';}.service-box {	background:none;	margin:0 0 75px 0;	padding:0;	border:none;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;	-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;}@media (min-width: 768px) and (max-width: 979px) {	.service-box { margin:0 0 35px 0; }}@media (max-width: 767px) {	.service-box { margin:0 0 35px 0; }}.service-box:hover h2 { color:#72aad0; }.service-box.extra { margin:0; }@media (max-width: 767px) {	.service-box.extra { margin:0 0 35px 0; }}.service-box .icon {	float:left;	margin:0 13px 0 0;}@media (min-width: 768px) and (max-width: 979px) {	.service-box .icon {		float:none;		margin:0 0 13px 0;	}}.service-box h2 {	margin:0 0 -4px 0;	padding:6px 0 0 0;	letter-spacing:-1px;	line-height:34px;				text-transform:uppercase;	}@media (min-width: 979px) and (max-width: 1200px) {	.service-box h2 {		padding:0;		line-height:24px;		font-size:18px;	}}html.ie8 .service-box h2 {	padding:0;	line-height:24px;	font-size:18px;}@media (min-width: 768px) and (max-width: 979px) {	.service-box h2 {		padding:0;		line-height:24px;		font-size:18px;	}}@media (max-width: 767px) {	.service-box h2 { padding:0; }}@media (max-width: 480px) {	.service-box h2 {		margin:0;		padding:6px 0 0 0;		line-height:16px;		font-size:16px;	}}.service-box .service-box_txt {	margin:0;	line-height:21px;	font-size:13px;	color:#767575;}@media (min-width: 979px) and (max-width: 1200px) {	.service-box .service-box_txt {		line-height:18px;		font-size:12px;	}}html.ie8 .service-box .service-box_txt {	line-height:18px;	font-size:12px;}@media (min-width: 768px) and (max-width: 979px) {	.service-box .service-box_txt {		line-height:18px;		font-size:12px;	}}@media (max-width: 480px) {	.service-box .service-box_txt {		line-height:18px;		font-size:11px;	}}.service-box .btn-align { text-align:left; }.service-box .btn-align a {	background:none;	height:auto;	margin:0;	padding:0;	border:none;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;	-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;	line-height:18px;	font-size:12px;	font-weight:700;	text-shadow:none;	text-transform:uppercase;	text-decoration:none;	color:#474747;}.service-box .btn-align a:focus {	background:none;	color:#474747;}.service-box .btn-align a:hover {	text-decoration:none;	color:#72aad0;}.carousel-wrap { margin:0 0 30px 0; }.carousel-wrap h2 {	margin-bottom:29px;	padding:0 0 25px 0;	border-bottom:1px solid #eee;}.carousel-wrap ul li { color:#7d7d7d; }.carousel-wrap ul li .framing {	background:#fff;	margin:0 0 19px 0;	padding:5px;	border:1px solid #ebebeb;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;}.carousel-wrap ul li .framing .featured-thumbnail { margin:0; }.carousel-wrap ul li .framing h5 {	background:#e6e6e6 url(images/title.gif) repeat-x 0% 0%;	margin:0;	padding:16px 18px 14px 18px;	letter-spacing:normal;	line-height:18px;	font-family:'Ubuntu', sans-serif;	font-size:12px;	font-weight:400;	text-transform:uppercase;	color:#63a9cd;}.carousel-wrap ul li .framing h5 a {	text-decoration:none;	color:#63a9cd;}.carousel-wrap ul li .framing h5 a:hover {	text-decoration:none;	color:#292929;}.carousel-wrap ul li p.excerpt { margin:0 0 19px 0; }.carousel-wrap span.es-nav-next {	background:url(images/next.png) no-repeat 0% 0%;	display:block;	width:10px;	height:15px;	overflow:hidden;	margin:0;	padding:0;	top:-73px;	right:0px;}.carousel-wrap span.es-nav-next:hover { background-position:0% -15px; }.carousel-wrap span.es-nav-prev {	background:url(images/prev.png) no-repeat 0% 0%;	display:block;	width:10px;	height:15px;	overflow:hidden;	margin:0;	padding:0;	top:-73px;	right:22px;}.carousel-wrap span.es-nav-prev:hover { background-position:0% -15px; }a.btn-primary {	background:url(images/button.gif) repeat-x 0% 0%;	display:inline-block;	height:42px;	overflow:hidden;	margin:0;	padding:0 21px 0 21px;	line-height:42px;	font-family:'Ubuntu', sans-serif;	font-size:13px;	font-weight:400;	border:none;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;	text-decoration:none;	color:#fff;}a.btn-primary:focus {	background:url(images/button.gif) repeat-x 0% 0%;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}a.btn-primary:hover {	background-position:0% -42px;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}.info_box {	background:#f1f3f4;	overflow:hidden;	padding:57px 50px 50px 49px;	border:1px solid #e9e8e8;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;}.info_box img {	background:none;	float:right;	margin:42px 0 0 81px;	padding:0;	border:none;}@media (min-width: 979px) and (max-width: 1200px) {	.info_box img {		width:50%;		height:auto;	}}html.ie8 .info_box img {	width:50%;	height:auto;}@media (min-width: 768px) and (max-width: 979px) {	.info_box img {		float:none;		margin:0 0 42px 0;	}}@media (max-width: 767px) {	.info_box img {		float:none;		margin:0 0 42px 0;	}}.info_box p { margin:0 0 15px 0; }.info_box p:first-child { margin:0; }.info_box strong {	display:block;	margin:0 0 4px 0;	padding:0;	letter-spacing:-1px;	line-height:34px;	font-family:'Ubuntu', sans-serif;	font-size:30px;	font-weight:700;	text-transform:uppercase;	color:#474747;}.info_box em {	display:block;	overflow:hidden;	margin:0;	padding:0 80px 0 0;	line-height:24px;	font-size:14px;	font-weight:700;	font-style:normal;	text-transform:uppercase;	color:#4a4a4a;}@media (min-width: 979px) and (max-width: 1200px) {	.info_box em { padding:0; }}html.ie8 .info_box em { padding:0; }@media (min-width: 768px) and (max-width: 979px) {	.info_box em { padding:0; }}@media (max-width: 767px) {	.info_box em { padding:0; }}@media (max-width: 480px) {	.info_box em {		line-height:20px;		font-size:12px;	}}div.list.custom-list {	overflow:hidden;	padding:1px 0 17px 0;}div.list.custom-list ul {	margin:0;	padding:0;}div.list.custom-list ul li {	background:url(images/marker.png) no-repeat 0% 19px;	margin:0;	padding:15px 0 16px 19px;	list-style:none;	line-height:18px;	font-size:13px;	font-weight:400;	border-top:1px solid #ddd;	color:#72aad0;}div.list.custom-list ul li:before { display:none; }div.list.custom-list ul li:first-child { border:none; }div.list.custom-list ul li a {	text-decoration:none;	color:#72aad0;}div.list.custom-list ul li a:hover {	text-decoration:none;	color:#4c4c4c;}div.list.custom-list ul li ul {	margin:15px 0 -16px 0;	border-top:1px solid #ddd;}.sm_hr {	background:#eee;	height:1px;	overflow:hidden;	margin:37px 0 17px 0;	padding:0;	line-height:0;	font-size:0;}ul.clients {	margin:0 !important;	padding:11px 0 0 0 !important;}@media (min-width: 979px) and (max-width: 1200px) {	ul.clients { padding:0 0 0 0 !important; }}html.ie8 ul.clients { padding:0 0 0 0 !important; }@media (min-width: 768px) and (max-width: 979px) {	ul.clients { padding:0 0 0 0 !important; }}ul.clients li {	display:inline-block;	margin:0 0 0 38px;	vertical-align:top;}@media (min-width: 979px) and (max-width: 1200px) {	ul.clients li { margin:0 38px 5px 0 !important; }}html.ie8 ul.clients li { margin:0 38px 5px 0 !important; }@media (min-width: 768px) and (max-width: 979px) {	ul.clients li { margin:0 38px 5px 0 !important; }}@media (max-width: 767px) {	ul.clients li { margin:0 38px 5px 0 !important; }}ul.clients li:first-child { margin:0; }ul.clients li .thumbnail {	background:none;	margin:0;	padding:0;	border:none;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;}ul.clients li h5 { display:none; }.spacer { height:28px; }ul.services li { margin-bottom:20px; }@media (max-width: 767px) {	ul.services li {		width:100%;		overflow:hidden;	}}ul.services li .thumbnail { margin:0 0 10px 0; }@media (max-width: 767px) {	ul.services li .thumbnail {		width:40%;		margin:0 20px 10px 0;	}}html.ie8 ul.services li .thumbnail img { max-width:inherit; }@media (max-width: 767px) {	ul.services li .clear { display:none; }}ul.services li h5 {	margin-bottom:10px;	line-height:18px;	font-size:12px;	text-transform:uppercase;	color:#63a9cd;}ul.services li h5 a {	text-decoration:none;	color:#63a9cd;}ul.services li h5 a:hover {	text-decoration:none;	color:#474747;}ul.team { padding:4px 0 0 0; }ul.team li {	margin-bottom:14px;	line-height:18px;	font-size:12px;	color:#7d7d7d;}@media (max-width: 767px) {	ul.team li {		width:100%;		overflow:hidden;	}}ul.team li .thumbnail { margin:0 0 18px 0; }@media (max-width: 767px) {	ul.team li .thumbnail { margin:0 20px 10px 0; }}html.ie8 ul.team li .thumbnail img { max-width:inherit; }@media (max-width: 767px) {	ul.team li .clear { display:none; }}ul.team li h5 {	margin:0 0 10px 0;	letter-spacing:normal;	line-height:18px;	font-size:12px;	text-transform:uppercase;	color:#63a9cd;}ul.team li h5 a {	text-decoration:none;	color:#63a9cd;}ul.team li h5 a:hover {	text-decoration:none;	color:#474747;}span.dropcap {	background:none;	float:left;	width:auto;	height:auto;	margin:5px 17px 10px 0;	padding:0 5px 0 0;	letter-spacing:-3px;	line-height:48px;	font-family:'Ubuntu', sans-serif;	font-size:48px;	font-weight:700;	color:#72aad0;}.testimonials { padding:0 0 0 7px; }.testimonials .testi-item {	background:url(images/quotes.png) no-repeat 0% 0%;	margin:0 0 30px 0;	padding:0 0 0 46px;}.testimonials .testi-item blockquote {	background:none;	margin:0;	padding:0;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;}.testimonials .testi-item blockquote:before, .testimonials .testi-item blockquote:after { display:none; }.testimonials .testi-item blockquote a {	text-decoration:none;	color:#7d7d7d;}.testimonials .testi-item blockquote a:hover {	text-decoration:none;	color:#474747;}.testimonials .testi-item small.testi-meta {	padding:10px 20px 0 0;	line-height:18px;	font-size:12px;	text-align:right;	text-transform:uppercase;	color:#63a9cd;}.footer {	background:url(images/footer.gif) repeat-x 50% 0%;	margin:0;	padding:35px 0 35px 0;	border:none;}@media (max-width: 767px) {	.footer { padding:35px 20px 35px 20px; }}@media (min-width: 768px) and (max-width: 979px) {	.footer h4 { font-size:16px; }}.footer ul {	margin:0;	padding:0;}@media (max-width: 767px) {	.footer ul { padding:0 0 20px 0; }}.footer ul li {	background:url(images/marker.gif) no-repeat 0% 7px;	margin:0 0 12px 0;	padding:0 0 0 10px;	list-style:none;	line-height:18px;	font-size:10px;	text-transform:uppercase;	color:#828890;}.footer ul li a {	text-decoration:none;	color:#828890;}.footer ul li a:hover {	text-decoration:none;	color:#242424;}.footer div.info {	margin:0 0 19px 0;	padding:9px 0 0 0;	line-height:18px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#797979;}@media (min-width: 768px) and (max-width: 979px) {	.footer div.info {		line-height:16px;		font-size:11px;	}}.footer div.info strong {	display:block;	position:relative;	margin:0 0 21px 0;	padding:0 0 0 30px;	font-weight:400;}@media (min-width: 768px) and (max-width: 979px) {	.footer div.info strong { padding:25px 0 0 0; }}.footer div.info strong:before {	background:url(images/icon_home.png) no-repeat 0% 0%;	display:block;	width:19px;	height:16px;	overflow:hidden;	position:absolute;	top:4px;	left:0;	content:'';}.footer div.info em {	display:block;	position:relative;	padding:0 0 0 35px;	font-style:normal;}@media (min-width: 768px) and (max-width: 979px) {	.footer div.info em { padding:25px 0 0 0; }}.footer div.info em:before {	background:url(images/icon_phone.png) no-repeat 0% 0%;	display:block;	width:20px;	height:20px;	overflow:hidden;	position:absolute;	top:2px;	left:0;	content:'';}.footer .footer-text {	width:100%;	overflow:hidden;	margin:0 0 22px 0;	line-height:18px;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	text-transform:uppercase;	color:#000;}@media (max-width: 767px) {	.footer .footer-text { text-align:left; }}.footer .footer-text strong {	display:block;	line-height:18px;	font-family:'Ubuntu', sans-serif;	font-size:18px;}.footer .footer-text strong a {	text-decoration:none;	color:#000;}.footer .footer-text strong a:hover {	text-decoration:none;	color:#72aad0;}.footer .footer-text a {	text-decoration:none;	color:#72aad0;}.footer .footer-text a:hover {	text-decoration:none;	color:#272727;}.footer ul.social li {	background:none;	display:inline-block;	margin:0 4px 0 0;	padding:0;	vertical-align:top;}.footer nav.footer-nav {	width:100%;	overflow:hidden;	margin:0;	padding:18px 0 0 0;}.footer nav.footer-nav ul { float:left; }.footer nav.footer-nav ul li {	background:none;	margin:0 14px 0 0;	padding:0;}.footer nav.footer-nav ul li.current-menu-item a {	text-decoration:none;	color:#242424;}.footer nav.footer-nav ul li a:hover {	text-decoration:none;	color:#242424;}#back-top-wrapper p#back-top { margin:0; }#back-top-wrapper p#back-top a { width:42px; }#back-top-wrapper p#back-top a:hover span { background-position:0% -42px; }#back-top-wrapper p#back-top a span {	background:url(images/up-arrow.png) no-repeat 0% 0%;	width:42px;	height:42px;	overflow:hidden;	margin:0;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}.thumbnail {	background:#fff;	padding:5px;	border:1px solid #ebebeb;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;	-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;}.title-section h1 { margin-bottom:5px; }.title-section ul {	background:none;	margin:0;	padding:0;	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;}.title-section ul li {	line-height:18px;	font-size:12px;	text-shadow:none;	color:#7d7d7d;}.title-section ul li.active { color:#72aad0; }.title-section ul li.divider {	line-height:0;	font-size:0;}.title-section ul li.divider:before {	display:inline-block;	margin:0 9px;	vertical-align:top;	line-height:18px;	font-size:12px;	color:#7d7d7d;	content:'|';}.title-section ul li a {	text-decoration:none;	color:#7d7d7d;}.title-section ul li a:hover {	text-decoration:none;	color:#72aad0;}.post_meta {	line-height:20px;	font-size:12px;	color:#7d7d7d;}.post_meta i { color:#72aad0; }.post_meta a {	text-decoration:none;	color:#7d7d7d;}.post_meta a:hover {	text-decoration:none;	color:#72aad0;}.post-author {	margin:0 0 60px 0;	padding:30px;	border:1px solid #e2e2e2;}.post-author h3 {	margin:0 0 18px 0;	letter-spacing:normal;	line-height:18px;	font-size:12px;	text-transform:none;	color:#7d7d7d;}.post-author h3 a {	text-transform:capitalize;	text-decoration:none;	color:#7d7d7d;}.post-author h3 a:hover {	text-decoration:none;	color:#72aad0;}.post-author p.post-author_gravatar {	background:none;	margin:5px 20px 0 0;}.post-author p.post-author_gravatar img {	background:none;	padding:0;	border:1px solid #e2e2e2;}.post-author .post-author_link p { margin:0; }.post-author .post-author_link p a {	text-transform:capitalize;	text-decoration:none;	color:#7d7d7d;}.post-author .post-author_link p a:hover {	text-decoration:none;	color:#72aad0;}.related-posts { margin:0 0 60px 0; }.related-posts h3 { margin:0 0 20px 0; }.related-posts ul li {	line-height:18px;	font-size:12px;	text-transform:uppercase;	color:#63a9cd;}.related-posts ul li a {	text-decoration:none;	color:#63a9cd;}.related-posts ul li a:hover {	text-decoration:none;	color:#474747;}ol.comment-list li .comment-body {	background:none !important;	border:1px solid #e2e2e2;}@media (max-width: 480px) {	ol.comment-list li .comment-body .extra-wrap { overflow:visible; }}ol.comment-list li .comment-body span.author {	line-height:18px;	font-size:12px;	font-weight:400;	text-align:left;	color:#7d7d7d;}@media (max-width: 480px) {	ol.comment-list li .comment-body span.author { color:#474747; }}ol.comment-list li .comment-body .reply { margin:0 0 0 60px; }ol.comment-list li .comment-body .reply a {	line-height:20px;	font-size:12px;	text-decoration:none;	color:#7d7d7d;}ol.comment-list li .comment-body .reply a:hover {	text-decoration:none;	color:#72aad0;}ol.comment-list li .comment-body .comment-meta {	line-height:20px;	font-size:12px;	color:#72aad0;}.cancel-comment-reply { padding:0 0 10px 0; }.wpcf7-form span.wpcf7-not-valid-tip { line-height:30px; }.wpcf7-form .ajax-loader { margin:11px 0 0 0; }.wpcf7-form .wpcf7-response-output {	-webkit-border-radius:0;	-moz-border-radius:0;	border-radius:0;}#portfolio-grid li .thumbnail { margin:0 0 20px 0; }.filter-wrapper { padding:0 0 15px 0; }.type-portfolio .thumbnail.large { margin:0; }ul.pager { margin-top:40px; }ul.pager li a {	background:url(images/button.gif) repeat-x 0% 0%;	display:inline-block;	height:42px;	overflow:hidden;	margin:0;	padding:0 21px 0 21px;	line-height:42px;	font-family:'Ubuntu', sans-serif;	font-size:13px;	font-weight:400;	border:none;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;	text-decoration:none;	color:#fff;}ul.pager li a:focus {	background:url(images/button.gif) repeat-x 0% 0%;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}ul.pager li a:hover {	background-position:0% -42px;	-webkit-transition:none;	-moz-transition:none;	-o-transition:none;	transition:none;}.grid_gallery figure.gallery_item {	background:none;	padding:0;	border:none;}@media (max-width: 767px) {	.error404-holder { text-align:center; }}.error404-holder .error404-holder_num { color:#63a9cd; }.error404-holder h4 {	letter-spacing:normal;	line-height:18px;	font-size:12px;	font-weight:400;	color:#63a9cd;}article.clients .thumbnail { display:none; }.clearfix { *zoom:1; }.clearfix:before, .clearfix:after {	display:table;	content:"";	line-height:0;}.clearfix:after { clear:both; }.hide-text {	font:0/0 a;	color:transparent;	text-shadow:none;	background-color:transparent;	border:0;}.input-block-level {	display:block;	width:100%;	min-height:28px;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;}

Edited November 12, 2013 by turkspartan

[DizzyDan]

Looks the same to me.

[davej]

I don't have IE8 so I can't tell you, but you can use conditionals to apply fixes for IE8.

 

See...

 

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

[turkspartan]

Looks the same to me.

Do you have IE8? I think its fine on other IE's.

 

I don't have IE8 so I can't tell you, but you can use conditionals to apply fixes for IE8.

 

See...

 

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Yeah but, I wouldn't even know where to begin since I don't know what is messing it up in the first place.

[davej]

Maybe you could look at...

 

IE Compatibility Modes

 

http://www.sitepoint.com/html5-shim-ie-emulation-mode/

[turkspartan]

Maybe you could look at...

 

IE Compatibility Modes

 

http://www.sitepoint.com/html5-shim-ie-emulation-mode/

Thank you so much for trying to help, but

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />in the header wont help. It made no difference at all.I really need help here and don't know what to do :'(

[dsonesuk]

You don't need any more conditional statements, your page already sets up for ie8 on html tag, to identify a class to use for IE8 only.

 

<!-- [if IE 8 ]><html class="ie ie8" lang="en-US"> <![endif] -->

 

Quick look, in theory all you have to do is add

html.ie.ie8 .container, html.ie.ie8 .navbar-static-top .container, html.ie.ie8 .navbar-fixed-top .container, html.ie.ie8 .navbar-fixed-bottom .container

and maybe also

html.ie.ie8 .span12

[turkspartan]

 

You don't need any more conditional statements, your page already sets up for ie8 on html tag, to identify a class to use for IE8 only.

 

<!-- [if IE 8 ]><html class="ie ie8" lang="en-US"> <![endif] -->

 

Quick look, in theory all you have to do is add

html.ie.ie8 .container, html.ie.ie8 .navbar-static-top .container, html.ie.ie8 .navbar-fixed-top .container, html.ie.ie8 .navbar-fixed-bottom .container

and maybe also

html.ie.ie8 .span12

Thanks for the reply, but I am not sure if I understand. Do I add this into the css file? I did that and nothing changed. I don't know if I have to put it anywhere specific

[dsonesuk]

In css stylesheet bootstrap.css, under

.container {width:940px;}

add

html.ie.ie8 .container, html.ie.ie8 .navbar-static-top .container, html.ie.ie8 .navbar-fixed-top .container, html.ie.ie8 .navbar-fixed-bottom .container, html.ie.ie8 .span12{width: 1170px;}

[turkspartan]

Thanks for the response, but still no luck. It had no effect.

[davej]

Hmmm... so it is using inline css to assign a class to the html tag...

<!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6" lang="en-US"> <![endif]--><!--[if IE 7 ]><html class="ie ie7" lang="en-US"> <![endif]--><!--[if IE 8 ]><html class="ie ie8" lang="en-US"> <![endif]--><!--[if IE 9 ]><html class="ie ie9" lang="en-US"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en-US"> <!--<![endif]--><head>

[dsonesuk]

Well i added it in using crappy IE developer tools (i mean it really is crap) , and it worked first time, are you sure you are amending the correct bootstrap.css from the correct theme?