/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px  Georgia, "Times New Roman", Times, serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% Georgia, "Times New Roman", Times, serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.3em;}
/* IMAGES ---------------------- */
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS ----------------------- */
.brclear { clear:both; height:0; margin:0; font-size: 1px;line-height: 0;}

/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}



/* LAYOUT ----------------------- */

body {text-align:center; padding:0 30px; margin:0; background:#fff;}
#wrapper { width:987px; margin:20px auto;text-align:left; padding: 10px 0 30px 0; background:#fff;}

/*  */
#hd { position:relative;  float:left; width:927px; *width:927px; height:182px; background:#000 url(../i/masthead.jpg) no-repeat 0 0; position:relative; border-bottom:#fff 1px solid; margin-left:30px;}
#nav { float:left; margin:20px 0; }
#date {width:175px;  float:right;}
#bd { float:left; width:927px; margin-left:30px;}

#page-home #col-2 { }

#col-1 { float:left; width:738px;  margin:0 13px 0 0; }
#col-2 { float:left; width:175px;}
#col-1, #col-2, #footer {}



#portfolio { /*border-top:#B0B0B0 1px solid;*/ padding:10px 0 0 0;}

.latestnews, .header { height:70px}

#page-home .articles {margin-top:0 }
.articles {margin-top:0 }
.dot {float:left; width:130px; height:147px; margin:0 17px 8px 0;}
.end {margin-right:0;}
.dot a {display:block; width:130px; height:147px;  background:no-repeat 0 0; text-decoration:none;}
.dot a:hover { background-position:0 -147px; color:#333;}

.p1 a {background: url(../i/dot-1.jpg) no-repeat 0 0;}
.p2 a {background: url(../i/dot-2.jpg);}
.p3 a {background: url(../i/dot-3.jpg);}
.p4 a {background: url(../i/dot-4.jpg);}
.p5 a {background: url(../i/dot-5.jpg);}
.p6 a {background: url(../i/dot-6.jpg);}
.p7 a {background: url(../i/dot-7.jpg);}
.p8 a {background: url(../i/dot-8.jpg);}
.p9 a {background: url(../i/dot-9.jpg);}
.p10 a {background: url(../i/dot-10.jpg);}
.p11 a {background: url(../i/dot-11.jpg);}
.p12 a {background: url(../i/dot-12.jpg);}
.p13 a {background: url(../i/dot-13.jpg);}
.p14 a {background: url(../i/dot-14.jpg);}
.p15 a {background: url(../i/dot-15.jpg);}
.p16 a {background: url(../i/dot-16.jpg);}
.p17 a {background: url(../i/dot-17.jpg);}
.p18 a {background: url(../i/dot-18.jpg);}
.p19 a {background: url(../i/dot-19.jpg);}
.p20 a {background: url(../i/dot-20.jpg);}
.p21 a {background: url(../i/dot-21.jpg);}
.p22 a {background: url(../i/dot-22.jpg);}
.p23 a {background: url(../i/dot-23.jpg);}
.p24 a {background: url(../i/dot-24.jpg);}
.p25 a {background: url(../i/dot-25.jpg);}

.p26 a {background: url(../i/dot-26.jpg);}
.p27 a {background: url(../i/dot-27.jpg);}
.p28 a {background: url(../i/dot-28.jpg);}
.p29 a {background: url(../i/dot-29.jpg);}
.p30 a {background: url(../i/dot-30.jpg);}
.p31 a {background: url(../i/dot-31.jpg);}
.p32 a {background: url(../i/dot-32.jpg);}
.p33 a {background: url(../i/dot-33.jpg);}
.p34 a {background: url(../i/dot-34.jpg);}
.p35 a {background: url(../i/dot-35.jpg);}
.p36 a {background: url(../i/dot-36.jpg);}
.p37 a {background: url(../i/dot-37.jpg);}
.p38 a {background: url(../i/dot-38.jpg);}
.p39 a {background: url(../i/dot-39.jpg);}
.p40 a {background: url(../i/dot-40.jpg);}
.p41 a {background: url(../i/dot-41.jpg);}
.p42 a {background: url(../i/dot-42.jpg);}

.p43 a {background: url(../i/dot-43.jpg);}
.p44 a {background: url(../i/dot-44.jpg);}
.p45 a {background: url(../i/dot-45.jpg);}
.p46 a {background: url(../i/dot-46.jpg);}
.p47 a {background: url(../i/dot-47.jpg);}
.p48 a {background: url(../i/dot-48.jpg);}
.p49 a {background: url(../i/dot-49.jpg);}
.p50 a {background: url(../i/dot-50.jpg);}
.p51 a {background: url(../i/dot-51.jpg);}

.pback a {background: url(../i/dot-back.jpg);}


/* footer */
#footer {width:927px; height:100px; float:left; clear:both; margin:15px 0 0 30px; padding:5px 0; border-bottom:#B0B0B0 1px solid;border-top:#B0B0B0 1px solid; background:url(../i/passionateabout.gif) no-repeat 100% 100%;}
#passionate {float:right; margin:0; }
a.passionate-link {display:block;  width:430px; height:100px;}
a.passionate-link em {position:absolute;left:0px;top:-9999px;width:1px;height:1px;overflow:hidden; }

/* nav */
#nav ul { margin:0;padding:0;list-style:none;padding:0 0 0 0;}
#nav li {float:left; margin:0;padding:0 0 0 0; width:175px; }
#nav a { margin-left:13px;  display:block; height:27px; color:#fff;}
#nav li.endnav { background:none;}
#nav a:hover {color:#2961C6;}
#nav #current {}
#nav #current a { color:#E3006B;}

#nav-portfolio { background:url(../i/menu-portfolio.gif) no-repeat 0 0; }
#nav-company { background:url(../i/menu-about.gif) no-repeat 0 0;}
#nav-news { background:url(../i/menu-news.gif) no-repeat 0 0; }
#nav-contact { background:url(../i/menu-contact.gif) no-repeat 0 0; }
#nav-blog { background:url(../i/menu-blog.gif) no-repeat 0 0;  }
#nav-testimonials { background:url(../i/menu-testimonials.gif) no-repeat 0 0; }
#nav-vacancies { background:url(../i/menu-vacancies.gif) no-repeat 0 0;  }

#nav-portfolio:hover, #nav-company:hover, #nav-news:hover, #nav-contact:hover, #nav-blog:hover, #nav-testimonials:hover, #nav-vacancies:hover { background-position:-175px 0; }

/* portfolio */

.imagezone, #about {  float:left; width:551px; margin:10px 0 0 0;}
.links, .contactinfo {  float:left; width:185px; margin:10px 0 0 0;}
.links ul { margin:0 0 0 10px;list-style:none;padding: 0;}
.links li {padding:0 0 4px 0 ;}
.links a { text-decoration:none; color:#ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size:109%;}

.links-h {float:left; width:100%; height:36px; margin:10px 0 0 0; }
.links-h ul {margin:0;padding:0;list-style:none;padding:0 0 0 0; }
.links-h li {float:left; margin:0;padding:0;}
.links-h a {display:block; padding:0 20px 0 0 ; text-decoration:none; color:#2961C6; font-family:Georgia, "Times New Roman", Times, serif; font-size:109%;}

.txt {  float:left; width:551px; height:278px;border-top:#666 1px solid; padding-top:10px; margin-top:5px;}
#portfolio-sub { border-top:#666 1px solid; width:100%;}

.txt dl { width:175px; float:left;}
.txt dt { padding:7px 0; font-size:100%; color:#2961C6;}
.txt dd { color:#999; font-size:93%; line-height:140%;}
.txt dl.solution { margin:0 0 0 12px;}
.txt dl.dateinfo { margin:0 0 0 12px;}
.txt dl.webaddress { margin:12px 0 0 12px; border-top:#999 1px solid;}
.txt dl.webaddress a { margin:0; color:#666;}
.txt dl.webaddress a:hover {color:#2961C6;}


/* TYPOGRAPHY ----------------------- */
.screen-readers {position:absolute;left:0px;top:-9999px;width:1px;height:1px;overflow:hidden;}

strong { font-weight:bold;}
a { text-decoration:none; color:#2961C6;}
p {
	color:#333;
	font-size:93%;
	line-height:140%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
a:hover {color:#2961C6;}
#col-1 h2, #col-2 h2 {font-size:131%; padding:10px 0 0 0; color:#2961C6;}
#col-2 h2.news {border:none; margin:0; padding:10px 0 0 0;}
#col-2 a { color:#fff;} #col-2 a:hover { color:#8F397B;}
#col-1 h3, #col-2 h3 {font-size:108%; margin:0 0 20px 0; color:#999;}
#date p { font-size:131%; color:#000; margin:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
#col-2 h2 {font-size:131%; color:#fff; margin:0 0 0 0; padding:10px 0 6px 0; border-top:#666 1px solid;}
#col-2 h3 {font-size:116%; color:#fff; margin:0 0 0 0; padding:10px 0 6px 0; border-top:#666 1px solid;}
#col-2 p { color:#666; margin:0 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:92%; }
div.dot a { font-size:93%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}


ul.rss {list-style:none;padding:0 0 0 0;margin:0 0 10px 0;}
ul.rss li {background: url(../i/icon-rss.jpg) no-repeat 0 50%;height:18px;line-height:19px;}
ul.rss li a {padding:0 0 0 21px;text-decoration:none; color:#4a4a4a;}

#footer p { float:left; display:block; padding:4px 10px; font-family:Georgia, "Times New Roman", Times, serif;}
#footer ul { float:left;}
#footer li { float:left;}
#footer li a { color:#666; font-size:93%; padding:4px 10px; display:block;}
span.link2 {margin:0 0 0 3px; color:#CCC;}

#submenu { height:130px; border-top:#B0B0B0 1px solid;}
#submenu ul { width:20%; float:left; margin:20px 0 0 0;}
#submenu li a { color:#666; font-size:93%; padding:4px 0;}
span.link2 {margin:0 0 0 3px; color:#CCC;}

ul.back-btn {list-style:none;padding:0 0 0 0;margin:0 0 0 10px;}
ul.back-btn li {background: url(../i/icon-circle-back.gif) no-repeat 0 50%;line-height:22px;}
ul.back-btn li a {padding:0 0 0 22px;text-decoration:none; color:#4a4a4a;}
ul.back-btn li a:hover {color:#2961C6;}


li.back-btn2 { float:left;  margin:0 0 0 0; }
li.back-btn2 a { color:#fff; }


.links-btns {width: 374px; float:left;}

/* imagezone */
.imagezone p { font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; margin:0; }
#portfolio-sub .imagezone h3 {font-size:116%; color:#333; margin:8px 0 12px 0;}

/* quote */
p.quote, p.quote-person { margin:0 0 0 18px; font-size:131%; line-height:130%; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#2961C6;}
p.quote { padding:0 0 0 0;  /*background:url(../i/quote-top.gif) no-repeat 0 0;*/ }
p.quote-person { padding:10px 0 0 0;  /* background:url(../i/quote-btm.gif) no-repeat 95% 20px;*/ height:40px;}

/* About */
#about p { font-family:Georgia, "Times New Roman", Times, serif; font-size:131%;}
#about h3 {padding:0; margin:0 0 10px 0; color:#2961C6; font-size:161.6%;}

ul.aboutus { margin:38px 0 0 0; }
ul.aboutus li { border-top:#B0B0B0 1px solid; padding:2px 0 6px 0; }
a.selected {color:#2961C6;}

/* News */
.news-article { border-top:#666 1px solid; margin:20px 0 0 0; padding-top:10px; }
#news p.date { font-size:100%; color:#2961C6;}
.news-article.topnews { border:none;}
#news p { font-family:Georgia, "Times New Roman", Times, serif; font-size:116%;}
#col-2 .articles a {color:#2961C6;}
#news h3 {
	padding:0;
	margin:5px 0 10px 0;
	color:#2961C6;
	font-size:131%;
}

/* contact */
.contactinfo p, ul.address, ul.tel {margin:0 0 0 15px;}
.contactinfo p { font-family:Georgia, "Times New Roman", Times, serif; font-size:93%; }
ul.address, ul.tel { color:#ccc; font-size:93%;  padding:2px 0; margin-top:10px;}
ul.tel li a:hover, ul.address strong { color:#2961C6; }


.head-latest { position:absolute; top:20px; right:0; width:170px; padding:6px; background:#2961C6; }
.head-latest a { color:#fff; font:12px Georgia, "Times New Roman", Times, serif;}


.head-latest a span { font-size:16px; }

.twitter { position:absolute; bottom:5px; right:5px; }