@charset "utf-8";

  a.cropit {display:block; overflow:hidden; width: 180px; height: 110px;position:relative;}
  a.cropit img {position:absolute;display:block;}
  a.cropit:hover {width: 174px; height:104px;border:3px solid red;}
  a.cropit:hover img {margin:-3px 0 0 -3px;}



/******************* GLOBAL CSS *******************/
* {padding:0px;margin:0px;}
body {background:url(../Images/bg-body.png) #e3e3e3 top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0px;}
p {color:#666; margin-bottom:12px; text-align: justify; line-height:150%;}
a {text-decoration:none;}
h2, h3 {color:#b55124; font-size:14px; margin-bottom:8px;}
.clear {clear:both}
.right {float:right;}
.left {float:left;}


/******************* CONTENT CSS *******************/
#main {/*padding-top:14px;*/}
#content-1st{float:left; width:290px; color:#666;}
.content-2{float:left; width:250px; color:#666;}
#project {padding-bottom:30px; float:left;}

#project h2 {margin-bottom:3px !important;}
#project h5 {font-size:11px; color:#6a7278; font-weight:normal;}
#project-list {width:270px; padding:8px 19px 20px 0; border-right:1px solid #d2d2d2; float:left; }
#project-list ul {margin-top:15px;}
#project-list li {display:inline; list-style:none; margin:0 4px 0 0;}
#project-list li img {margin-bottom:4px;}

#project-middle {float:left; width:260px; padding-left:25px; color:#666; margin-bottom:12px; text-align: justify; line-height:150%;}
#project-num {text-align:right; height:60px; font-size:11px; color:#8b939a; margin-top:2px;}
.project-back {float:left; font-size:11px; color:#8b939a;  width:160px; }
.project-back a{color:#8b939a; }
.project-back a:hover {color:#ff8400}

.project-br {width:18px; height:60px;float:left; padding-left:15px;}

.project-bl {width:126px; float:left; }

#project #fwd a{background-color:#afb3b7; }
#project #fwd a:hover{background-color:#f3ab5d}
#project #back {padding:0 4px 0 4px; float:left; }
#project #back a{background-color:#afb3b7}
#project #back a:hover{background-color:#f3ab5d}

#news-archvies{font-size:11px; color:#666; border-right:1px solid #d2d2d2; padding:0 22px 22px 0; margin-bottom:10px; line-height: 150%;}

#news-archvies a{color:#B55124;}

#news-archvies a:hover{color:#ff8400;}

#news-article {float:left; padding-left:25px; width:260px; font-size:11px;}
#news-article h2 {font-size:11px;}
#news-article h2 strong{font-size:14px;}
.news-item h4 {font-weight:normal; font-size:11px;}
.news-item p {font-size:11px;}

.services-2 {padding-top:10px; float:left; padding-left:25px; width:260px; font-size:11px;}
.square {}
.square li {list-style:square !important; display:list-item; list-style-position:inside;  color:#666; font-size: 11px !important; line-height:150%; margin-left:15px; }
html*.square li{
[margin-left:0px;
margin-left:0px;
]margin-left:0px;}

#services-txt {border-right:1px solid #d2d2d2; padding:0 22px 42px 0; margin-bottom:10px; font-size:11px; line-height:150%;}
#contact-txt a {color:#b55124;}
#contact-txt a:hover { color:#ff8400;}

#contact-form textarea {width:255px; height:80px; border: 1px solid #d5d5d5;}
label {color:#393d44; font-weight:bold;}
#contact-form .input {width:255px; height:22px; margin-bottom:10px; margin-top:2px; background:url(../Images/form-fix.png); border: 1px solid #d5d5d5;}
#contact-form {float:left; width:256px; padding-left:25px;}
#contact-btn {float:right; padding-top:12px;}

.home-txt {border-right:1px solid #d2d2d2; padding:0 22px 5px 0; font-size:11px;}
#home-news {float:left; padding-left:25px; width:260px; font-size:11px;}
#home-news .border {border:4px solid #fff;}
#home-news h4 {font-size:12px; color:#4c4c4c; font-weight:bold; margin:12px 0 2px 0;}

#news-header h3 {float:left;}
.news-number {float:right; }
.news-number li {display:inline; list-style: none;}
.news-number li a {
	display:block; 
	float:left; 
	border:1px solid #d3d3d3; 
	font-size:10px; 
	font-weight:bold; 
	height:14px; 
	width: 16px; 
	margin-left:6px; 
	text-align:center; 
	color:#666666;}
.news-number li a:hover { background-color:#666666; color:#bbb}
html*#news-number li a {
[padding-top:1px; 
padding-top:3px; 
]padding-top:1px;}

/******************* SHELL CSS *******************/
#header, #nav, #dock,  #footer, .outerContainer {width:739px; margin:auto;}
#main{
width:576px;
}

#header {height:68px;  margin-top:23px}
#header h1 {background:url(../Images/kosinski_architecture_inc.png) no-repeat; text-indent:-9999px; height:68px;;}

.footer { color:#b4b4b4; font-size:10px; padding:24px 0 40px 0; }
.footer a:hover { color:#666}
.footer a { color:#b4b4b4}

.nav {height:23px; background-color:#f3bc23; width:738px !important;} 
.nav li {display:inline; list-style: none;}
.nav li a{	
	display:block; 
	float:left; 
	border-right: 1px solid #e6dcc1; 
	font-size:8px; 
	color:#fff; 
	padding: 5px 0 4px 6px; 
	width:137px;}
.nav li a:hover { background-color:#ff8400;}
.nav .first a{border-left:1px solid #e6dcc1; width:136px !important;}
.nav .last a {width:154px !important;}#nav {height:23px; background-color:#f3bc23; width:738px !important;} 

.nav .active a{background-color:#ff8400 !important;}


#nav {height:23px; background-color:#f3bc23; width:739px !important; margin:auto;} 
#nav li {display:inline; list-style: none;}
#nav li a{	
	display:block; 
	float:left; 
	border-right: 1px solid #e6dcc1; 
	font-size:11px; 
	color:#fff; 
	padding: 5px 0 4px 6px; 
	width:137px;}
#nav li a:hover { background-color:#ff8400;}
#nav .first a {}
#nav .last a {width:155px !important;}
#nav .active a{background-color:#ff8400 !important;}
.nav .active a{background-color:#ff8400 !important;}

#nav #ctl00_first a{border-left:1px solid #e6dcc1; width:137px !important;}


.dock {min-height:272px;height:auto;  }
#dock-img {float:left; width:576px !important; height:272px; padding-bottom:14px; }
* html #dock-img {float:left; width:576px !important; height:272px; padding-bottom:14px; }
.dock-list {float:right; background-color:#9fa8b0; height:272px; width:163px;}
.dock-list li {display:inline; list-style: none;}
.dock-list a{
	float:left;
	color:#fff; 
	border-bottom:1px solid #aab3bb; 
	background-color:#9fa8b0;
	font-size:11px !important;  
	width:154px; 
	padding:5px 0 4px 7px;
	line-height:14px;}
.dock-list .active a{ background-color:#b9b19a !important;}
.dock-list a:hover { background-color:#b9b19a;}
html*.dock-list li a {
]padding:4px 0 3px 5px;
padding:4px 0 4px 5px;
[padding:4px 0 3px 5px;}

*{
margin:0px;
padding:0px;
}
.contact_submit{ 
float:left;
width:59px;
 height:12px; 
 background:url(../Images/btn-submit.png) left top no-repeat; 
 border:none; 
 color:#FFFFFF; 
 font-size:9px; 
 cursor:pointer; 
}
.dockpadding{
padding-bottom:14px;
float:left;
}
#project-list {width:270px; padding:5px 19px 20px 0; border-right:1px solid #d2d2d2; float:left;}
.paddinright{
margin-right:7px;
margin-bottom:7px;
}

.selectednewsnumber{
background-color:#666666; 
color:#fff;
}

.unselectednewsnumber {
	display:block; 
	float:left; 
	border:1px solid #d3d3d3; 
	font-size:10px; 
	font-weight:bold; 
	height:14px; 
	width: 16px; 
	margin-left:6px; 
	text-align:center; 
	color:#666666;}

.border {border:4px solid #fff;}
.img-main {text-align:center;}
.newsdesc {padding-right:10px;}