html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;font-size:13px;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:13px;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input[type=text],input[type=password],textarea{width:12.25em;}pre,code,kbd,samp,tt{font-family:monospace;line-height:13px;}legend{color:#000;}body{font:13px/16px arial,helvetica,clean,sans-serif;}h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/* -- Titles -- */
h1,h2,h3,h4,h5,h6,.title,.titlesub{ color:#666; display:block;}

h2,.titlesub { margin:0 0 15px 0;font-size:16px;font-weight:bold;}
h1,.title{ margin:1em 0;font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:30px; font-weight:normal;} 

/* -- Links -- */
a { color:#666; margin-right:1px;}
a:Visited { color:#999;}
a:Hover { border-bottom:1px solid #666; text-decoration:none;}
.titlesub a { text-decoration:none;}
h2 a:Hover,h1 a:hover,.title a:Hover,.titlesub a:Hover { text-decoration:none; border-bottom:2px solid #666;016938;}

ul { padding:0;margin:20px 0 0 0 ;}
ul li {list-style:none;background:url(../images/new/tick.png) no-repeat 0 0; margin:0; padding:0 0 20px 40px;}
ul.smalllist li {background:url(../images/new/tick_small.png) no-repeat 10px 0;}
ul.contactlist li {background:url(../images/new/tick_arrow.png) no-repeat 20px 4px;}

/* -- Typography -- */
.small { font-size:10px;}

/* -- Structure -- */
html, body, #container { min-height: 100%; height: 100%;width:100%;}
html {overflow: -moz-scrollbars-vertical;}

.center {margin:0 auto 0 auto;width:900px; background:url(../images/new/bg_logo.png) no-repeat; background-position:right top;}
#footer .center { background:none;}
#footerBase .center { padding:25px 0 25px 0; width:850px;}

html>body, html>body #container { height: auto; }
 
#container {position: absolute;width: 100%;min-width:900px;margin:0 auto 0 auto;}

#footer { position: absolute; bottom: 0px; left: 0px; text-align: left; color: #fff; font-size: 0.8em; min-width:900px;width:100%; height:145px; background:#404041 url(../images/new/shadow.png) repeat-x;}
#footer a { text-decoration: none; color:#fff;}
#footer a:Hover { text-decoration: underline; border:0; }
#footer p { padding: 10px 20px 0 30px }

#contactFooter { float:right; margin:0 25px 0 0; font-size:16pt; background:url(../images/new/logo_white.png) no-repeat; background-position:right 2px;}
#contactFooter span { display:block; margin:0 75px 0 0; text-align:right;}
#contactFooter .email a { text-decoration:none; color:#fff;}
#contactFooter .email a:Hover { text-decoration:underline;}

#footermenu {color:#fff;}
#footermenu ul {margin:15px 0 0 30px;padding:0;}
#footermenu li { list-style:disc; list-style-image:none; background:none; margin: 0 10px 0 15px; padding:0; float:left;}
#footermenu a {	color:#fff;	text-decoration:none;}
#footermenu a:Hover { border:0;}
#footerBase {background:#231F20; border-top:1px solid #6D6E70; clear:both; position:absolute; bottom:0px; left:0px;min-width:900px;width:100%;}
#footerBase .center { padding:25px 0 25px 0; width:850px;}

#title {height:118px;}

#logo {	float:left;	width:434px; margin:40px 0 0 25px;}
#logo a img {display:block;}

#contact { float:right; margin:35px 25px 0 0; font-size:16pt; background:url(../images/new/contact.png) no-repeat; background-position: right 2px;}
#contact span { display:block; margin:0 55px 0 0; text-align:right;}
#contact .email a { text-decoration:none; color:#000;}
#contact .email a:Hover { text-decoration:underline;border:0;}
/* ----- MENU CSS -----------*/
#menu {position: absolute; left:0;height:50px;min-width:900px;width:100%;background:url(../images/new/bg_menu_green.png) repeat-x; }
.menudrop { background:url(../images/new/shadow_50.png) repeat-x; background-position: 0 -1px;height:5px;}
#menu ul {padding:0; width:900px;margin:0 auto 0 auto; overflow:auto;}
#menu li { list-style:none;margin:0;padding:0;float:left;height:50px;background:url(../images/new/menu_blip_green.png) no-repeat; background-position: 0 0;}
#menu li.first {background:none;} 
#menu li a {color:#fff;	font-size:1.2em; line-height:50px; display:block;height:50px;text-decoration:none;padding:0 25px 0 25px; border:0; float:left;}
#menu li a:Hover {text-decoration:underline;}
#menu li a:Focus {text-decoration:underline;outline:0;}
#menu  .topitem .dropdown { display:none;position:absolute;top:50px;border:1px solid #d1d1d1;border-top:0;background: url(../images/new/grey9.png);background:rgba(247,247,247,0.9) url(../images/new/shadow_50.png) 0 -1px repeat-x;padding:0; width:auto;} 
#menu  .topitem .dropdown  li {display:block;float:none;background:none;height:30px; border-bottom:1px solid #d8d8d8;border-top:1px solid #fff;}
#menu  .topitem .dropdown  li.first {border-top:0;}
#menu  .topitem .dropdown  li.last {border-bottom:0;}
#menu  .topitem .dropdown  li:Hover {background-color:rgba(0,0,0,0.04)}
#menu  .topitem .dropdown  li a {color:#000;height:30px;line-height:30px; padding-left:40px;font-size:14px;}
#menu  .topitem .dropdown  li a:Hover {text-decoration:none;}
#menu  .dropdown li.iconhome { background:url(../images/new/webdesign_sprite_menu.png) 10px -90px no-repeat;}
#menu  .dropdown li.iconcog { background:url(../images/new/webdesign_sprite_menu.png) 10px -30px no-repeat;}
#menu  .dropdown li.iconbasket { background:url(../images/new/webdesign_sprite_menu.png) 10px -60px no-repeat;}
#menu  .dropdown li.iconglobe { background:url(../images/new/webdesign_sprite_menu.png) 10px 0 no-repeat;}
/* ----- CONTENT CSS -----------*/
#content { height: auto;margin:0 25px 165px 25px; overflow:auto; padding:55px 0 0 0;}
#colLeft,#colRight {text-align:justify;font-size:14px;}
#colLeft { width:415px; float:left; overflow:auto;clear:left;}
#colLeft h1 {}
#colRight { width:410px; float:right; overflow:auto;}
.sideicon { float:right; display:none;}
/* ----- PORFOLIO CSS -----------*/
.portfolio a {position:relative;padding:5px; margin:0 10px 20px 0;border:1px solid #929497; background:#F1F1F2; display:block; float:left; height:128px;width:185px;}
.portfolio a img.thumb { height:128px;width:185px;}
.portfolio a .zoom { position:absolute; bottom:5px;left:5px; width:185px;height:25px;display:none; background: url(../images/new/black8.png);background:rgba(0,0,0,0.8);color:#fff;line-height:25px;font-size:10px;}
.portfolio a:Hover .zoom {display:block;}
.zoom img {vertical-align:middle;}
.portfolio .last {margin-right:0;}
.box { border:1px solid #929497;
background-image: -moz-linear-gradient(0% 50% -90deg, #ffffff, #f0f0f0);
background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffffff), to(#f0f0f0));
}
.box .padding { padding:0 10px;}
.portfoliomain img { width:408px; border:1px solid #ccc;}
#P0B,#P1B,#P2B,#P3B,#P4B,#P5B {	display:none;}
/* ----- ABOUT CSS -----------*/
.iconleft {float:left;border:0;margin: 0 5px 75px 0;}
.member { overflow:auto;}
.member p { font-size:12px;}
.member p.mtitle { font-weight:bold;}
.member .titlesub { margin:0;}
/* ----- TOWNS CSS -----------*/
.iconleft {float:left;border:0;margin: 0 5px 75px 0;}
.service { overflow:auto;}
.service p { font-size:12px;}
.service p.mtitle { font-weight:bold;}
.service .titlesub { margin:0 0 10px 0;}
/* ----- WEB DESIGN CSS -----------*/
.webbox { overflow:auto;}
.webbox .icon { height:50px; width:50px; float:left; background:url(../images/new/webdesign_sprite_small.png) no-repeat; margin:0 10px 75px 0; background-position:0 0;}
.webbox1.webbox .icon a { display:block; width:50px; height:50px; border:0;}
 .icon { background-position: 0 0;}
.webbox2 .icon { background-position: -50px 0;}
.webbox3 .icon { background-position: 0 -50px;}
.webbox4 .icon { background-position: -50px -50px;}

.contactlist span { font-weight:bold;}
.contactlist li { margin-bottom:10px;}
.letterblock { width:25%; float:left;}
a.backicon { text-decoration:none; border:0;}

/* ----- FORM CSS -----------*/
.box .titlesub { background:url(../images/new/bg_menu_green.png); height:50px; color:#fff; line-height:50px; text-align:center; margin:0 0 1em 0;;}
#userform td {border:none;}
#userform input,#userform textarea {width:280px;padding:5px;}
#userform textarea {height:100px;}
#userform input[type="text"]:Focus,textarea:Focus {background:#f0ffeb;}
#userform input[type="text"],textarea {border:1px solid #ccc;}
#userformtitle { width:520px; font-size:1.3em;margin:25px 0 0 0;}
#userform {	}
#userform form,#underform table {padding:0;}
#userform label {	display:block;	margin:0 0 5px 0;}
#userform .radioinput label {	display:inline;	margin:0 0 5px 0;}
#userform .radioinput label.imagechoice { display:block; width:100px; text-align:center; float:left;}
#userform .radioinput label.number { display:block; width:20px; text-align:center; float:left; margin-right:20px;}
#userform .checkinput label {	display:block;	margin:0 0 5px 0;}
#userform .radioinput div,#userform .checkinput div {background:#fff;	border:1px solid #000;	color:#000;	padding:5px; overflow:auto;}
#userform label .inputname,#userform .radioinput .inputname,#userform .checkinput .inputname  {	background:#000;	padding:0 5px; color:#fff;}

#userform .smallinput input {	background:#fff;	border:1px solid #000;	color:#000;	width:200px;	padding:5px;}
#userform .smallinput input:Focus {	border:2px solid #000;	color:#000;}
#userform .mediuminput input {	background:#fff;	border:1px solid #000;	color:#000;	width:300px;	padding:5px;}
#userform .textinput textarea {	background:#fff;	border:1px solid #000;	color:#000;	width:300px;	height:100px;	padding:5px;}
.error {	color:#FFF;	background-color:#900;	display:block;	margin:0;	padding:3px;}
.confirm {	background-color:#060;	padding:5px;}
#userform .errorbox textarea,#userform .errorbox input, #userform .errorbox div { border:1px solid #900;	background:#fff;}
#userform label.errorbox .inputname,#userform fieldset.errorbox .inputname  {	background:#900;}
#userform .errorbox .errormsg { font-size:0.8em; }
#userform .submit { padding:10px;}
#userform .reset { padding:10px; float:right;}
.sendbutton span,.callbutton span  { display:none; }
.sendbutton,.callbutton {width:112px;height:40px; background:url(../images/button_sprite_send.png) 0 40px; border:0; outline:none;}
.sendbutton:Hover,.callbutton:Hover {background-position:0 0; cursor:pointer;}
.sendbutton:Active,.callbutton:Active  {background-position:0 80px; outline:none;}

p.errors {	background-color:#FCC;	border:1px solid #C00;padding:5px;}