/* Start of CMSMS style sheet 'grontlys : grontlys' */
* { margin:0; padding:0;}

body { padding:0; margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000;
background:#000000 url(..1/img/citybg.png) repeat-x top;}

a{	text-decoration:none; color:#999999;}
a:hover{text-decoration:underline;}
img{border:none;}


#wrapper{
	margin:auto;
	margin-top:20px;
	width:979px;
	background:#000 url(1/img/teclightmain1.jpg) no-repeat top center;}
	
#header{clear:both;}

.left{float:left;}
.right{float:right}

.toplinks{ font:11px Arial, Helvetica; color:#bcbcbc; padding:15px 100px 0 0;}
.toplinks a{ color:#999999; padding:0 10px;}
.toplinks a:hover{ color: #fc0; text-decoration:none;}

#header h1 { padding:40px 0 0 40px; width:300px; text-indent:-9009px; display:block; }
#header h1 a { display:block; width:100%; height:100%; outline:none; }

#left{ float:left; margin:15px; width:145px; padding-top:80px;}
#content{ float:right; padding:50px 136px 20px 50px; width:700px; text-align:justify;}




#footer{ clear:both; width:979px; height:100px; margin:0 auto; background:#000000 url(1/img/footerbg.png) no-repeat top; color:#000000; font:9px tahoma, Arial, Helvetica, sans-serif;}
#footer a{ color:#999999;}
#footer p{  padding:0 30px; padding-top:45px;}






   
   
  
/* GENERAL
------------------------------------------- */
div.intro-a { margin: 0 0 15px; padding: 0 0 5px; border-bottom: 1px solid #999999; background: url(../1/img/.png) 100% 15px no-repeat; }
 div.intro-a p { padding-right: 135px; }
 div.intro-a p.first { padding-right: 160px; }
 
div.project-a { overflow: hidden; width: 100%; margin: 0 0 20px; }
 div.project-a p.image { float: left; width: 100px; margin: 0 -240px 0 0; }
  div.project-a p.image img { display: block; }
 div.project-a div.info { position: relative; min-height: 90px; margin: 0 0 0 241px; padding: 15px 10px 35px 20px; background: #14121d; }

  div.project-a div.info h2 { margin: 0 0 5px; color: #a2cf22; font-size: 1.8em; }
  div.project-a div.info p { margin: 0 0 5px; color: #d0d0d2; font-size: 1.1em; }
  div.project-a div.info p.code { position: absolute; left: 20px; bottom: 10px; color: #555; word-spacing: 5px; }
   div.project-a div.info p.code a { color: #fff; font-weight: bold; }
   div.project-a div.info p.code a:hover,
   div.project-a div.info p.code a:focus { color: #a2cf22; }
 
h2.b { margin-bottom: 15px; font-size: 1.6em; line-height: 1; text-transform: uppercase; }
h3.a { margin-bottom: 4px; }
h3.b { background: url(1//img//bg-headers-a.png) 0 100% no-repeat; }


form.a { width: 100%; margin: 0 0 15px; padding: 0; }
 form.a p { position: relative; margin: 0; padding: 15px 0 15px 115px; border-top: 1px solid #a6c6cf; }

 form.a p.error { margin: -10px 0 0; padding: 0 0 15px 115px; border: none; color: #14121d; font: 0.9em/1.1 Verdana,sans-serif; }
 form.a p.offset { position: absolute; }
  form.a p label { position: absolute; left: 0; top: 17px; width: 110px; font-weight: bold; }
  form.a p span { display: block; margin: 5px 0 0; color: #14121d; font: 0.69em/1 Verdana,sans-serif; }
  form.a p input { width: 300px; padding: 2px 3px; border: 1px solid #76a7b6; border-color: #76a7b6 #90b8c4 #90b8c4 #76a7b6; background: #fff url(1/img//bg-inputs-a.png) no-repeat; }
  form.a p textarea { overflow: auto; width: 400px; height: 120px; padding: 2px 3px; border: 1px solid #76a7b6; border-color: #76a7b6 #90b8c4 #90b8c4 #76a7b6; background: #fff url(/img//bg-inputs-a.png) no-repeat; }
  form.a p select { padding: 2px; border: 1px solid #76a7b6; border-color: #76a7b6 #90b8c4 #90b8c4 #76a7b6; background: #fff url(1//img//bg-inputs-a.png) no-repeat; }
  form.a p img { vertical-align: middle; cursor: pointer; }
  form.a p strong { color: #000; }
 form.a p.submit { overflow: hidden; font-weight: bold; }
  form.a p.submit button { position: relative; overflow: visible; padding: 0 0 0 10px; border: none; background: url(1//img//button-a-left.png) no-repeat; height: 30px; font-weight: bold; white-space: nowrap; }
  form.a p.submit button::-moz-focus-inner { margin: 0; padding: 0; border: none; }
   form.a p.submit button span { position: relative; float: left; margin: 0; padding: 0 22px 0 10px; background: url(1//img//button-a.png) 100% 0 no-repeat; color: #fff; font-size: 1em; font-weight: bold; line-height: 30px; }
 form.a div.double-a { overflow: hidden; width: 100%; border-top: 1px solid #a6c6cf; }
  form.a div.double-a p { float: left; margin-top: -1px; }
  form.a div.double-a p.first { display: inline; margin-right: 25px; }
  
button.a { position: relative; overflow: visible; padding: 0 0 0 10px; border: none; background: url(/img//button-a-left.png) no-repeat; height: 30px; font-weight: bold; white-space: nowrap; }
button.a::-moz-focus-inner { margin: 0; padding: 0; border: none; }
 button.a span { position: relative; float: left; margin: 0; padding: 0 22px 0 10px; background: url(/img//button-a.png) 100% 0 no-repeat; color: #fff; font-size: 1em; font-weight: bold; line-height: 30px; }
  
dl.faq-a { overflow: hidden; width: 100%; margin: 0 0 15px; padding: 0; background: url(1/img//bracket-a.png) -10001px -10001px no-repeat; }
 dl.faq-a dt { position: relative; margin: -1px 0 0; padding: 10px 75px 10px 20px; border-top: 1px solid #a1c6d1; color: #FFFF00; font: bold 1.3em/1.4 Georgia,serif; text-indent: -16px; cursor: pointer; }

  dl.faq-a dt span { position: absolute; right: 0; top: 13px; width: 50px; padding: 0 10px 0 0; background: url(1/img//bullet-b.gif) 100% -10px no-repeat; color: #fff; font: 0.69em/1 Verdana,sans-serif; text-align: right; cursor: pointer; }
  dl.faq-a dt span.collapse { background-position: 100% 5px; }
 dl.faq-a dd { margin: 0; padding: 0px 0 5px 10px; border: 1px solid #a1c6d1; border-width: 1px 0; background: url(1/img//bracket-a.png) 10px 50% no-repeat; }
  dl.faq-a dd p { margin: 0 0 0px; }
  
table.a { width: 100%; border-collapse: collapse; border-spacing: 0; }
 table.a th { padding: 5px; border: 1px solid #95bac5; background: #50899c; color: #fff; font-size: 1.1em; text-transform: uppercase; text-align: center; }
 table.a td { padding: 10px 5px; border: 1px solid #95bac5; background: #fff; color: #205f73; font-size: 1.4em; text-transform: uppercase; text-align: center; }
 table.a tfoot td { border: none; background: none; border: none; }
  
a.veboo-a { font-weight: bold; text-transform: uppercase; }
 a.veboo-a span { padding: 0 0 0 1px; color: #fcfdc5; font-size: 0.75em; font-weight: normal; line-height: 1; vertical-align: 3px; }
 
/* ELEMENTS
------------------------------------------- */

 

 




table.ui-datepicker { width: 15.5em; text-align: right; }
table.ui-datepicker td { font-size: 1.1em; }
table.ui-datepicker td.ui-datepicker-unselectable { padding: .1em .3em .1em 0; border: 1px solid #fff; background: #e6e6e6 url(1/img//ui-themes/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; color: #999; }
table.ui-datepicker td.ui-datepicker-today { background: #666; color: #fff; }
table.ui-datepicker td a { display: block; padding: .1em .3em .1em 0; border: 1px solid #fff; background: #e6e6e6 url(1/img//ui-themes/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; color: #555; text-decoration: none; cursor: pointer; }
table.ui-datepicker td a:hover { border: 1px solid #999; background: #dadada url(1/img//ui-themes/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; color: #212121; }
table.ui-datepicker td a:active { border: 1px solid #ddd; background: #fff url(1/img//ui-themes/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; color: #222; }
table.ui-datepicker .ui-datepicker-title-row td { padding: .3em 0; color: #222; font-size: .9em; text-align: center; text-transform: uppercase; }
table.ui-datepicker .ui-datepicker-title-row td a { color: #222; }
table.ui-datepicker td.ui-datepicker-today a { background: #666; color: #fff; }
table.ui-datepicker td.ui-datepicker-current-day a { background: #5b94a5; color: #fff; }