@import url("reset.css");

body,html {height:100%}
body {color:#fff; background:#303030 url(../images/bg.png); font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#fff; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select,button {color:#fff; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {text-decoration:underline}
a:hover {text-decoration:none}

	.serge-page .contact-block .btn span, .serge-page .pages a:hover, .serge-page .col-2 .who, .serge-page a, .serge-page h1, .serge-page .contact-block h2, .contact-block .c-h, .serge-page .latest-projects {color:#fff000}
	.serge-page .block-content {color:#a99f00}
	.serge-page .vis-c-block {position:absolute; z-index:1; top:24px; right:-20px; width:383px; height:596px; background-image:url(../images/vis-c-block.png)}
		.serge-page .vis-c-block span {position:absolute; right:15px; top:12px; width:130px; color:#959595; font:14px 'Times New Roman'}
	.serge-page .pages a {color:#828282}
		.serge-page .pages .selected {background-color:#d4bb00; background-position:100% 0}
			.serge-page .pages .selected a {background-position:0 0}
	.serge-page .contact-block .btn span {background-image:url(../images/ar-r-btn.gif)}

	.mike-page .pages a:hover, .mike-page .contact-block .btn span, .mike-page .col-2 .who, .mike-page a, .mike-page h1, .contact-block h2, .mike-page .contact-block .c-h, .mike-page .latest-projects {color:#00b5aa}
	.mike-page .block-content {color:#01948b}
	.mike-page .vis-c-block {position:absolute; z-index:1; top:24px; right:-20px; width:364px; height:578px; background-image:url(../images/vis-g-block.png)}
		.mike-page .vis-c-block span {position:absolute; right:15px; top:12px; width:130px; color:#959595; font:14px 'Times New Roman'}
	.mike-page .pages a {color:#828282}
		.mike-page .pages .selected {background-color:#00b5aa; background-position:100% -17px}
			.mike-page .pages .selected a {background-position:0 -17px}
	.mike-page .contact-block .btn span {background-image:url(../images/ar-g-btn.gif)}
		.mike-page .feedback .post-box {background-position:0 100%}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:1000px; margin:0 auto; height:auto !important; height:100%; min-height:100%}

.outer {padding:40px 34px 70px 19px}

.col-1 {float:left; width:242px}
.col-2 {position:relative; float:right; width:676px; padding-top:26px; height:auto !important; min-height:604px; height:604px}
	.col-2 .who {position:absolute; left:18px; top:0; color:#fff000; font:14px 'Times New Roman'}

.logo {text-align:center; padding-bottom:63px}

.navigation {font:24px 'Times New Roman'}
	.navigation a, .navigation .here {position:relative; display:block; padding:0 0 0 29px; height:38px; line-height:37px; text-decoration:none; font-weight:normal}
		.navigation a .ar, .navigation .here .ar {position:absolute; left:8px; top:15px; width:11px; height:7px; background-image:url(../images/ar.gif); font-size:1px}
		.navigation a:hover .ar {background-position:0 -21px}
	.navigation .serge-nav {}
		.navigation .serge-nav .here {background-color:#fff000}
		.navigation .serge-nav a {color:#a99f00}
			.navigation .serge-nav a:hover {color:#fff}
			.navigation .serge-nav ul a:hover {color:#a99f00}
		.navigation .serge-nav .ar {background-position:0 0}
	.navigation .mike-nav {position:relative; margin-right:-10px}
		.navigation .mike-nav .here {background-color:#00b5aa}
		.navigation .mike-nav .ar {background-position:0 -7px}
		.navigation .mike-nav a {color:#00988f}
			.navigation .mike-nav a:hover {color:#fff}
				.navigation .mike-nav ul a:hover {color:#00988f}
		.navigation .here .ar {background-position:0 -14px !important}
	.navigation .here {color:#000 !important; background:url(../images/nav-ar.gif) no-repeat 100% 0}
	.navigation li {padding-bottom:3px}

	.navigation ul {font:12px Arial,Helvetica; padding:6px 0 0 22px; margin-bottom:-2px}
	.navigation ul a, .navigation ul .here {display:-moz-inline-stack; display:inline-block; background-color:transparent; height:auto; line-height:normal; text-decoration:underline; padding:1px 7px 2px}
	.navigation ul a:hover {text-decoration:none}
		.navigation ul .here {background-image:none; text-decoration:none}
		.navigation ul ul {padding:5px 0 5px 2px}
		.navigation ul ul a, .navigation ul ul .here {color:#b4b4b4 !important; padding-left:14px; background-color:transparent !important; background-position:0 6px; background-repeat:no-repeat}
			.navigation .serge-nav ul ul .here {color:#fff000 !important; text-decoration:none; background-image:url(../images/li-here-serge.gif)}
			.navigation .mike-nav ul ul .here {color:#00b5aa !important; text-decoration:none; background-image:url(../images/li-here-mike.gif)}

.serge-main {background:url(../images/serge-main-bg.png) no-repeat 213px 134px}
.mike-main {background:url(../images/mike-main-bg.png) no-repeat 224px 144px}

.main-page {}
	.main-page .main-title .txt {float:left; font:24px 'Times New Roman'; padding:12px 0 0 11px}
	.main-page h1 {float:left}

.main-title {}
	.main-title h2 {position:relative; padding-left:104px; margin-top:-20px; font:36px/1em 'Times New Roman'; padding-bottom:20px}

h1 {display:-moz-inline-stack; display:inline-block; padding-right:19px; background:url(../images/main-title-r.png) no-repeat 100% 0; font:24px 'Times New Roman'}
	h1 span {display:-moz-inline-stack; display:inline-block; background:url(../images/main-title.png) no-repeat 0 0; line-height:53px; height:53px; padding:0 0 35px 18px}

/* // ---- latest projects ---- // */
.latest-projects {margin-left:auto; width:367px;}
	.latest-projects .latest-md {position:relative; background:url(../images/latest-projects.png) no-repeat 0 0; padding:0 20px 3px 82px}
	.latest-projects .latest-bt {position:relative; right:-1px; margin-left:auto; width:306px; height:17px; background:url(../images/latest-projects-btm.png)}
	.latest-projects h3 {float:left; font:14px 'Times New Roman'; padding-bottom:8px; padding-top:10px}
	.latest-projects .slideshow-m {position:relative; height: 248px; width: 265px; overflow:hidden;}
	.latest-projects .slideshow {height: 248px; width: 2650px;}
	.latest-projects .item {float:left;}
	.latest-projects h2 {font:18px 'Times New Roman'; padding-top:10px}
	.latest-projects .l-ar, .latest-projects .r-ar {position:absolute; top:70px; width:16px; height:9px; background-image:url(../images/ar-y.gif); font-size:1px}
		.latest-projects .l-ar:hover, .latest-projects .r-ar:hover {background-image:url(../images/ar-h.gif) !important}
	.latest-projects .l-ar {left:39px}
	.latest-projects .r-ar {right:-24px; background-position:100% 0}
	.mike-page .latest-projects .l-ar, .mike-page .latest-projects .r-ar {background-image:url(../images/ar-g.gif)}
/* -- ---- latest projects ---- -- */

.bottom {position:relative; margin-top:-60px; height:60px; background:url(../images/bottom-bg.gif) repeat-x -5px 100%}
	.bottom .copyright {color:#787878; font:12px 'Times New Roman'; width:952px; margin:0 auto; text-align:right; padding-right:48px}
	.bottom .copyright img {margin-top:7px; margin-right:3px}

/* // ---- block content ---- // */
.block-content {position:relative; z-index:2; padding-top:26px; width:335px; line-height:18px}
	.block-content h2 {font:21px 'Times New Roman'; padding-bottom:15px}
		.block-content h2 a {text-decoration:none; border-bottom:1px dashed}
	.block-content p {padding-bottom:18px}
	.block-content .cblock p {position:relative; margin-top:-2px; display: none;}
	.block-content .ph {padding-bottom:15px}
/* -- ---- block content ---- -- */

/* // ---- pages ---- // */
.pages {padding-left:17px; padding-bottom:15px}
	.pages li {float:left; padding-right:1px}
		.pages a {display:-moz-inline-stack; display:inline-block; padding:1px 4px 1px 5px; text-decoration:none}
		.pages li.selected {font-weight:bold; padding-right:1px; background-image:url(../images/pages-bg.png)}
			.pages li.selected a {color:#000 !important; background-image:url(../images/pages-bg.png)}
/* -- ---- pages ---- -- */

.portfolio {padding-left:17px}

.contact-block {padding-top:26px}
	.contact-block h2 {font:18px 'Times New Roman'; padding-left:4px; padding-bottom:15px}
	.contact-block .feedback {position:relative; width:497px; height:302px; background-image:url(../images/block-feedback.png); padding:22px 0 0 23px; margin-bottom:15px}
		.contact-block .feedback .post-box {position:absolute; right:-108px; bottom:-96px; width:175px; height:216px; background-image:url(../images/box.png)}
	.contact-block .lbl {color:#8d8d8d; font:14px 'Times New Roman'; padding-bottom:7px}
	.contact-block .i-p {border-width:0; background-color:#000; padding:6px 1px 6px 3px; width:467px}
		.contact-block textarea.i-p {height:90px; overflow:hidden; overflow-y:auto}
	.contact-block .inputs {padding-bottom:6px}
	.contact-block .i-cont {width:409px}
	.contact-block .btn {width:413px; text-align:right; padding-top:15px}
		.contact-block .btn button {background:none; border-width:0; padding:0; margin:0; overflow:visible; font:18px 'Times New Roman'; cursor:pointer; cursor:hand}
			.contact-block .btn button::-moz-focus-inner {padding:0px;border:0px}
			.contact-block .btn span {text-decoration:underline; padding-right:25px; background-position:100% 7px; background-repeat:no-repeat}
			.contact-block .btn button:hover span {text-decoration:none}
	.contact-block p {padding-bottom:9px; padding-left:4px}