/* CSS Document */
body{ padding:0; margin:0; font:normal 12px/14px Georgia, 'Times New Roman', Times, serif; color:#191919; font-style:italic;#ffffff}
a{ padding:0; margin:0; text-decoration:underline; color:#1a1a1a; font-size:12px; line-height:14px;}
a:hover{ text-decoration:none;}


div,span,p,img,a,ul,ol,li,em,strong,ins,hr,form,fieldset,legend,label,input,select,textarea,h1,h2,h3,h4,h5,h6,table,tr,td{ padding:0; margin:0;}
a img{ border:none;}
.clear{ padding:0; margin:0; line-height:0; font-size:0; height:0; clear:both;}
.mid-normaltxt{ font-size:14px; font-style:normal; line-height:14px; padding:0 0 14px 0;}
a.normal-link{ padding:0; margin:0; text-decoration:underline; font-size:12px; line-height:14px; font-style:normal;}
a.normal-link:hover{ text-decoration:none;}

.background-home{ width:95%; padding:0 0 30px 49px; margin:0; background:#ffffff url(../uploaded/background_image/4c2dee65f2934_blank.gif) left top no-repeat; }
.container{ width:951px; padding:0 0 0 0; margin:0;}
.left-block{ width:175px; float:left; display:block; padding:33px 0 0 0; margin:0;}
.right-block{ width:776px; float:left; display:block; padding:0; margin:0;}

.navigation { width:175px; padding:0; margin:0;}
.navigation ul { padding:0; margin:0; list-style-type:none}
.navigation ul li { list-style-type:none;}
.navigation ul li a { background-image:url(../images/nav.png); background-repeat:no-repeat; display:block; margin:0; padding:0;}
.navigation ul li a:hover { color:black; text-decoration:line-through;}
.navigation ul li ul {border:#ff0000 0px solid; padding:5px 0 5px 0; display:none}
.navigation ul li ul.display {border:#ff0000 0px solid; padding:5px 0 5px 0; display:block}
.navigation ul li ul li { list-style-type:none; font-size:12px;}
.navigation ul li ul li a { color:black; text-decoration:none; display:block; padding:1px 0 1px 0; background-image:none}
.navigation ul li ul li a:hover { color:black; text-decoration:line-through}
.navigation ul li ul li a.active { color:black; text-decoration:line-through}

.navigation ul li ul li ul {border:#ff0000 0px solid; padding:5px 0 5px 0; display:none}
.navigation ul li ul li ul.display {border:#ff0000 0px solid; padding:0 0 0 8px; display:block}
.navigation ul li ul li ul li { list-style-type:none; font-size:12px;}
.navigation ul li ul li ul li a { color:black; text-decoration:none; display:block; padding:1px 0 1px 0; background-image:none}
.navigation ul li ul li ul li a:hover { color:black; text-decoration:line-through}
.navigation ul li ul li ul li a.active { color:black; text-decoration:line-through}

.navigation ul li ul.arrow {border:#ff0000 0px solid; padding:5px 0 5px 0}
.navigation ul li ul.arrow li { list-style-type:none; font-size:12px;}
.navigation ul li ul.arrow li a { color:black; text-decoration:none; display:block; padding:1px 0 1px 0; background-image:url(../images/nav.png); background-repeat:no-repeat; background-position:-344px -188px}
.navigation ul li ul.arrow li a:hover { color:black; text-decoration:line-through; background-position:-1364px -1188px}
.navigation ul li ul.arrow li a.active { color:black; text-decoration:line-through; background-position:-364px -188px}


.navigation ul li a.logo { width:130px; height:44px; display:block; background-position:-190px 0; margin:0 0 17px 0}
.navigation ul li a.branding { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -60px}
.navigation ul li a.print { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -85px}
.navigation ul li a.web { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -110px}
.navigation ul li a.about { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -135px}
.navigation ul li a.news { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -160px}
.navigation ul li a.contact { width:130px; height:23px; margin:0 0 2px 0; padding:0; display:block; background-position:-190px -185px}



.no-display{ display:none;}
.white-infopan{ width:420px; padding:64px 0 64px 0; margin:0; background:#ffffff;}
.overview-arrow{ width:336px; padding:0 41px 0 42px; margin:0; background:url(../images/white-arrow.gif) left 143px no-repeat;}
.testimonials-arrow{ width:336px; padding:0 41px 0 52px; margin:0; background:url(../images/white-arrow.gif) left 165px no-repeat;}
.jobs-arrow{ width:336px; padding:0 41px 0 52px; margin:0; background:url(../images/white-arrow.gif) left 228px no-repeat;}


.white-infopaninside{ width:336px; padding:0 41px 0 41px; margin:0;}
.white-infopaninsidebig{width:716px; padding:0 24px 0 23px; margin:0;}
.white-infopaninsidebig2{ width:562px; padding:0 102px 0 100px; margin:0;}




.white-infopanbig{ width:764px; padding:64px 0 64px 0; margin:0; background:white;}
.clients-arrow{ width:562px; padding:0 102px 0 100px; margin:0; background:url(../images/white-arrow.gif) left 160px no-repeat;}
.latestnews-arrow{width:716px; padding:0 24px 0 23px; margin:0;}
.border-info{ width:716px; padding:0 0 45px 0; margin:0; border-bottom:1px solid black; position:relative;}
.lnews {width:128px; margin:0 auto; background:url(../images/news-latest.gif) no-repeat; height:97px; font: normal 12px/105px Arial, Helvetica, sans-serif; color:#040404; text-transform:uppercase; letter-spacing:4px; position:relative}
.lnews img { position:absolute; right:-30px; top:3px;}
.contactdetails-arrow{width:336px; padding:0 41px 0 52px; margin:0; background:url(../images/white-arrow.gif) left 198px no-repeat;}








h1{ padding:65px 0 18px 0; margin:0; color:#262626; font-size:20px; font-style:normal; text-align:center; line-height:20px; font-weight:normal;}
h1 a{ color:#262626; font-size:20px; text-decoration; underline}
h1 a:hover{ color:#262626; font-size:20px; text-decoration; none}
h2{ padding:20px 0 10px 0; margin:0; font-size:24px; color:#000000; font-style:normal; text-align:center; line-height:24px; font-weight:normal;}
h2 a {padding:20px 0 10px 0; margin:0; font-size:24px; color:#000000; font-style:normal; text-align:center; line-height:24px; font-weight:normal; text-decoration:none}
h2 a:hover { text-decoration:none}
h3{padding:0 0 18px 0; margin:0; color:#000000; font-size:20px; font-style:normal; line-height:20px; font-weight:normal;}
h3 a{ color:#000000; font-size:20px; text-decoration; underline}
h3 a:hover { text-decoration:none}

.logo-boxes{ width:79px; float:left; display:block; padding:0 41px 44px 0; margin:0;}
.logo-boxeslast{ width:79px; float:left; display:block; padding:0 0 44px 0; margin:0;}


.all-smallinfo{ width:336px; padding:65px 0 0 0; margin:0;}
.all-smallinfo2{ width:336px; padding:45px 0 0 0; margin:0;}
.small-infobox{ width:292px; padding:0 0 20px 0; margin:0 auto 26px auto; border-bottom:1px solid black; text-align:center}
.small-infoboxlast{ width:292px; padding:0 0 0 0; margin:0 auto 26px auto; border-bottom:0px solid black; text-align:center}

.next-prev{ width:716px; padding:14px 0 5px 0; margin:0; background:url(../images/star-end.png) center 14px no-repeat;height:10px;}
.gen-left{ float:left; display:block; padding:0; margin:0; width:auto;}
.gen-right{ float:right; display:block; padding:0; margin:0; width:auto;}

.info-block{ width:716px; padding:0 0 25px 0; margin:0 0 24px 0; background:url(../images/star-end.png) center bottom no-repeat; }
.big-newsimg{ width:716px; padding:0; margin:0; position:relative}


.map-con{ width:284px; position:relative; padding:0; margin:0;}

.map-box{ width:110px; background:url(../images/white-belowarrow.gif) center bottom no-repeat; padding:0 0 9px 0; margin:0; display:block; position:absolute; top:235px; left:320px; } 
.map-boxin{ width:110px; background:url(../images/star-end.png) center 50px no-repeat white; padding:13px 0 37px 0; margin:0; display:block;}



.portfolio-block{ width:717px; padding:32px 0 0 44px; margin:0; }
.portfolio-bigimg{ width:717px; padding:0; margin:0;}
.portfolio-info{ width:719px; padding:16px 0 0 0; margin:0; background:url(../images/star-end.png) center bottom no-repeat; }
.portfolio-infoleft{ width:400px; padding:0 81px 120px 0; margin:0; float:left; display:block;}
.portfolio-inforight{ width:236px; padding:0 0 120px 0; margin:0; float:left; display:block; position:relative;}

.share-vertical { width:266px; position:absolute; z-index:100; right:0; bottom:135px;}
.share-vertical div.top { background:url(../images/share-top.png) no-repeat; height:7px;}
.share-vertical div.bg { background:url(../images/share-bg.png) repeat-y; height:auto; padding:10px 20px 10px 25px}
.share-vertical div.bg p { margin:0; padding:0}
.share-vertical div.bg p.icons img { padding:0 0 0 0; margin:0 12px 0 0}
.share-vertical div.bg .title-share { background:url(../images/share-text.gif) no-repeat left 10px; padding:10px 0 15px 0; margin:0; text-align:right}
.share-vertical div.bg p.title-friend { background:url(../images/send-to-friend.gif) no-repeat; padding:10px 0 10px 0; margin:20px 0 20px 0}
.share-vertical div.bg form, fieldset, label { margin:0; padding:0; border:0px;}
.share-vertical div.bg form input { margin:0 0 8px 0; padding:2px; width:206px; border:0px; background:#f4f4f4; color:#9d9d9d; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:italic}
.share-vertical div.bg form a.send { margin:0 0 8px 175px; padding:0; text-align:right; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:normal; text-transform:uppercase}

.share-vertical div.bg form textarea { margin:0 0 8px 0; padding:2px; width:206px; border:0px; background:#f4f4f4; color:#9d9d9d; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:italic}
.share-vertical div.bottom { background:url(../images/share-bottom.png) no-repeat; height:13px;}

.share-horizontal { width:585px; position:absolute; z-index:100; left:0; bottom:-190px;}
.share-horizontal div.top { background:url(../images/share-top-h.png) no-repeat bottom; height:13px;}
.share-horizontal div.bg { background:url(../images/share-bg-h.png) repeat-y; height:auto; padding:10px 20px 10px 25px}
.share-horizontal div.bg p { margin:0; padding:0}
.share-horizontal div.bg .title-share { background:url(../images/share-friend-txt.gif) no-repeat left 10px; padding:10px 0 15px 0; margin:0 0 10px 0; text-align:right}
.share-horizontal div.bg .leftfloat { width:122px; float:left; display:block; border-right:black 1px solid}
.share-horizontal div.bg .leftfloat img { margin:0 10px 10px 0}
.share-horizontal div.bg .rightfloat { width:400px; float:left; display:block}

.share-horizontal div.bg form, fieldset, label { margin:0; padding:0; border:0px;}
.share-horizontal div.bg form { margin:0 0 0 22px}
.share-horizontal div.bg form fieldset { float:left; width:170px; margin:0 0 0 8px}
.share-horizontal div.bg form input { margin:0 0 8px 0; padding:2px; width:168px; border:0px; background:#f4f4f4; color:#9d9d9d; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:italic}
.share-horizontal div.bg form a.send { margin:0 0 8px 136px; padding:0; text-align:right; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:normal; text-transform:uppercase}
.share-horizontal div.bg form textarea { margin:0 0 8px 0; padding:2px; width:168px; border:0px; background:#f4f4f4; color:#9d9d9d; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-style:italic}
.share-horizontal #result { padding:0 0 0 30px}
.share-vertical #result { padding:0 0 0 0; text-align:left}

.share-horizontal div.bottom { background:url(../images/share-bottom-h.png) no-repeat; height:9px;}




.number-listing{ padding:0 0 10px 0; float:right; margin:0 0 0 0; width:100%; border:#ff0000 0px solid; text-align:right;}
.number-listing ul{ padding:0; margin:0; list-style-type:none;}
.number-listing ul li{ padding:0 4px 0 0; margin:0; display:inline; width:auto; }
.number-listing ul li.last{ padding:0 0 0 0; margin:0; }
.number-listing ul li a{ padding:0; margin:0; font-size:17px; font-weight:normal; line-height:17px; text-decoration:none; font-style:italic;}
.number-listing ul li a:hover{ text-decoration:line-through;}
.number-listing ul li a.active{ text-decoration:line-through;}
.number-listing ul li a.current{ text-decoration:line-through;}

ul.normal-listing{ padding:0 0 30px 0; margin:0; list-style-type:none;}
ul.normal-listing li{ padding:0 0 3px 0; margin:0; text-align:right;}
ul.normal-listing li a{ padding:0; margin:0; font-size:12px; font-style:italic; font-weight:normal; text-decoration:none;}
ul.normal-listing li a:hover{ text-decoration:line-through;}
ul.normal-listing li a.active{ text-decoration:line-through;}


.border{ border-top:1px solid black; padding:0 0 30px 0; margin:0;}








#mid {
	width: 717px;
	padding:0;
	margin:0;
	border:0px solid red;
}

#mid.index {
	background:none;
}

#mid.single {
	background:none;
}

#mid.archive {
	background: none;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width:717px;
	margin: 0px auto;

	
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 717px;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 717px; /* Also specified in  .stripViewer  above */
}


.stripNavL { position:absolute; padding:0; margin:0; left:0; top:250px; }

.stripNavR { position:absolute; padding:0; margin:0; right:0; top:250px;}

.panel, .panel-single {
	font-family: Georgia;
	color: #efefef;
	position: relative; 
	display: block; 
	width: 717px;
}

.panel-single {
	height: 300px;
	margin: 0px auto;
	padding-top: 10px;
}

.wrapper-archive {
	width: 270px;
	height: 240px;
	padding: 10px;
	margin: 0 10px 10px 10px;
	display: block;
	position: relative;
	float: left;
}

.wrapper-archive .post-title {
	font-size:16px;
}

.post-title, .post-title-single {
	padding: 15px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	font-size:16px;
	font-weight: normal;
	background: black;
	display:block;

}

.post-title a, .post-title-single a, .entry a {
	color: #efefef;
	text-decoration: none;
}

.portimg:hover{
cursor:pointer;

}

.post-title-single {
	top: 30px;
}