@charset "UTF-8";
/* CSS Document */


/* -------------------------------------------------------------- 
  
   BRILLIANCY.EU I MAIL@BRILLIANCY.EU
   * Version:   3.0
   
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
   RESET PROPERTIES 
   -------------------------------------------------------------- */
body, html { padding:0px; margin:0px; }
body{ background-color:#ccded2; color: #333; font-family:Arial, Helvetica; font-size:13px; word-spacing:1px; line-height:1.5; height:100%; width:100%; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	color:#333;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
/* -------------------------------------------------------------- 
   TYPOGRAPHY 
   -------------------------------------------------------------- */
#apDiv1 {
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	position: relative;
	width:660px;
	height:auto;
	margin:4px 4px 0 4px;
	padding:10px 8px 20px 8px;
	background:#FFFFFF;
}


.title{ font-weight:bold}
.apdiv_close{ margin:0; padding:0; height:18px; text-align:right}
.apdiv_text{ margin:0; padding:0 0 8px 27px; font-size:12px; width:550px; color: #999999}
.apdiv_img{ margin:0; padding:0 0 8px 0; height:auto}

table {
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:1.4em;
	width:100%;
}
caption, th, td {
	font-weight:400;
	text-align:left;
}
table, td, th {
	vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
a img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	color:#111111;
	font-weight:400;
}
h1 {
	font-size:24pt;
	line-height:1;
	margin-bottom:.5em;
}
h2 {
	font-size:16pt;
	margin-bottom:.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}
h5 {
	color:#111;
	font-size:8pt;
	font-weight:700;
	margin-bottom:1.5em;
}
h6 {
	font-size:8pt;
	font-weight:700;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p img.left {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
a {
	color:#49B8A8;
	text-decoration:none;
}
blockquote {
	color:#111;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	margin:.8em .8em .8em 0;
	text-align:justify;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	font-style:italic;
	margin:0 0 1.5em;
}
pre {
	margin:1.5em 0;
	white-space:pre;
}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em;
}
dd {
	margin-left:1.5em;
}
thead th {
	background:#c3d9ff;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tr.even td {
	background:#e5ecf9;
}
caption {
	background:#eee;
}
strong, dfn, dl dt, th {
	font-weight:700;
}
em, dfn, tfoot {
	font-style:italic;
}
.small {
	color:#999;
	font-size:.8em;
	line-height:1.5em;
	margin-bottom:0;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color:#fff;
}
.removed {
	background:#900;
	color:#fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
/* -------------------------------------------------------------- 
   BODY, WRAP, BOXES, GRID 
   -------------------------------------------------------------- */
#wrap, .wrap {
	background:#ccded2;
	overflow:auto;
}
#wrap, .wrap_info, #wrap, .wrap_external {
	background:#ccded2;
	overflow:auto;
}
.box {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4px;
	padding:10px;
	width:200px;
	background-color: #FFFFFF;
	position:relative
}
.box h5 {
	margin-top:0px;
	margin-bottom:0em;
	line-height:12pt;
	color: #49B8A8;
}
.box p {
	margin-bottom:0px;
}
.box img {
	margin-bottom:0.5em;
}
.box h3 {
	line-height:16pt;
	margin-bottom:0.5em;
}
.box a {
	color:#111;
	text-decoration:none;
}
.box2 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#f4f4f4;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4pt;
	padding:10px;
	width:230px;
}
.box_external {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ffffff;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4pt;
	overflow:hidden;
	padding:10px;
	width:870px;
}
.box_external_small {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#e4e4e4;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4pt;
	overflow:hidden;
	padding:10px;
	text-align:center;
	width:142px;
}
.small_btn {
	width:83px;
	height:18px;
	background:#000;
	padding-top:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
}
.small_btn a:hover {
	color:#fff;
}
.small_btn a {
	color:#fff;
}
/*NAVIGATION*/

#nav {
	height:46px;
	list-style:none;
	margin:0 0 0 30px;
}
#nav ul{ margin:0; padding:0; list-style:none}
#nav ul li {
	float:left;
	margin-right:9px;
	list-style:none;
}
.box_external_small h5 {
	margin-bottom:.2em;
}
.box_info, .box_contact {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#e4e4e4;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4pt;
	padding:10px;
	width:470px;
}
.box_external_small p, #main_image img {
	margin-bottom:0;
}

.rounded {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#000;
	border-radius:5px;
	height:30px;
	margin-left:20px;
	padding:0px;
	width:130px;
}
.rounded ul {
	float: left;
	margin: 7px 0 0 15px;
	padding: 0;
}
.rounded li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	color:#fff;
	cursor:pointer;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.rounded_top {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#000;
	border-radius:5px;
	height:30px;
	margin-left:20px;
	padding:0px;
	width:500px;
}
.rounded_bottom {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#000;
	border-radius:5px;
	height:30px;
	padding:5px;
	width:240px;
	margin:4pt;
}
/* -------------------------------------------------------------- TABS, CONTENT -------------------------------------------------------------- */

#simpleTabs, #simpleTabs2 {
	width:100%;
	padding-top: 230px;
}
.simpleTabs-nav ul {
	float: left;
	margin: 7px 0 0 15px;
	padding: 0;
}
.simpleTabs-nav li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	color:#fff;
	cursor:pointer;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.simpleTabs-nav ul li:after {
	content: "\A0\A0\A0\A0/\A0\A0\A0\A0";
}
.simpleTabs-nav ul li.last:after {
	content: "";
}
.simpleTabs-nav a {
	color:#FFF;
}
.simpleTabs-nav a:hover {
	color:#FFF;
}
br {
	clear:left;
}
.simpleTabs-nav li:hover {
	background:transparent;
	color:#fff;
}
.simpleTabs-nav li.close {
	float:right;
}
.simpleTabs-nav li.actif {
	color:#fff;
	font-weight:700;
}
.simpleTabs-content {
	clear:both;
	color:#b8d9c5;
	padding:20px 0 25px 27px;
}
/* -------------------------------------------------------------- FORM -------------------------------------------------------------- */

form legend {
	color:#111;
	font-size:16pt;
	padding:0;
}
form {
	float:left;
	margin-bottom:0;
	padding:0 20px 0 0;
}
form, form fieldset input, form fieldset textarea, form label {
	font-family:Helvetica, Arial;
	font-size:8pt;
}
form p {
	margin:10px 0;
	position:relative;
}
form p label {
	left:0;
	position:absolute;
	top:0;
}
form h5 {
	color:#111;
	font-size:8pt;
	font-weight:bolder;
	line-height:20pt;
	margin-bottom:.2em;
	margin-top:0;
}
form h2 {
	font-size:12pt;
	font-weight:700;
}
form fieldset p input, form fieldset p textarea {
	display:block;
	margin:0;
	padding:4px;
	width:460px;
}
form fieldset p label {
	color:#777;
	display:block;
	margin:5px 5px 5px 6px;
	padding:0;
	width:280px;
}
form fieldset p textarea {
	padding:2px;
	width:464px;
}
form fieldset p textarea, form fieldset p input {
	border:solid 1px #ccc;
}
.button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#000;
	border:none;
	border-radius:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	width:70px;
}
/* -------------------------------------------------------------- INFOMATION - ABOUT ME - BLOCKS,IMAGES -------------------------------------------------------------- */

.infoimg {
	background:url(img.png) no-repeat center;
	height:138px;
	margin-bottom:1.5em;
	width:470px;
}
.infoblock {
	width:150px;
}
.infobox {
	width:130px;
}
.infobox_right {
	width:470px;
}
.infobox, .infobox_right, .infobox_right_1, .infobox_right_2 {
	float:left;
}
.infobox_right_1, .infobox_right_2 {
	width:140px;
}
.infobox_right_1 li, .infobox_right_2 li {
	list-style:none;
	margin:0;
}
.infobox_right_1 ul, .infobox_right_2 ul {
	list-style:none;
	margin:0;
}
.infobox_right_1 p, .infobox_right_2 p {
	margin:0;
}
.infoblock_r {
	width:300px;
}
.infoblock h2, .infoblock_r h2 {
	font-size:12pt;
	font-weight:700;
	line-height:18pt;
	margin-bottom:2pt;
}
.infoblock h1, .infoblock_r h1, .infobox h1, .infobox_right h1 {
	font-size:16pt;
	font-weight:700;
}
.infoblock h5, .infoblock_r h5 {
	color:#111;
	font-size:8pt;
	font-weight:700;
	margin-bottom:.5em;
}
div.infoblock, div.infoimg, div.infoblock_r, {
 float:left;
 margin-right:10px;
}
div.descblock_top, div.teeblock_1, div.teeblock_2, div.teeblock_3 {
	float:left;
	margin-right:20px;
}
.infoblock p, .descblock_top p, .infoblock_r p {
	font-size:8pt;
}
/* -------------------------------------------------------------- 
   PROJECT INFORMATION BLOCKS   
   -------------------------------------------------------------- */

.descblock_box {
	margin-top:2em;
	width:910px;
}
.descblock_top {
	width:600px;
	text-align:left;
	text-justify:newspaper;
}
.teeblock_box {
	margin-top:0em;
	width:910px;
}
.teeblock_1 img, .teeblock_3 img {
	border:#FFF solid 3px;
}
.teeblock_1 {
	width:280px;
}
.teeblock_2 {
	width:270px;
}
.teeblock_3 {
	width:280px;
}
.descblock_top h2 {
	color:#111;
	font-size:12pt;
	font-weight:400;
	line-height:20pt;
	margin-bottom:.2em;
	margin-top:0;
}
.descblock_top h1 {
	font-size:24pt;
	font-weight:700;
	margin-bottom:1pt;
}
.descblock_top h5 {
	margin-bottom:0.2em;
}
/* -------------------------------------------------------------- 
   GALLERY
   -------------------------------------------------------------- */


/*START*/
.galleria {
	list-style:none;
	width:200px
}
.galleria li {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:0px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:0em
}
* html .galleria li div span {
	width:800px
} /* MSIE bug */
.demo {
	position:relative;
	margin-top:0em;
}
.gallery_demo {
	width:160px;
	margin:0 auto;
}
.gallery_demo li {
	width:68px;
	height:50px;
	border:1px double #fff;
	margin: 0 2px 2px 0;
	background:#f4f4f4;
}
.gallery_demo li div {
	left:0px
}
.gallery_demo li div .caption {
	font:italic 0.7em/1.4 georgia, serif;
}
#main_image {
	margin:0 auto 0px auto;
	height:580px;
	width:870px;
	background:#f4f4f4;
}
#main_image img {
	margin-bottom:10px;
}
.nav {
	padding-top:10px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
.info {
	text-align:left;
	width:700px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}
.info p {
	margin-top:1.6em;
}
/*END*/
p, form h4 {
	color:#666;
	font-size:8pt;
	margin:0 0 1.5em;
}
a:focus, a:hover, del, .quiet, .box a:focus, a:hover {
	color:#666;
}
.hide, form p br {
	display:none;
}
/* -------------------------------------------------------------- 
   lOGO, FOOTER
   -------------------------------------------------------------- */
.logo {
	float:left;
	position: absolute;
	top: 19px;
	left: 30px;
	height:200px;
}
#footer {
	clear: both;
	height: 30px;
	width: auto;
	margin-left:30px;
	margin-top:20px;
	background:#e4e4e4;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-radius:5px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#footer ul li {
	float: left;
	display:inline;
	margin: 4px 10px 0 10px;
	padding: 0;
	list-style:none;
}
#footer ul li a {
	color:#222;
	font-weight:bold;
	text-decoration:none;
	font-size:8pt;
}
#footer ul li a:hover { color:#999999}
#footer ul li p {
	color: #999;
	margin-top:2px;
	margin-left:5px;
	font-size:8pt;
}
#footer ul li:after {
	content: "";
}
#footer ul li.last:after {
	content: "";
}
#footer img {
	float:left;
	margin-left:7px;
}
/*LOADER*/

.QOverlay {
	background-color: #c4c4c4;
	z-index: 9999;
}
.QLoader {
	background-color: #f4f4f4;
	height: 1px;
}

.hover_like{ margin:3px 0 0 0; padding:2px 0 0 9px; height:22px; width:41px; background:url(../img/nohover.gif) no-repeat; font-size:13px; font-weight:bold; color:#FFFFFF}