/* general */
* {font-family: Verdana, Arial, Tahoma, sans-serif;}
body {background: #2E2D27 url(images/background8.jpg); padding: 0px;}
p {color: #555555; font-size: 11px; line-height: 130%;}
p.note {color:#888888; font-style:italic;}
ul {color: #555555; font-size: 11px;}
ul li {list-style: square;}
a, a:link {text-decoration: none; color: #0F75B5;}
a:hover {text-decoration: underline; color: #0F75B5;}
a:visited {text-decoration: underline; color: #2068B3;}
a:focus {outline: 0;} /* remove firefox dotted border */
h1, h2, h3, h4, h5, h6 {color: #2068B3; font-family: Calibri/*'Lucida Sans Unicode'*/, 'Lucida Sans', Verdana, Arial, Tahoma, sans-serif; 
	font-weight: normal; text-align: left; text-transform: none;}
h1 {font-size: 36px; letter-spacing: -2px; border-bottom: 1px dotted #cccccc; padding:0px; line-height: 80%; margin-top: 15px;}
h2 {font-size: 28px;}
h3 {font-size: 24px; letter-spacing: -1px; margin-bottom:0px; line-height: 50%;}
h4 {font-size: 16px; letter-spacing: -1px; margin-bottom:0px; line-height: 50%;}
h5 {font-size: 16px; letter-spacing: -1px; margin-bottom:0px; line-height: 50%;}
img, a img, a:link img, a:hover img {border: 0px; text-decoration: none; border-bottom: 0px;}
hr {width: 75%; border-bottom: 1px dotted #f6f6f6; height:1px;}

p.register {font-size:18px; text-align:center; background-color: #aaffbe; margin-bottom:10px;}
p.register img {vertical-align: middle; padding: 0 2px 0 2px;}

div.clear {clear:both; height:5px; border:0px; margin:0;}

/* layout */
div.exlayout {width: 420px; height: 100%; border: solid /*1*/0px #0097fd /*0168AA*/; margin: 0 auto; padding:20px 0 5px 0;}
div.layout {width: 400px; height: 100%; border: solid /*1*/0px #0168AA; margin: 0 auto; background: #FFFFFF; padding: 0px 10px 2px 10px;} /*border: solid 5px #E2E2E2*/
div.logo {text-align:center; padding: 5px 0 5px 0;}
div.logo a, div.logo a:link, div.logo a:visited {text-decoration: none; color: black; border-bottom: none;}
div.header {/*background-image: url(images/_home/home_head_3b.jpg); background-repeat: no-repeat;*/}
div.header a, div.header a:link, div.header a:visited {text-decoration: none; color: black; border-bottom: none;}

/* navigation */
div.navi, div.navi a {width:100%; height:100px; font-weight: normal; text-transform: lowercase; letter-spacing: -1px;
	color: #FFFFFF;	font-size:20px; text-decoration: none; padding: 3px 0 3px 0; border-bottom: none; font-family: 'Lucida Sans', Verdana, Arial, Tahoma, sans-serif;}
div.navi a:hover {font-weight: bold; text-decoration: none;}
div.navi .home {height:100%; float:left; text-align:left; width:25%; background: url(images/navibox_home.png) no-repeat;}
div.navi .left {height:100%; float:left; text-align:left; width:25%; background: url(images/navibox_left.png) no-repeat;} /*#2690D3*/
div.navi .center {height:100%; float:left; text-align:left; width:25%; background: url(images/navibox_center.png) no-repeat;} /*#34C924*/
div.navi .right {height:100%; float:right; text-align:left; width:25%; background: url(images/navibox_right.png) no-repeat;} /*#F8B91C*/
div.navi .home a, div.navi .left a, div.navi .center a, div.navi .right a {width:100%; height:75%; display:block;}

.nav, .nav ul {list-style:none; margin:0px; padding:0px 0 10px 0; float:right; text-transform: lowercase; 
	color: #FFFFFF;	text-decoration: none;}
.nav a {display:block; width:60px; line-height:50px; font-family: 'Lucida Sans', Verdana, Arial, Tahoma, sans-serif;}
.nav a:link, .nav a:visited, .nav a:active {color:#FFFFFF; text-decoration:none;}
.nav a:hover {color:#FFFFFF; border-bottom:3px solid #FF9900;}
.current a:link, .current a:visited, .current a:active {color:#ffffff;}
.current a:hover {color:#eeeeff;}
/*.nav li:hover ul, .nav li.over ul {left:0px; top:70px;}
.nav li:hover ul.rightdrop, .nav li.over ul.rightdrop {left:-61px; top:70px;}*/
.nav li {position:relative; float:left; display:block; width:60px; height:50px; text-align:center; border-right:0px solid #666666; font-size:12px; font-weight:bold; border-bottom:3px solid #2E2D27;}
.nav li.current {border-bottom:3px solid #FF9900;}
.one {border-bottom:3px solid #B900F6;}
.two {border-bottom:3px solid #0097FD;}
.three {border-bottom:3px solid #00B400;}
.four {border-bottom:3px solid #FD8B00;}
/*.nav li ul {position:absolute; width:90px; left:-999em;} 
.nav li ul li {width:100px; text-transform:none; text-align:left; font-weight:normal; font-size:11px; background-color:#5a7594; padding:0px 3px; border:0px; border-bottom:1px solid #32547b;}
.nav li ul li a {width:100px; line-height:24px;}
.nav li ul li.top {border-top:1px solid #fff;}*/

/* pagebody */
div.pagebody {width: 100%; height: 100%; text-align: left; margin: 0 auto; padding-top: 2px;}
div.pagebody a, div.pagebody a:link, div.pagebody a:hover {text-decoration: underline; color: #0F75B5;}
.pagebody img, .pagebody a img, .pagebody a:link img, .pagebody a:hover img {text-decoration: none;}

/* sidebar */
div.sidebar1 {position:fixed !important; position:absolute; top:0; width:25px; height:72px; margin-top:30px; margin-left:415px; padding:0; text-align:center;}
div.sidebar1 img {padding: 2px;}
div.sidebar2 {position:fixed !important; position:absolute; top:0; width:25px; height:82px; margin-top:120px; margin-left:415px; padding:0; text-align:center;}
div.sidebar2 img {padding: 2px;}

/* footer */
div.footer {text-align: center; margin: 0 auto; padding: 2px 0 10px 0; color: #A5A5A5; font-size: 11px; width: 400px;}
.footer a:link, .footer a:visited, .footer a:hover {border-bottom: none; color: #A5A5A5; text-decoration: none;}
div.footer .left {float:left; text-align:left; width:40%}
div.footer .right {float:right; text-align:right; width:60%;}

/* index */
div.index {width: 100%; height: 100%; text-align: left; margin: 0 auto; padding-top: 2px;}
div.index .left {float:left; text-align:center; width:33%;}
div.index .center {float:left; text-align:center; width:34%;}
div.index .right {float:right; text-align:center; width:33%;}
div.index .left p, div.index .center p, div.index .right p {font-size:16px;}

/* services */
div.serviceslink {text-align:center; text-decoration: none; border-bottom: none;}
.serviceslink img, .serviceslink a img, .serviceslink a:link img, .serviceslink a:hover img {text-decoration: none; border-bottom: none;}
div.services {text-align:center; text-decoration: none; border-bottom: none; width:100%; font-size:14px;}
div.services, div.services a, div.services a:link, div.services a:hover {text-decoration: none; border-bottom: none; 
	padding: 2px; font-family: Calibri, 'Lucida Sans', Verdana, Arial, Tahoma, sans-serif; font-size:16px;}
div.services .left {float:left; text-align:center; width:32%; margin:2px;}
div.services .middle {float:left; text-align:center; width:32%; margin:2px;}
div.services .right {float:right; text-align:center; width:32%; margin:2px;}

/* portfolio */
div.portfoliolink {text-align:center; text-decoration: none; border-bottom: none;}
.portfoliolink img, .portfoliolink a img, .portfoliolink a:link img, .portfoliolink a:hover img {text-decoration: none; border-bottom: none;}
div.portfoliopage {width:100%; height:100%; text-align: center; padding-bottom: 20px;}
div.portfoliopage div.box {width:100%; height:100%; padding: 5px 0 5px 0;}
div.box div.boxleft {float:left; text-align:center; width:28%;}
div.box div.boxleft a img {border: solid 2px #cccccc; padding:2px;}
div.box div.boxleft a:hover img {border: solid 2px #0F75B5; padding:2px;}
div.box div.boxright {float:right; text-align:left; width:72%; vertical-align:top;}
div.box div.boxright ul li {margin-left: -10px;}
div.box div.boxright ul li {list-style: none;}
div.box div.boxright h3 {margin-top:0px;}
div.portfolio {text-align:center; text-decoration: none; border-bottom: none; width:100%;}
div.portfolio, div.portfolio a, div.portfolio a:link, div.portfolio a:hover {text-decoration: none; border-bottom: none; 
	padding: 2px; font-family: Calibri, 'Lucida Sans', Verdana, Arial, Tahoma, sans-serif; font-size:16px;}
div.portfolio .left {float:left; text-align:center; width:32%; margin:2px;}
div.portfolio .middle {float:left; text-align:center; width:32%; margin:2px;}
div.portfolio .right {float:right; text-align:center; width:32%; margin:2px;}

/* seo */
div.casehistory {width:100%; height:100%; padding: 1px 0 1px 0; background: url(images/case.png) top right;}
div.casehistory div.caseleft {float:left; text-align:center; width:28%;}
div.casehistory div.caseleft a img {border: solid 4px #cccccc;}
div.casehistory div.caseleft a:hover img {border: solid 4px #0F75B5;}
div.casehistory div.caseright {float:right; text-align:left; width:72%; vertical-align:top;}
div.casehistory div.caseright ul li {margin-left: -10px;}
div.casehistory div.caseright ul li {list-style: square;}
div.casehistory div.caseright h3 {margin-top:0px;}

/* form style */
form {font-size: 11px;}
form input, form textarea, form select {text-align: center; border: 1px dashed #666666; border-top:0px;}

/* quoter */
.qtroundbox {background-color: #f6f6f6;}
.qttop div {background: url(images/quote-top-left.png) no-repeat top left;}
.qttop {background: url(images/quote-top-right.png) no-repeat top right;}
.qtbot div {background: url(images/quote-bottom-left.png) no-repeat bottom left;}
.qtbot {background: url(images/quote-bottom-right.png) no-repeat bottom right;}
.qttop div, .qttop, .qtbot div, .qtbot {width: 100%; height: 30px; font-size: 1px;}
.qtcontent {margin: -10px 5px -10px 5px;}
.qtcontent p {font-style: italic;}
.qtcontent span {font-weight: bold;}
.qtroundbox {width: 90%; height: 100%; margin: 1em auto;}

/* sitemap */
div.sitemap {margin-left:-30px;}
div.sitemap ul {list-style: none; margin-left:0px; font-size:14px; line-height:18px;}
div.sitemap ul li {list-style: none; margin-left:0px; background: url(images/SM_trov3.gif) repeat-y;}
div.sitemap ul li.norm {list-style: none; margin-left:0px; padding-left:15px; background: url(images/SM_trov.gif) no-repeat;}
div.sitemap ul li.last {list-style: none; margin-left:0px; padding-left:15px; background: url(images/SM_trov2.gif) no-repeat;}

/* error page */
div.errorpage {width: 100%; height: 100%; text-align: left; margin: 0 auto; padding-top: 2px; font-size:12px;}
div.errorpage h1 {font-size: 36px; letter-spacing: -3px; border-bottom: 1px dotted #cccccc; padding:0px; line-height: 80%; margin-top: 15px; 
	color: #2068B3; font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Tahoma; font-weight: normal; text-align: left; text-transform: none;}
div.errorpage img {vertical-align: middle;}

/* footerlinks */
div.links {text-align: center; margin: 0 auto; padding: 3px; color: white; width: 70%;}
.links p, .links a:visited {border-bottom: none; color: white; text-decoration: none; font-size: 10px;}
.links a, .links a:link, .links a:hover {border-bottom: none; color: white; text-decoration: underline;}

/* OLD 
.port a:link {text-decoration: none; color: black; border-bottom: none;}
.port a:visited {text-decoration: none; color: black; border-bottom: none;}
table.port {width: 100%; border: 0px;}
tr.port {height: 110px;}
td.portimg {width: 110px; vertical-align: middle; border-bottom: 1px dashed #666666; text-align: center;}
td.portdes {width: 400px; vertical-align: top; border-bottom: 1px dashed #666666; padding: 0.2cm 0.2cm;}
table.tmpl {width: 100%; border: 0px;}
tr.tmpl {height: 110px;}
td.tmplimg {width: 110px; vertical-align: middle; border-bottom: 0px; text-align: center;}
td.tmpldes {width: 110px; vertical-align: top; border-bottom: 1px dashed #666666; text-align: center; padding: 0.2cm 0.2cm;}
.portproject td tr {width: 130px; height: 110px; vertical-align: top; border-bottom: 1px dashed #666666; text-align: center;}
.portproject strong {color: #2068B3; font-size:10px;}*/

/* border style */
.dash {border: 1px dashed #a9a9a9;} /* dashed border */
.dot {border: thin dotted #a9a9a9;} /* dotted border */

/* p:first-letter {font-size: 150%; float: left; padding-right: 1px; padding-top: 1px;} */