body {text-align: center; background: url("../images/BodyBG.png") #111 repeat-x;}
.wrapper {position: relative;width: 800px;font-size: 0.9em;margin: 0 auto -75px;text-align: left;}
.header {height: 150px;background: url(header.png) no-repeat;}
h1 {display: none; padding:0; margin:0;}
h2 {float:left; padding:0; margin:0;}
p {color: #fff;font-size: 14px; font-family:Arial, Helvetica, sans-serif; padding-left:20px;padding-right:20px}
.download {position: absolute;right: 0;top: 160px;}
/*Footer designs*/
.footer {position: relative;width: 100%;background: url("../images/bg_bottom.gif") repeat-x;}
.footer .foot {position: relative;width: 800px;margin: 0px auto;color: #010101;font: 0.8em arial,sans-serif;text-align: left; padding: 20px}
.footer .footfat {position: absolute;width: 400px; float:left; color: #010101;text-align: left; margin-top: 15px}
/*Header Designs*/
#header{height:150px;width:800px;margin:0 auto}
#header #logo{float:left;height:150px;width:234px;padding-left:10px;margin:0}
#header .slogan{margin-top:0;width:400px;float:right;margin-bottom:0;font:25px/1em "Trebuchet MS", Verdana, arial, sans-serif;clear:right;padding:0}
#chuckD #header #headerBgHolder{background:url(../img/style/header-en.jpg) no-repeat center;margin:0;padding:0}
.home #chuckD #header #headerBgHolder{background:url(../img/style/header-home-en.jpg) no-repeat center;margin:0;padding:0}
#header #forPrint{display:none}
#header #langswitch{height:40px;width:380px;float:right;margin-top: 50px; }
/*Main Menu Code*/
#menu-GR{width:800px;clear:both;margin:0 auto}
.lavaLampWithImage {position: relative;height: 38px;width: 800px;background: url("../images/MenuBG.png") repeat;overflow: hidden;margin:0;}
.lavaLampWithImage li {float: left;margin:0;padding:0;list-style: none;}
.lavaLampWithImage li a {font: bold 14px arial;text-decoration: none;color: #fff;outline: none;text-align: center;text-transform: uppercase;letter-spacing: 0;z-index: 10;display: block;float: left;height: 38px;position: relative;overflow: hidden;padding-top:10px; padding-left:24px; padding-right:24.85px}
.lavaLampWithImage li a:hover { color:#b42c3c; background: url("../images/lava.png") no-repeat top left;}
ul{margin:0; padding:0;}
li {list-style-position:inside; margin-left: 40px; font-size: 14px; color: #fff; font-family: Arial, Helvetica, sans-serif;}
.lavaLampWithImage li a .current{color:#b42c3c;background: url("../images/lava.png") no-repeat top left;}
/*---------Links-----------*/
a{border:none;text-decoration:underline;color: #fff;}
a:visited{text-decoration:none;border:none;color: #fff;}
.current{ color:#000;background: url("../images/lava.png") no-repeat top left;}
/*Main Content CSS*/

/*.prod-det-sum .sum-left{width:156px;float:left;clear:left;}
.prod-det-sum .sum-right{width:300px;float:right;clear:right;}*/
#prodcontentWrapper #prod-sub-menu-holder{width:175px;float:left; margin-bottom:0px; padding-left:8px; padding-right: 8px;}
#prodcontentWrapper #prod-sub-menu-holder p{width:0px; color:#fff; line-height:18px;text-indent:8px;font: bold 10px arial; font-weight:700;padding-top:5px; padding-bottom:2px; text-transform:uppercase;}
#prodcontentWrapper #prod-sub-menu-holder-bottom{width:175px;float:left;margin:0;padding:0;}
#prodcontentWrapper #prod-sub-menu-holder #prod-sub-menu ul{margin:0; padding:0;}
#prodcontentWrapper #prod-sub-menu-holder #prod-sub-menu li{list-style:none;height:10px;margin:0; padding-bottom:2px;margin-bottom:1px;}
#prodcontentWrapper #prod-sub-menu-holder #prod-sub-menu a{display:block;line-height:10px;text-indent:8px;letter-spacing:1px;font: bold 10px arial; font-weight:700;color:#fff; text-decoration:none;height:10px; text-transform:uppercase;}
#prodcontentWrapper #prod-sub-menu-holder #prod-sub-menu a:hover{display:block;line-height:10px;text-indent:8px;letter-spacing:1px;font: bold 10px arial; font-weight:700;color:#fff; text-decoration:underline;height:10px; text-transform:uppercase;}
#prodcontentWrapper{width:800px; padding-top: 20px; margin-top:20px; padding-bottom:20px; background: url("../images/SubMenBG22.jpg") #000 bottom repeat-x;}
#prodcontentWrapper .prod-det-sum h1{font-size:20px; padding-left:5px;border-bottom:2px solid #fff; line-height:25px; margin:0; }
#prodcontentWrapper .prod-det-sum p{color:#fff; font-family:arial, Helvetica; font-size:10px; padding:10px; margin-top:10px;}
#flashheader{ margin-top: 10px; padding-top:10px;}
/*scroller styles*/

#slide{background:#fff;width:760px; }
.rotatebanner{overflow: hidden;color:#990000;}
#scroller{margin: 0px auto; padding: 0pt; z-index: 1; left: -2400px; width: 5600px; list-style-type: none; position: absolute; display: block;}
.scrollist1{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home1.jpg") #333 repeat;}
.scrollist2{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home2.jpg") #333 repeat;}
.scrollist3{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home3.jpg") #333 repeat;}
.scrollist4{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home4.jpg") #333 repeat;}
.scrollist5{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home5.jpg") #333 repeat;}
.scrollist6{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home6.jpg") #333 repeat;}
.scrollist7{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home7.jpg") #333 repeat;}
.scrollist8{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home8.jpg") #333 repeat;}
.scrollist9{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/home9.jpg") #333 repeat;}
.services1{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/artwork.jpg") #333 repeat;}
.services2{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/cncrouting.jpg") #333 repeat;}
.services3{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/customercare.jpg") #333 repeat;}
.services4{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/design.jpg") #333 repeat;}
.services5{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/servcies/digitalprinting.jpg") #333 repeat;}
.services6{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/photosurvey.jpg") #333 repeat;}
.services7{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/prototyping.jpg") #333 repeat;}
.services8{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/sitesurvey.jpg") #333 repeat;}
.services9{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/techadvice.jpg") #333 repeat;}
.services10{overflow: hidden; float: left; width: 760px; height: 278px; margin:0px auto; background: url("../images/scrollingbanner/services/traditionalskills.jpg") #333 repeat;}
.leftscroll{overflow: hidden; float: right; width: 760px; text-align: right;}
.line_right{overflow: hidden;}
/*.transparency {opacity: 0.75;filter:alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;font-size:9px;}*/
.scroller{text-decoration:underline; color:#990000; font-weight:bold;}

/* CONTACT *********************************************************/

#form A{border:none; width:580px; margin: 0px auto}
div.contactintro { float: left; }
div.contactintro div.introcolumns div.introleft { float: left; width: 295px; }
div.contactintro div.introcolumns div.introright { float: right; width: 295px; }
div.contactform {float: right; margin: 4px 0 8px 0;padding: 12px;width: 580px !important;border: none;}
div.contactform fieldset div.contact { margin-bottom: 0; width: 545px;}
label { float: left; padding: 3px 0 3px 5px; font: 14px arial,sans-serif bold; color: #fff; }
label.wide { position: relative; }
div.contactform sup { color: #990000; font-weight: bold; font-size: 15px; font-family: arial; }
fieldset{border: none;}
.textinput {float: right;margin-bottom: 8px;color: #990000;font-family: arial;font-size: 14px;width: 345px;background: #999;border: none;padding: 5px;font-weight: normal;border:1px dotted #999}
.textinput:focus {
float: right;margin-bottom: 8px;color: #fff;font-family: arial, sans-serif;font-size: 14px;width: 345px;background: #333;padding: 5px;font-weight: normal; border:1px dotted #990000}
.textarea {margin-bottom: 8px;color: #990000;font-family: arial, sans-serif;font-size: 14px;width: 345px;height: 100px;background: #999;border: none;padding: 5px;font-weight: normal;border:1px dotted #999; float:right}
.textarea:focus {margin-bottom: 8px;color: #fff;font-family: arial, sans-serif;font-size: 14px;width: 345px;height: 100px;background: #333;border: none;padding: 5px;font-weight: normal; border: 1px dotted #990000; float:right;}
.submit { top: 5px; color:#fff; padding:10px; margin-bottom: 6px; left: 488px; background: #990000; border: none; margin-right: 257px; float: right;width: 100px;}
.submit:hover { top: 5px; color:#fff; padding:10px; margin-bottom: 6px; left: 488px; background: #333; border: none; margin-right: 257px; float: right;width: 100px;}

/* FOOTER *********************************************************/

.footer ul {float: right;margin-right: 10px;margin-top:5px;font-size: 85%;line-height: 90%;text-align:right;}
.footer ul .text{width: 120px;font-size: 85%;line-height: 60%;text-align:left;}
.footer ul .logo{margin-left: 50px;}	
.logo a:visited, .logo a {text-decoration:none; color:#333; font-weight:bold;}
/*.logo a:visited img, .logo a img{filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity:0.8;text-decoration:none;margin-left:25px;}
.logo a:hover {background-color:transparent; color:#999;filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;text-decoration:none;}
.logo a span {display:none; text-decoration:none;}
.logo a:hover span {display:block; position:absolute; top:50px; left:0; font-size:12px; height:18px; padding:4px; font-weight:normal; color:#a40;}
.logo a:hover img { filter: alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.00; opacity:1;}*/
.footer li {list-style-type: none;margin: 0px;color: #fff;padding-bottom: 5px;}
.footer li a{list-style-type: none;margin: 0px;color: #fff;padding-bottom: 5px;}
.footer li.heading a,.footer li.heading a:visited {color: #990000;}
.footer div.legal {font-size: 85%;color: #888;margin: 20px;float: left;}
.footer a:hover {text-decoration:underline;}
.brdcrm {padding-bottom: 10px;font-size: 85%;}

/* PORTFOLIO *********************************************************/

#portcontainer ul{width:800px;margin: 0px auto;padding: 0;list-style-type: none;text-align: center;}
#portcontainer ul li { display: inline; padding:1px;}
#portcontainer ul li a{text-decoration: none;color: #fff;width:194px;background-color: #036; border-bottom:#990000}
#portcontainer ul li a:hover{color: #fff;background-color: #369;}


/* PORTFOLIO *********************************************************/
.gradient-ie h1 {
	font: bold 320%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 50px;
	color: #464646;
}
.gradient-ie h1 span {
	background: url("../images/gradient/gradient-white.png") repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

/* jquery */
.jquery h1 {
	font: bold 280%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 0;
	color: #464646;
}
.jquery h1 span {
	background: url("../images/gradient/gradient-white.png") repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}
.jquery p {
	margin: 10px 0 50px;
}

/* full example */
.full .leadin {
	background: url("../images/gradient/leadin.jpg") no-repeat;
	padding: 140px 0 0 50px;
	height: 140px;
	overflow: hidden;
}
h1 {
	font: normal 160%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom: 20px;
	color: #fff;
	width: 760px;
}
h1 span {
	background: url("../images/gradient/gradient-dark.png") repeat-x;
	position: absolute;
	bottom: -0.2em;
	display: block;
	width: 100%;
	height: 15px;
}
.full h2 {
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #b7b7b7;
}
.full .content {
	background: #e8e8e8 url("../images/gradient/content.gif") repeat-x;
	padding: 30px 30px 10px;
	border: solid 1px #ccc;
	border-top: none;
}
h4 {
font: normal 160%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom: 20px;
	color: #fff;
	width: 760px;
}
h4 span {
	background: url("../images/gradient/gradient-full.png") repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 21px;
}
.full p {
	margin: 10px 0 25px;
}