@charset "utf-8";
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {
	border:0
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear:both
}
/*END OF RESET*/

/*MAIN STRUCTURE*/
html, body {
	width:100%;
	height:100%;
	color:#474747;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.whitebox{background:#FFFFFF; height:65px; top:0; float:left; width:100%;}

p {
	line-height:20px;
	margin-bottom:20px;
	font-size:14px;
}
.red p  {color:#fff;}
h1 {
	font-size:45px;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	letter-spacing:-1px;
	line-height:35px;
}
#mainside h3{	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:21px;line-height:30px;}
.red #mainside h3{color:#d6d6d6;}
.container {
	/*margin:0 auto;  center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color:#00CCCC;
}
div#header {
	margin:auto;
	width:900px;
	height:65px;
	background-color:#FFF;
	position:relative;
}
div#content {
	width:900px;
	margin-bottom: 30px;
	position:relative;
}

#content.white{border-top:#d6d6d6 solid 1px;border-right:#d6d6d6 solid 1px;}

div#footer {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:860px;
	font-size:10px;
	color:#fff;
	text-align:right;
	padding:0 20px;
	bottom:15px;
	position:relative;
	
}
div#container{position:relative; height:100%;}
	.big1{color:#d6d6d6;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	line-height:150%;}
#rightmenu {
	height:500px;
	float:right;
}
#mainside{margin-right:250px; position:relative;}
#mainside h2 { padding-right:30px;}
#logo {
	float:right;
}
#topmenu {
	float:left;
	margin-right:180px;
}
/*END MAIN STRUCTURE*/
.homebox {
	width:450px;
	height:370px;
	float:left;
	background-color:#fff;
	position:relative;
}
.homebox h2 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	}
.smallbox {
	width:150px;
	height:150px;
}
.smallbox h3 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%
}
.inner  {
overflow:hidden;
position:relative;
margin-bottom:20px;
}
div.equalItem{
float:left;
margin-bottom:-1000px;
padding-bottom:1000px;
}
.inner-lbt-50 {
	padding:50px 0 50px 50px;
	position:relative;
}
.inner-l-30-bt-50 {
	padding:50px 0 50px 30px;
	position:relative;
}
.inner50 {
	padding:50px;
	position:relative;
}
.inner30 {
	padding:30px;
	position:relative;
}

.inner20 {
	padding:20px;
	position:relative;
	display:block;
}

.white{background-color:#FFFFFF}
.column-50{float:left; width:275px; margin-left:50px; margin-bottom:20px;}
.column-35{float:left; margin-left:35px; margin-bottom:20px;}

.column-rb-20{float:left; margin:0 20px 20px 0}
.column-lb-20{float:left; margin:0 0px 20px 20px; position:relative;}
.column-lb-20-r-60{float:left; margin:0 60px 20px 20px; position:relative;}
.column-b-20{float:left; margin:0 0 20px 0}
.portfolio-tiles-descr{background:#FFFFFF; padding:20px; width:250px;}


.boxmenu {
	margin:30px 0 30px 0;
}
.boxmenu a {
	float:left;
	display:block;
	margin-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}
.boxmenu a:hover {
	text-decoration:none
}
.smallbox .boxmenu {
	margin:10px 0 20px 0;
	bottom:0;
	position:relative;
}
.smallbox .boxmenu a {
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}
#rightmenu .darkgray a, #rightmenu .darkgray h3{color:#c0c0c0}
#rightmenu .lightgray a, #rightmenu .lightgray h3{color:#474747}
#rightmenu .middlegray a, #rightmenu .middlegray h3{color:#e3e3e3}
#rightmenu h3{margin-bottom:15px;font-weight:normal;}
.lightgray .txt, .lightgray a, .lightgray a:visited, .lightgray a:active, .lightgray a:hover {
	color:#474747
}
.middlegray .txt, .middlegray a, .middlegray a:visited, .middlegray a:active, .middlegray a:hover {
	color:#e3e3e3;
}
.darkgray .txt, .darkgray a, .darkgray a:visited, .darkgray a:active, .darkgray a:hover {
	color:#c0c0c0
}

#listfilter{
	margin:50px 0 20px 20px;
	border-top:0px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	height:30px;
}

/*#listfilter ul{list-style:none}
#listfilter ul li{float:left;}
#listfilter ul li a{display:block; padding:9px 10px; background:#979797; color:#FFFFFF; text-decoration:none; border-right:1px solid #d5d5d5; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}*/

#paging {padding-left:20px; }
#paging ul{list-style:none}
#paging ul li{float:left;}
#paging ul li a, #paging ul li a:visited{display:block; padding:5px 0px 2px 0; text-decoration:none; border-bottom:1px solid #555; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; margin-right:10px;}
#paging ul li a:hover, #paging ul li a.active{ border-bottom:none; color:#ef3367;}
#subtitle{
margin:50px 0 20px 20px; height:30px;
}

.h90{height:90px;}

.txt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-left:120px
}
#topmenu {
	margin-top:24px;
}
#topmenu a {
	float:left;
	display:block;
	margin-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#474747;
	text-decoration:none; border-bottom:1px solid #949494;
}
#topmenu a:hover {
	text-decoration:none; border:none;
}

.leftcol_lightgray, .leftcol_blue { background:#5fd0d6 url(/images/mainbg1.jpg) right top no-repeat;}
.centercol_lightgray, .centercol_blue { 	background:#d6d6d6 url(/images/mainbg2.jpg) left 600px no-repeat; }

.leftcol_red { background:#EF3366 url(/images/mainbg1.jpg) right top no-repeat;}
.centercol_red { 	background:#ed1651 url(/images/mainbg2.jpg) left 600px no-repeat;}

.leftcol_darkgray { background:#5fd0d6 url(/images/mainbg1.jpg) right top no-repeat;}
.centercol_darkgray { background:#313131 url(/images/mainbg2.jpg) left 600px no-repeat;
}
.leftcol_middlegray { background:#5fd0d6 url(/images/mainbg1.jpg) right top no-repeat;}
.centercol_middlegray { background:#838383 url(/images/mainbg2.jpg) left 600px no-repeat;}

.leftcol_white { background:#5fd0d6 url(/images/mainbg1.jpg) right top no-repeat;}
.centercol_white { background:#ffffff url(/images/mainbg2.jpg) left 600px no-repeat;}

.red {
	background-color:#ed1651;
}

.white {background-color:#ffffff;}
.white h1{text-align:right;}

span.red, .redcolor {color:#ed1651;

	background:none;
}
.red h1 {
	color:#FFFFFF;
	text-align:right;
	
}

.lightgray {
	background-color:#d6d6d6;
}
.lightgray h1, .middlegray h1, .darkgray h1 {
	text-align:right;
	
}
.lightgray h1, .lightgray h2, .lightgray h3 {
	color:#474747;
}
.middlegray {
	background-color:#838383;
}
.middlegray h1, .middlegray h2, .middlegray h3, .middlegray p {
	color:#e3e3e3;
}
.darkgray {
	background-color:#313131;
}
.darkgray h1, .darkgray h2, .darkgray h3, .darkgray p{
	color:#c0c0c0;
}
.darkgray h1, .middlegray h1, .red h1, .white h1, .lightgray h1{
margin-bottom:40px;
}

.portfolio-tiles-descr h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ef3367; font-weight:bold; margin-bottom:10px; }

.portfolio-tiles-descr p{font-size:11px; color:#333333; line-height:normal; padding:0; margin:0; line-height:normal; }
.red h4 {
	color:#333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:larger;
	line-height:150%;
}
.lt, .lb, .rt, .rb, .lt .sd, .lb .sd, .rt .sd, .rb .sd{width:225px; height:185px; position:absolute; overflow:hidden; z-index:100}
.lt .sd, .lb .sd{left:225px; top:0}
.rt .sd, .rb .sd{left:-225px; top:0}
.lt{left:0; top:0;}
.lb{left:0; bottom:0;}
.rt{right:0; top:0; }
.rb{right:0; bottom:0;}
.lt:hover, .lb:hover, .rt:hover, .rb:hover, .lt:hover .sd, .lb:hover .sd, .rt:hover .sd, .rb:hover .sd{overflow:visible; z-index:1000; background-color:#FFFFFF;}
.lt .canvas, .lb .canvas, .rt .canvas, .rb .canvas{background:url(/images/stcanvas.png) no-repeat; width:225px; height:185px;}
.lt:hover .canvas, .lb:hover .canvas, .rt:hover .canvas, .rb:hover .canvas{ background:url(/images/ntcanvas.png) no-repeat; position:relative;}
.sd p{font-size:11px; line-height:normal;}
#phone{	font-family:Arial, Helvetica, sans-serif; 	font-size:12px; position:absolute; top:24px; z-index:auto; width:200px; font-weight:bold;}
.phonehomepage{right:230px;}
.phonenextpage{right:185px;}
#backbutton{position:absolute; top:70px; left:50px;  z-index:auto; font-size:11px;}
#backbutton a, #backbutton a:visited{font-family:Arial, Helvetica, sans-serif; color:#ed1651;}
.unbold{font-weight:normal;}
.smaller{font-size:88%}