/* ::::: layout.css ::::: */

* {
	border: 1pt;
	margin: 0pt;
	padding: 0pt;
}
hr { display: none; }
.cl { overflow: hidden; clear: both; visibility: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.ac { position: absolute; left: -9999px; z-index: -1; }
#main .left { float: left; }
#main .right { float: right; }
.ir, .ir a {
	overflow: hidden;
	position: relative;
	display: block;
}
.ir a, .ir span, .plus .ir { width: 100%; height: 100%; }
.ir span {
	position: absolute;
	left: 0pt;
	top: 0pt;
/*	background-image: url(images/option02.png); */
}
.ir a span { cursor: pointer; }
#main { margin: 0pt auto; padding: 0pt 40px; width: 900px; }
#maincontent { width: 100%; }
#header { overflow: hidden; width: 900px; height: 73px; }
#logo { margin: 0px 0pt 0pt 0px; float: left; width: 374px; height: 73px; display: inline; }
#menu { float: right; padding-right: 15px; max-width: 678px; line-height: 73px; }
#menu li { margin: 0pt -1px; position: relative; float: left; display: block; list-style-type: none; list-style-image: none; list-style-position: outside; }
#menu li a { padding: 0pt 15px; display: block; max-height: 73px; }
#headlines { margin: 0pt -8px; padding: 0pt 8px; position: relative; width: 900px; height: 311px; }
#main #headlines h1 { margin: 90px 0pt 0pt 14px; float: left; width: 338px; height: 85px; display: inline; }
h1 em { display: block; }
#main #headlines h2 { margin: 53px 52px 0pt 0pt; float: right; width: 370px; height: 258px; display: inline; line-height: 258px; }
#headlines p { padding: 5px 0pt 0pt 90px; clear: left; width: 280px; }
#offer { padding: 25px 0pt; }
#offer li { border-right: 1px solid rgb(74, 85, 88); padding: 0pt 25px; float: left; display: block; list-style-type: none; list-style-image: none; list-style-position: outside; width: 174px; }
#offer li.last { border: medium none ; }
#offer li h2 { margin: 3px 0pt 0pt 35px; width: 139px; height: 19px; line-height: 19px; }
#offer li p { padding: 20px 0pt 15px; clear: both; }
.column, #content { margin-top: 26px; }
.column { padding: 3px 25px 0pt; float: left; width: 174px; }
.column img { margin-right: -10px; }
.column address { margin-top: 35px; }
.column address strong { display: block; margin-bottom: -0.9em; }
#content { border-style: solid; border-color: rgb(214, 222, 225); border-width: 0pt 1px; padding: 3px 20px 60px 25px; overflow: hidden; float: left; width: 404px; }
.column .ir, #content .ir { width: 150px; height: 30px; margin-bottom: 20px; line-height: 30px; }
.news-item { margin-top: 25px; }
.news-item h3 { padding: 10px; clear: both; float: left; margin-top: 5px; }
.news-item p { margin-left: 100px; }
.news-item p.info { margin-top: 10px; }
.project { position: relative; width: 100%; }
#main .project .image { border: 1px solid rgb(214, 224, 226); height: 80px; line-height: 80px; }
.project .info { border-top: 4px solid rgb(221, 230, 232); padding: 10px 15px 20px; }
.project .info li { border-top: 1px solid rgb(197, 212, 216); padding: 5px 0pt; display: block; list-style-type: none; list-style-image: none; list-style-position: outside; }
.project .info li.first { border: medium none ; }
.plus { overflow: hidden; position: absolute; right: 3px; top: 6px; width: 9px; height: 9px; line-height: 9px; }
#main .plus p { line-height: 9px; }
#footer { border: 1px solid rgb(255, 255, 255); margin: 30px 0pt 50px; padding: 0pt 15px; }
#footer p { margin: 20px 0pt; }
#footer .copy { float: left; }
#footer .copy strong { margin-right: 8px; }
#footer .copy a { margin-left: 8px; }
#footer .web { float: right; }
#sub #headlines { margin: 0pt -20px; padding: 0pt 20px; height: 208px; }
.option01 #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 266px; height: 32px; }
.option02 #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 266px; height: 32px; }
.option03 #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 266px; height: 32px; }
.option04 #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 266px; height: 32px; }
#sub #headlines p { padding: 15px 0pt 0pt 35px; clear: left; width: 330px; }
#sub #maincontent { padding-top: 8px; }
#sub .column, #sub #content { margin-top: 0pt; }
#sub #content { border-right: 0pt none; width: 614px; padding-right: 35px; }
#search, #submenu { margin: 0pt -25px; }
div[class] #search { position: relative; }
#search { padding: 10px 10px 15px 15px; margin-top: -3px; }
#search label, #search input { vertical-align: middle; }
#search label { margin-right: 3px; line-height: 22px; }
#search input { border: 1px solid rgb(82, 86, 88); }
#search input#text { padding: 3px 5px; width: 100px; height: 16px; line-height: 16px; margin-right: 3px; }
#search input.img { width: 22px; height: 22px; }
#submenu { padding: 15px 12px; min-height: 226px; height: 226px; }
div[class] #submenu { height: auto; }
#submenu li { border-bottom: 1px solid rgb(210, 213, 213); padding: 8px 18px; display: block; list-style-type: none; list-style-image: none; list-style-position: outside; }
#submenu li.last { border: medium none ; }
#submenu li a { text-decoration: none; }
#submenu ul { display: none; }
#content-head { padding-bottom: 15px; }
#sub #maincontent h2, #sub #maincontent h3.ir, #sub #maincontent h4.ir { margin: 25px 0pt 5px; float: left; }
#sub #maincontent h2.ir { width: auto; height: auto; }
#content-head .out { float: right; margin-top: 20px; vertical-align: middle; line-height: 1.5; }
#content-head .out a { margin: 0pt 5px; padding: 2px 0pt; }
#sub .news-item h3 { margin: 0pt; padding: 0pt; line-height: 1; }
#sub .news-item p, #sub .news-item h2 { border-left: 1px solid rgb(210, 213, 213); padding-left: 20px; }
#sub #maincontent .news-item h2 { margin: 5px 0pt 0pt 100px; float: none; color: rgb(0, 0, 0); }
#sub .news-item p { padding-top: 8px; }
.aboutus #main #headlines h1 { margin: 54px 0pt 0pt 26px; width: 289px; height: 42px; }
.aboutus #maincontent .ir { width: 300px; }
.aboutus #content p { margin-bottom: 23px; }
.aboutus #content p.first { border-bottom: 1px solid rgb(210, 213, 213); padding: 0pt 3px 22px; margin-bottom: 35px; }
.aboutus #content h3 { margin: 30px 0pt 3px; }
.portfolio #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 287px; height: 42px; }
.portfolio #main #content { border-right: 0pt none; padding: 20px 10px 60px 20px; overflow: visible; width: 644px; }
.portfolio-item { margin: 0pt 4px 7px 0pt; padding: 17px; overflow: hidden; position: relative; float: left; width: 175px; height: 172px; }
.portfolio-item a { overflow: hidden; display: block; width: 175px; height: 138px; }
#main .portfolio-item .plus { width: 13px; height: 13px; right: 22px; top: 22px; }
#main .portfolio-item .plus .ir { width: 100%; height: 100%; line-height: 13px; }
.portfolio-item p { line-height: 44px; }
.contact #main #headlines h1 { margin: 64px 0pt 0pt 26px; width: 287px; height: 42px; }
.contact #maincontent .ir { width: 300px; }
.contact #maincontent address { border-bottom: 1px solid rgb(208, 225, 229); padding: 40px 0pt 32px; }
.contact #maincontent address img { float: right; margin-top: 15px; }

#.contact label, #search input { vertical-align: middle; }
#.contact label { margin-right: 3px; line-height: 22px; }

.contact textarea { border: 1px solid rgb(82, 86, 88); }
.contact input { border: 1px solid rgb(82, 86, 88); }
#.contact input#text { padding: 3px 5px; width: 100px; height: 16px; line-height: 16px; margin-right: 3px; }
#.contact input.img { width: 22px; height: 22px; }


.remote #maincontent downloadicon img { float: right; margin-top: 15px; }

.col { float: left; width: 262px; margin-top: 25px; padding-right: 45px; }
.col h3 { margin-bottom: 10px; }
.col-simple { float: none; width: auto; padding-right: 0pt; }
.contact dl { border-bottom: 1px solid rgb(208, 225, 229); padding: 26px 0pt 16px; }
.textarea { padding: 20px 0pt 10px; }
.contact p.note { float: right; width: 175px; margin-top: 26px; }
.contact dt { float: left; width: 80px; }
.contact dd { margin-bottom: 10px; }
.contact label { display: block; height: 27px; line-height: 27px; }
.contact dd input, .contact dd textarea { border: 1px solid rgb(172, 187, 191); padding: 5px; width: 255px; height: 15px; line-height: 15px; }
.contact dd textarea { height: 165px; }
.submit { margin: 15px 0pt 0pt 80px; padding: 5px 9px; line-height: 1; }
div[class] .submit { padding: 10px 18px; }
:first-child + html .submit { padding: 5px 9px; }
.services #main #headlines h1 { margin: 54px 0pt 0pt 26px; width: 278px; height: 42px; }
.services #content p { margin-bottom: 23px; }
.services #content p.first { border-bottom: 1px solid rgb(210, 213, 213); padding: 0pt 3px 22px; margin-bottom: 35px; }
.services #content h3 { margin: 30px 0pt 3px; }
.vyhledavani #main #headlines h1 { margin: 54px 0pt 0pt 26px; width: 253px; height: 42px; }
.remote #main #headlines h1 { margin: 54px 0pt 0pt 26px; width: 278px; height: 42px; }
.remote #content p { margin-bottom: 23px; }
.remote #content p.first { border-bottom: 1px solid rgb(210, 213, 213); padding: 0pt 3px 22px; margin-bottom: 35px; }
.remote #content h3 { margin: 30px 0pt 3px; }

.clients #main #headlines h1 { margin: 54px 0pt 0pt 26px; width: 278px; height: 42px; }
.clients #content p { margin-bottom: 23px; }
.clients #content p.first { border-bottom: 1px solid rgb(210, 213, 213); padding: 0pt 3px 22px; margin-bottom: 35px; }
.clients #content h3 { margin: 30px 0pt 3px; }

/* ::::: default.css ::::: */

body { background: rgb(255, 255, 255) url('../images/body.png') repeat-x scroll left top; text-align: center; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 75%; line-height: 1.5; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(86, 109, 116); }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
address { font-style: normal; }
a:hover, a:focus { text-decoration: none; }
label, table { font-size: 100%; }
#main { background: transparent url('../images/headlines.jpg') no-repeat scroll left top; text-align: left; }
#header { background: rgb(255, 255, 255) url('../images/header.gif') repeat-x scroll left bottom; }
#logo a { font-size: 200%; color: rgb(27, 32, 34); }
#logo span { background: transparent url('../images/logo.png') no-repeat scroll left top; }
#menu li a { background: transparent url('../images/menu_a.gif') no-repeat scroll right center; text-transform: uppercase; text-decoration: none; color: rgb(69, 86, 90); }
#menu li.last a { background: transparent none repeat scroll 0% 0%; }
#menu li a:hover, #menu li a:focus, #menu li.active a { background: rgb(228, 75, 1) url('../images/menu_a_active.gif') repeat-x scroll right top; color: rgb(255, 255, 255); }
#main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: rgb(51, 51, 51); }
h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: rgb(87, 117, 123); }
h1 span { background: transparent url('../images/itsuportforcolchester.png') no-repeat scroll left top; }
#main #headlines h2 { text-align: center; font-size: 200%; color: rgb(41, 41, 41); }
h2 span { background: transparent url('../images/twohandspaper.jpg') no-repeat scroll left top; }
#offer h2 { font-size: 110%; }
#offer { color: rgb(205, 206, 206); background-color: rgb(28, 33, 34); }
#offer li { background: transparent url('../images/arrowcircle.png') no-repeat scroll 25px top; }
#offer li a span.option1 { background: transparent url('../images/option1.png') no-repeat scroll left top; }
#offer li a span.option2 { background: transparent url('../images/option2.png') no-repeat scroll left top; }
#offer li a span.option3 { background: transparent url('../images/option3.png') no-repeat scroll left top; }
#offer li a span.option4 { background: transparent url('../images/option4.png') no-repeat scroll left top; }
#offer li a { text-transform: uppercase; color: rgb(255, 255, 255); }
#maincontent {
	color: rgb(0, 0, 0);
	background-color: #009933;
}
#maincontent a { color: rgb(254, 17, 134); background-color: rgb(255, 255, 255); }
.column, #content { background-color: rgb(255, 255, 255); }
#content { line-height: 1.7; }
.column address { font-size: 90%; font-weight: bold; }
.column address strong { font-size: 130%; color: rgb(254, 17, 134); }
h4, #sub h2 { font-size: 180%; color: rgb(254, 17, 134); }
.ir span.contact { background: transparent url('../images/contact_s.png') no-repeat scroll left top; }
.ir span.aktualne { background: transparent url('../images/aktualne.png') no-repeat scroll left top; }
.ir span.projekt { background: transparent url('../images/projekt.png') no-repeat scroll left top; }
#content em.imp { padding: 4px 2px; font-style: normal; color: rgb(29, 51, 56); background-color: rgb(220, 236, 239); }
#content ul li { background: transparent url('../images/li.gif') no-repeat scroll left 5px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 4px; padding-left: 18px; }
#content h3 { text-transform: uppercase; }
.news-item h3 { font-size: 100%; background-color: rgb(197, 212, 216); }
.news-item p.info { text-transform: lowercase; font-weight: bold; }
#main .project .image { background: transparent url('../images/project_image.png') no-repeat scroll center bottom; text-align: center; }
.project .image img { vertical-align: middle; }
.project .info { background-color: rgb(237, 242, 243); }
.project .info li { font-size: 90%; }
.project .info li.first { text-transform: uppercase; }
.project .info li strong { text-transform: none; }
.plus { font-size: 80%; }
.plus span { background: transparent url('../images/plus.gif') no-repeat scroll left top; }
#footer { background: rgb(220, 229, 231) url('../images/footer.gif') repeat scroll left top; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover, #footer .copy a:focus { text-decoration: underline; }
#footer a { color: rgb(0, 0, 0); }
.option01 #main, .portfolio #main, .services #main { background: transparent url('../images/headlines_sub.jpg') no-repeat scroll left top; }
.option01 #main #headlines h1 span { background: transparent url('../images/option01.png') no-repeat scroll left top; }
.option02 #main, .portfolio #main, .services #main { background: transparent url('../images/headlines_sub.jpg') no-repeat scroll left top; }
.option02 #main #headlines h1 span { background: transparent url('../images/option02.png') no-repeat scroll left top; }
.option03 #main, .portfolio #main, .services #main { background: transparent url('../images/headlines_sub.jpg') no-repeat scroll left top; }
.option03 #main #headlines h1 span { background: transparent url('../images/option03.png') no-repeat scroll left top; }
.option04 #main, .portfolio #main, .services #main { background: transparent url('../images/headlines_sub.jpg') no-repeat scroll left top; }
.option04 #main #headlines h1 span { background: transparent url('../images/option04.png') no-repeat scroll left top; }
#sub #headlines p { color: rgb(62, 62, 62); }
#sub #maincontent { background: rgb(255, 255, 255) url('../images/maincontent.gif') repeat-x scroll left top; }
#search { color: rgb(255, 255, 255); background-color: rgb(28, 33, 34); }
#search label { text-transform: uppercase; font-size: 90%; }
#search input { color: rgb(255, 255, 255); background-color: rgb(50, 57, 58); }
#submenu { background: transparent url('../images/column.png') no-repeat scroll right 1px; }
div[class] #submenu { background-position: right top; }
#submenu li { background: transparent url('../images/column_li.gif') no-repeat scroll 2px center; font-weight: bold; color: rgb(254, 17, 134); }
#submenu li a { text-decoration: none; color: rgb(51, 51, 51); }
#submenu li a:hover, #submenu li a:focus, #submenu li.active a { color: rgb(254, 17, 134); }
#content-head { background: transparent url('../images/h_sub.gif') repeat-x scroll left bottom; font-size: 120%; }
#content-head .out { font-size: 105%; color: rgb(254, 17, 134); }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: rgb(51, 51, 51); }
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: rgb(254, 17, 134); background-color: rgb(255, 255, 255); }
#sub .news-item p a { font-weight: bold; }
#sub .news-item h2 { text-transform: uppercase; font-size: 100%; }
#sub .news-item h2 span { text-transform: none; }

/* Header backgrounds */
.aboutus #main { background: transparent url('../images/headlines_sub_aboutus.jpg') no-repeat scroll left top; }
.services #main { background: transparent url('../images/headlines_sub_services.jpg') no-repeat scroll left top; }
.portfolio #main { background: transparent url('../images/headlines_sub_pgitprojects.jpg') no-repeat scroll left top; }
.clients #main { background: transparent url('../images/headlines_sub_clients.jpg') no-repeat scroll left top; }
.contact #main { background: transparent url('../images/headlines_sub_contact.jpg') no-repeat scroll left top; }
.remote #main { background: transparent url('../images/headlines_sub_remote.jpg') no-repeat scroll left top; }
.option01 #main { background: transparent url('../images/headlines_sub_option01.jpg') no-repeat scroll left top; }
.option02 #main { background: transparent url('../images/headlines_sub_option02.jpg') no-repeat scroll left top; }
.option03 #main { background: transparent url('../images/headlines_sub_option03.jpg') no-repeat scroll left top; }
.option04 #main { background: transparent url('../images/headlines_sub_option04.jpg') no-repeat scroll left top; }

/* Sub Header Word-Images */
.aboutus #main #headlines h1 span { background: transparent url('../images/aboutus.png') no-repeat scroll left top; }
.aboutus #content-head { background: transparent none repeat scroll 0% 0%; }
.aboutus #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.aboutus #content h3, .col h3 { font-size: 150%; color: rgb(254, 17, 134); }

.portfolio #main #headlines h1 span { background: transparent url('../images/pgitprojects.png') no-repeat scroll left top; }
.portfolio-item { background: transparent url('../images/portfolio-item.png') no-repeat scroll left top; text-align: center; }
#main .portfolio-item .plus .ir { text-align: left; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }
.portfolio-item .plus span { background: transparent url('../images/portfolio_plus.gif') no-repeat scroll left top; }

.contact #main #headlines h1 span { background: transparent url('../images/contact.png') no-repeat scroll left top; }
.contact #maincontent address a { font-weight: bold; }
.contact label { font-weight: bold; }
.contact dd input, .contact dd textarea { background: rgb(255, 255, 255) url('../images/input.gif') repeat-x scroll left top; color: rgb(0, 0, 0); }

.col h3 { font-weight: normal; }
.submit { background: rgb(254, 17, 134) url('../images/submit.gif') repeat-x scroll left bottom; color: rgb(255, 255, 255); }

.services #main #headlines h1 span { background: transparent url('../images/services.png') no-repeat scroll left top; }
.services #content-head { background: transparent none repeat scroll 0% 0%; }
.services #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.services #content p em { font-style: normal; background-color: rgb(223, 235, 237); }
.services #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.services #content h3, .col h3 { font-size: 150%; color: rgb(254, 17, 134); }

.remote #main #headlines h1 span { background: transparent url('../images/remote.png') no-repeat scroll left top; }
.remote #content-head { background: transparent none repeat scroll 0% 0%; }
.remote #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.remote #content p em { font-style: normal; background-color: rgb(223, 235, 237); }
.remote #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.remote #content h3, .col h3 { font-size: 150%; color: rgb(254, 17, 134); }

.clients #main #headlines h1 span { background: transparent url('../images/clients.png') no-repeat scroll left top; }
.clients #content-head { background: transparent none repeat scroll 0% 0%; }
.clients #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.clients #content p em { font-style: normal; background-color: rgb(223, 235, 237); }
.clients #content p.first { font-size: 120%; color: rgb(71, 128, 143); }
.clients #content h3, .col h3 { font-size: 150%; color: rgb(254, 17, 134); }


/* ::::: thickbox.css ::::: */

* {
	margin: 0pt;
	padding: 0pt;
}
#TB_window { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(51, 51, 51); }
#TB_secondLine { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(102, 102, 102); }
#TB_window a:link { color: rgb(102, 102, 102); }
#TB_window a:visited { color: rgb(102, 102, 102); }
#TB_window a:hover { color: rgb(0, 0, 0); }
#TB_window a:active { color: rgb(102, 102, 102); }
#TB_window a:focus { color: rgb(102, 102, 102); }
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: transparent url('../images/macffbghack.png') repeat scroll 0% 0%; }
.TB_overlayBG { background-color: rgb(0, 0, 0); opacity: 0.75; }
* html #TB_overlay { position: absolute; }
#TB_window { border: 4px solid rgb(82, 82, 82); background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: fixed; z-index: 102; color: rgb(0, 0, 0); display: none; text-align: left; top: 50%; left: 50%; }
* html #TB_window { position: absolute; }
#TB_window img#TB_Image { border-style: solid; border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102); border-width: 1px; margin: 15px 0pt 0pt 15px; display: block; }
#TB_caption { padding: 7px 30px 10px 25px; height: 25px; float: left; }
#TB_closeWindow { padding: 11px 25px 10px 0pt; height: 25px; float: right; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0pt; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { padding: 7px 0pt 5px 10px; float: left; margin-bottom: 1px; }
#TB_title { background-color: rgb(232, 232, 232); height: 27px; }
#TB_ajaxContent { padding: 2px 15px 15px; overflow: auto; clear: both; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px; }
#TB_load { margin: -6px 0pt 0pt -104px; position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; }
* html #TB_load { position: absolute; }
#TB_HideSelect { border: medium none ; z-index: 99; position: fixed; top: 0pt; left: 0pt; background-color: rgb(255, 255, 255); opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { position: absolute; }
#TB_iframeContent { border: medium none ; clear: both; margin-bottom: -1px; margin-top: 1px; }