body{ font-family: calibri, "trebuchet MS", Arial, sans-serif; font-size:62.5%; margin:0 0; background: url(img/sp-bg.png) 0 -427px repeat-x;}
h1, h2, h3, h4, h5, h6, p {margin:0 0; padding:0 0;}
a { color:#000; text-decoration:none}
img{ width: 100%; height: 100%; border:none;}
input:focus, textarea:focus, select:focus{
    box-shadow: 0 0 5px #f99!important;
    -webkit-box-shadow: 0 0 5px #f99!important;
    -moz-box-shadow: 0 0 5px #f99!important;
 border-color:#39f!important;
}

#wrap { width:100%; margin:0 auto;}
#hdrCont{ width:100%; float:left; margin-bottom: 15px;}
#header { max-width:800px; padding: 10px 0 0; margin:0 auto }
#mLogo { width:148px; float:left; margin-left: 10px}
#mLogo a { width:148px; height: 52px; float:left; background:url(img/sp-logo.png) 0 -81px no-repeat;}
#mMenu { width: auto; height:11px; float:right; padding: 27px 0; margin:0 0 ; font-size:1.6em;}
#mMenu ul { list-style-type: none; padding: 0; margin: 0;}
#mMenu ul li { float: left; margin: 0 7px 15px 7px;}
#mMenu a { float:left;}
#mMenu a span { width: 11px; height: 11px; float: left; background:url(img/sp-mmenu.png) no-repeat; background-position: 0 0;}
#mMenu a:hover span { background-position: -21px 0;}
#mMenu a strong { padding:6px 0px; margin-left: 6px; float: left; background:url(img/sp-mmenu.png) no-repeat;}
#mMenu a.mHome strong { width: 52px; background-position: -41px 0;}
#mMenu a.mServ strong { width: 82px; background-position: -100px 0;}
#mMenu a.mFolio strong { width: 95px; background-position: -189px 0;}
#mMenu a.mContct strong { width: 105px; background-position: -290px 0;}
#mMenu .menuDrop { display: none;}

#contentCont { width:100%; float: left;}
#content { max-width: 800px; margin: 0 auto;}
#innerCont { max-width:800px; float: left; padding: 0 0 10px;}
#mSlider { width:960px; height: 336px; background: #333;}
#sldArowL, #sldArowR{ width:49px; height:336px; float:left; background:url("img/sp-bg.png") 0 0 repeat-x;}
#sldArowR a { width: 48px; height: 336px; float: left;cursor: pointer; background: url("img/arow-r.png") no-repeat scroll 16px 148px transparent;}
#sldArowL a { width: 48px; height: 336px; float: left;cursor: pointer; background: url("img/arow-l.png") no-repeat scroll 10px 148px transparent;}
#sldArowL img, #sldArowR img { margin:147px 13px 0; cursor: pointer;}
#sldCont { width:862px; height:336px; float:left; background:url(img/bg-slider-d.gif) repeat;}
#sldCont ul { list-style-type: none; margin: 0; padding: 0;}
#sldCont li { width: 862px; padding: 0 auto;}
#sldCont li img { margin:0 auto;}
.sldShdo { max-width:960px; height:48px; margin:0 auto; clear:both;}

#bCont { width:100%; float:left; margin: 25px auto 0;}
.bSec { width:100%; margin:0 auto; padding:0 0 40px; float: left;}
.sec { width:29%; float:left; padding:5px 1%; margin: 0 1%; color:#797979;}
.sec img { width: 91px; height: 91px; float:left; margin: 0 10px 10px 0;}
.sec h2 { font-size: 1.8em;}
.sec p { line-height: 15px;}

#fCont { width:100%; height:55px; padding-top: 20px; float:left; border-bottom:3px solid #ec1f27; background:url(img/sp-bg.png) 0 -357px repeat-x;}
#footer { max-width:940px; height:46px; padding: 0 10px; margin:0 auto; }
.fCopyR { float:left; }
.fCopyR p { font-size:1.2em; font-weight:bold; padding: 0 0; margin:9px 0; color:#333; color:#797979;}
.socioIco { width:86px; float:right}
.socioIco a { width: 38px; height: 38px; float:left; margin-left: 5px; background:url(img/sp.png) no-repeat;}
.socioIco .icoFb { background-position: -43px -627px;}
.socioIco .icoTw { background-position: 0px -627px;}
.socioIco .icoFb:hover { background-position: -127px -627px;}
.socioIco .icoTw:hover { background-position: -84px -627px;}

.mater { width: 42%; float:left; margin: 80px 1% 0;}
.mater strong { font-size: 2em; font-weight:bold; color:#727272}
.mater h3 { font-size: 1.6em; color:#ec1f27; font-style:normal;}
.mater p { font-size: 1.6em; padding:10px 0 0;}
.mater .phoneNo { width: 131px;}
.mater .emailAdd { width: 121px;}
.mater ul { list-style-type: square; font-size: 1.6em; margin: 10px 0 0; padding: 0 0 0 20px;}
.frmSec { width: 56%; float: left;}
.frm { width: 94%; float: left; padding: 15px 3%; background:url(img/bg-slider-d.gif)}
.fshdo { width: 100%;}
.frmRow { width: 100%; float: left; margin: 0 0 10px;}
.frmRow input { width: 97%; float:right; padding: 5px; border: none; background:#d9d9d9;}
.frmRow textarea { width: 97%; float:right; margin: 0 0 10px; padding:5px; border: none; background:#d9d9d9;}
.lable { width: 100%; float:left; text-align: left;}
.lable label { width: auto; float: left; color:#fff; font-size: 1.7em;  margin:3px 0; font-weight: normal}
.lable img { width: 6%; margin:0 0 0 3%; float: left; color:#ec1f27;}
input.sndMail { width: 100%; float:right; background:#ec1f27; font-size:1.8em; border:none; color:#fff; cursor: pointer;}
input.sndMail:hover { color: #fff; background: #c61a20;}

#folioMenu { max-width:800px; padding: 0; margin: 0 auto;}
.folioTabs { width: 414px; height:41px; margin: 0 auto;}
.folioTabs a { float:left; width:134px; height:35px; margin: 6px 2px 0; background:url(img/sp.png); -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear; transition: .2s all linear;}
.folioTabs a:hover { height:41px; margin: 0 2px;}
.folioTabs a.tabWeb{ background-position: center -473px;}
.folioTabs a.tabLogo{ background-position: center -524px;}
.folioTabs a.tabBan{ background-position: center -575px;}
.folioTabShdo { width:100%; height: 13px;}
.folioTabShdo img { margin-top: -13px;}

#folioCont, #logoCont, #banrCont { max-width: 800px; float:left; padding: 0;}

#folioCont div { width: 46%; padding:15px 2%; float:left;}
#logoCont div { width:29%; padding:10px 2%; float:left;}
#banrCont div { width:46%; padding:10px 2%; float:left;}

	#folioCont div img,
	#logoCont div img,
	#banrCont div img {
		width: 97%;
		border: 5px solid #fff;
-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=50, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=50, Color='#000000');	}
	#folioCont div a:hover img,
	#logoCont div a:hover img,
	#banrCont div a:hover img {	border: 5px solid #fff;	color: #fff;}
	
	#folioCont div a:hover,
	#logoCont div a:hover,
	#banrCont div a:hover { color: #fff; }

.srvCont { max-width: 800px; float: left; padding: 0;}
.srvCont ul { list-style-type: none; margin: 0; padding:0;}
.srvCont ul li { width: 100%; height: auto; float: left; text-align: left; background:url(img/sp-services.png) repeat-x; opacity:0.4; filter:alpha(opacity=40)0.4;}
.srvCont ul li:hover { background:url(img/sp-services.png) repeat-x; opacity:0.6; filter:alpha(opacity=60);}
.srvCont ul li.active { background:url(img/sp-services.png) repeat-x; opacity:1; filter:alpha(opacity=100);}
.srvCont ul li:hover .active { background:url(img/sp-services.png) repeat-x; opacity:1; filter:alpha(opacity=100);}
.srvCont ul li a { width: 100%; height: 118px; float: left; padding:10px 0;}
.srvCont ul li a span { width: 96%; height: 46px; float:left; margin: 0 2%; background:url(img/sp.png) no-repeat; opacity:1; filter:alpha(opacity=100);}
.srvCont ul li.srvWeb { background-position: center 0;}
.srvCont ul li.srvPrint { background-position: center -450px;}
.srvCont ul li.srvLogo { background-position: center -770px;}
.srvCont ul li.srvAdv { background-position: center -1090px;}
.srvCont ul li.srvCorp { background-position: center -1415px;}

.srvCont ul li.active a:hover { background: none;}
.srvCont ul li.srvWeb a span { background-position: -64px 4px;}
.srvCont ul li.srvWeb a.active span { background-position: -64px -37px;}
.srvCont ul li.srvPrint a span { background-position: -50px -79px;}
.srvCont ul li.srvPrint a.active span { background-position: -50px -120px;}
.srvCont ul li.srvLogo a span { background-position: -57px -160px;}
.srvCont ul li.srvLogo a.active span { background-position: -57px -201px;}
.srvCont ul li.srvAdv a span { background-position: -1px -244px;}
.srvCont ul li.srvAdv a.active span { background-position: -1px -286px;}
.srvCont ul li.srvCorp a span { background-position: -15px -341px;}
.srvCont ul li.srvCorp a.active span { background-position: -15px -403px;}
.srvCont ul li .srvList { width: 100%; float: left;}
.srvCont ul li .srvList ul { list-style-type: square; margin: 0; padding: 0 0 0 25px;}
.srvCont ul li .srvList ul li { width: 33%; height: auto; margin: 2px 0; color: #000; background: none;}
.srvCont ul li.active .srvList ul li { height: auto; margin: 2px 0; color: #000; opacity:1; font-size: 1.3em; filter:alpha(opacity=100);}
.srvCont ul li:hover .srvList ul li { opacity:.25; filter:alpha(opacity=25);}
.srvCont ul li:hover .active .srvList ul li { opacity:1; filter:alpha(opacity=100);}