@charset "UTF-8";

/* CSS Document */


/**a:**/

a:link {
	color: #12879b; 
	text-decoration: none; 
}

a:visited {
	color: #12879b; 
	text-decoration: none; 
}

a:hover {
	color: #C24D17;
	text-decoration: none;
}

a:active {
	color: #12879b;
	text-decoration: none;
} 

a.r:link {
	color:#0D636F; 
	text-decoration: none; 
}

a.r:visited {
	color:#0D636F; 
	text-decoration: none; 
}

a.r:hover {
	color:#D1B01A;
	text-decoration: none;
}

a.r:active {
	color:#0D636F; 
	text-decoration: none;
} 


a.n:link {
	color:#947c10;
	letter-spacing:.2em;	
	text-decoration: none; 
}

a.n:visited {
	color:#947c10;
	letter-spacing:.2em;	
	text-decoration: none; 
}

a.n:hover {
	color:#675606;
	letter-spacing:.2em;	
	text-decoration: none;
}

a.n:active {
	color:#675606;
	letter-spacing:.2em;	
	text-decoration: none;
} 

a.c:link {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
	color:#bea019;
	letter-spacing:.1em;
}

a.c:visited {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
	color:#bea019;
	letter-spacing:.1em; 
}

a.c:hover {
	color:#12879b;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
	letter-spacing:.1em;
}

a.c:active {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
	color:#bea019;
	letter-spacing:.1em;
} 

a.g:link {
	color:#7995AB;
}

a.g:visited {
	color:#7995AB;
}

a.g:hover {
	color:#566D7E;
}

a.g:active {
	color:#7995AB;
}

a.h:link {
	color:#12879b;
}

a.h:visited {
	color:#12879b;
}

a.h:hover {
	color:#947c10;
}

a.h:active {
	color:#12879b;
}

a img {
	border:none;
} 

/*a:*/


/**copy**/

#copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.1em;
	color:#9a999a;
}


#sub {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	color:#0D636F;
	margin-bottom:29px;
	letter-spacing:.2em;
}

#logo_title {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	color:#12879b;
	margin-bottom:9px;
	letter-spacing:.26em;
}


#wrktitle_copy {
	font-family:'Open Sans', sans-serif;
	font-weight:400; 
	font-size:21px;
	letter-spacing:.18em;
	color:#12879b;
}


#project_copy {
	font-family:'Open Sans', sans-serif;
	font-weight:600; 
	font-size:22px;
	letter-spacing:.21em;
	color:#846f0b;
	line-height:40px;
}


#copy_title {
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:14px;
	color:#12879b;
	letter-spacing:.1em;
}

#who_title {
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:14px;
	color:#846f0b;
	margin-bottom:10px;
	margin-left:2px;
	letter-spacing:.1em;
}

#copy_subtitle {
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:14px;
	display: block;
	color:#bea019;
	letter-spacing:.1em;
	margin-top: 20px;
}


#about_title {
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:16px;
	color:#12879b;
	letter-spacing:.1em;
	margin-bottom:3px;
}


#why_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 	
	font-size:11px;
	letter-spacing:.1em;
	line-height:18px;
	color:#9a999a;
	padding-right:3px;
}

#pageheadline {
	margin-top:33px;
	font-family:'Open Sans', sans-serif;
	font-size:70px;
	font-weight:normal; 
	letter-spacing:-.015em;
	line-height:65px;
	color:#bea019;
}

#cat_copy {
	padding-left:8px;
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:14.5px;
	letter-spacing:.15em;
	line-height:20px;
	color:#846f0b;
}

#project_title {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:27px;
	letter-spacing:.1em;
	line-height:20px;
	text-transform:uppercase;
	color:#12879b;
	margin-top:35px;
	margin-bottom:35px;
}

#projectinfo_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:12px;
	letter-spacing:.1em;
	line-height:22px;
	color:#9a999a;
	margin-left:15px;
	margin-bottom:5px;
}

#projectinfo_copy2 {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:12px;
	letter-spacing:.1em;
	line-height:22px;
	color:#9a999a;
	margin-left:15px;
	margin-bottom:5px;
}

#workinfo_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:12px;
	letter-spacing:.1em;
	line-height:18px;
	color:#9a999a;
	padding-right:3px;
	padding-bottom:10px;
}


#hire_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	font-weight:lighter;
	letter-spacing:.1em;
	line-height:18px;
	color:#808080;
	padding-right:3px;

}

#res_company {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	color:#12879b;
}

#res_cat {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	color:887519;
}

#point {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	color:918032;
	padding-top: 4px;
	margin-right:2px;
}

#footer_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:10px;
	letter-spacing:.1em;
	line-height:18px;
	color:#12879b;
	margin-top:20px;
}


#about_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.1em;
	line-height:22px;
	color:#9a999a;
	padding-right:3px;
}


#contact_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:12px;
	letter-spacing:.1em;
	line-height:18px;
	color:#9a999a;
	margin-left:12px;
}


#good_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.18em;
	line-height:20px;
	color:#9a999a;
	padding-right:3px;
	margin-left:15px;
	margin-top: 7px;
	margin-bottom: 17px;
}

#contact_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:10px;
	letter-spacing:.15em;
	color:#8a898a;
}

#goodhire_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.1em;
	line-height:18px;
	color:#9a999a;
	padding-right:15px;
	margin-left:8px;
	margin-top:2px;
	margin-bottom: 17px;
}

#whyhire_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.1em;
	line-height:18px;
	color:#9a999a;
	padding-right:35px;
	margin-left:8px;
	margin-top:2px;
	margin-bottom: 17px;
}

#info_copy {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	letter-spacing:.1em;
	line-height:16px;
	color:#9a999a;
	padding-left:4px;
	padding-top:3px;
	margin-bottom:1px;
}

#handwriting {
	font-family:'Kristi', cursive;
	font-weight:400;
	font-size:40px;
	color:#4d4f4f;
	letter-spacing:.1em;
	margin-top:30px;
	margin-bottom: 6px;
	margin-left:-3.5px;
	line-height:17px;
}

#sig {
	font-family:'Open Sans', sans-serif;
	font-weight: 600; 
	font-size:10px;
	letter-spacing:.19em;
	color:#454747;
	margin-top:13px;
}

/*copy*/


/** jCarousel **/
	
.projects .jcarousel-clip {
	width:990px;
	height:357px;
	overflow:hidden;
	position:relative;
}

.jcarousel-prev,.jcarousel-next {
	font-size:0;
	line-height:0; 
	width:49px;
	height:49px;
	cursor:pointer;
	position:absolute;
	top:136px;
	z-index:-1;
	}
	
.jcarousel-prev {
	left:-45px;
	background:url(http://www.jm-dsgn.com/img/showcase/btn_shwocase.png) right top;
	opacity:0.88;
	height:80px;
	width:38px;
	z-index:1;
}

.jcarousel-next {
	right:-45px;
	background:url(http://www.jm-dsgn.com/img/showcase/btn_shwocase.png) left top;
	opacity:0.88;
	height:80px;
	width:38px;
	z-index:1;
}

/*carousel*/


/**architecture**/

#enchilada {
	background-color:#10110d;
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	vertical-align:top;
}

#uprights {
	width:990px;
	position:static;
	vertical-align:top;
	text-align:left;
	margin:0 auto;
	padding:0;
	left:50%;
}

#header {
	position:relative;
	background-color:#12879b;
	height:147px;
	padding:0;
	border:0;
	margin:0;
}

#footer {
	position:relative;
	background-color:#151611;
	height:70px;
	padding:0;
	border:0;
	margin-top:50px;
	padding-top:40px;
	text-align:center;
}

#nav {
	position:absolute;
	margin-left:765px;
	margin-top:111px;
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	font-size:12px;
	color:#18484F;
	letter-spacing:.1em;
	display: block;
}

#bottomnav {
	text-align:right;
	margin-top:70px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#18484F;
	letter-spacing:.1em;
	display: block;	
}

#bottomnav_proj {
	text-align:right;
	margin-top:50px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#18484F;
	letter-spacing:.1em;
	display: block;	
}

#logo_placement {
	width:990px;
	margin:0 auto;
	left:50%;
}

#logo {
	position:absolute;
	vertical-align:top;
	margin-top:15px;
	text-align:left;
}

#gallery {
	background-color:#f4fef9;
	margin-top: 77px;
}

#gallery02 {
	background-color:#10110d;
	margin-top: 77px;
}

#credit {
	display:block;
	left:90%;
	top:29px;
	position:fixed;
	text-align:left;
	width:180px;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#description {
	background-color:#f4fef9;
	display:block;
	left:30px;
	top:833px;
	position:fixed;
	text-align:left;
	width:800px;
}

#shots {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}

#shoddyshotsize {
	height: 710px;
	border: none;
}

#email {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#12879b;
	line-height:39px;
	letter-spacing:.13em;
}

#title {
	margin-top:33px;
	margin-bottom:9px;
	opacity:0.88;
}

#title2 {
	margin-top:30px;
	height:91px;
	margin-bottom:12px;
	opacity:0.88;
}


#copy_container {
	padding-top:3px;
}

#why_container {
	padding-right:10px;
	padding-left: 10px;
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	color:#9a999a;
	letter-spacing:.1em;
}

#workinfo_container {
	padding-right:20px;
	padding-top:10px;
	padding-left: 8px;
	padding-bottom:8px;
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	color:#9a999a;
	letter-spacing:.1em;
}

#projectinfo_container {
	padding-right:10px;
	padding-top:20px;
	padding-left: 0px;
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	color:#9a999a;
	letter-spacing:.1em;
}

#projectinfo_container2 {
	padding-right:10px;
	padding-left: 0px;
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	color:#9a999a;
	letter-spacing:.1em;
}

#about_container {
	padding-right:10px;
	padding-top: 7px;
	padding-left: 7px;
}

#good_container {
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	color:#9a999a;
	letter-spacing:.1em;
	margin-top:30px;
}

#hire_container {
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:13px;
	margin-bottom:5px;
	color:#9a999a;
	letter-spacing:.1em;
}

#test_container {
	padding-right:10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:12px;
	color:#9a999a;
	letter-spacing:.1em;
}

#logo_container {
	padding-right:10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: middle;
}

#table_info {
	margin-top: 48px;
}

#table_sell {
	width: 475px;
	background-color:#151611;
	padding-left:5px;
	padding-top:1px;
	padding-right:5px;
	padding-bottom:2px;
	margin-top:3px;
}

#table_cell {
	width: 475px;
	background-color:#151611;
	padding-left:2px;
	padding-top:4px;
	padding-right:5px;
	padding-bottom:2px;
}

#table_cell2 {
	width: 475px;
	background-color:#10110d;
	padding-left:2px;
	padding-top:4px;
	padding-right:5px;
	padding-bottom:2px;
}

#table_work {
	margin-top:5PX;
	margin-bottom:50px;
}

#table_project {
	margin-top:10PX;
	vertical-align:top;
	margin-bottom:50px;
}

#hiretitle {
	margin-left:3px;
	margin-bottom:8px;
	opacity: 0.85;
}

#reslink {
	font-family:'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:11px;
	color:#12879b;
	letter-spacing:.1em;
	text-align:right;
}

#hero_border {
	width:990px;
	height:2.5px;
	background-color:#12879b;
}

#wrk_border {
	width:993px;
	height:2.5px;
	background-color:#12879b;
}

#wrk_border2 {
	width:993px;
	height:2.5px;
	background-color:#e4317e;
}

#hero {
	width:990px;
	height:330px;
}

#table_featured {
	margin-top:30px;
	width:990px;
}

#featured_title {
	margin-top:45px;
	margin-bottom:18px;
}

#featured_cell {
	padding-top:9px;
	padding-left:8px;
	padding-bottom:12px;
	background-color:#151611;
}

#spacer {
	width:40px;
}

#spacer2 {
	height:20px;
}

#spacer3 {
	height:20px;
	background-color:151611;
}


#info_container {
	padding-right:25px;
	margin-left:4px;
	margin-top:2px;
	margin-bottom:17px;
}

#cat {
	padding-top:5px;
	padding-left:1px;
	padding-bottom:9px;
	background-color:#151611;
}

#cat_tight {
	padding:0px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;
	vertical-align:top;
	background-color:#555555;
}

#cat_tight2 {
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:#10110d;
}
#cat_tight2 {
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:#555555;
}

#cat_left {
	padding:0px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:left;
	vertical-align:top;
	background-color:#ffffff;
}

#cat_project {
	padding:16px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	vertical-align:top;
	background-color:#555555;
}

#cat_project2 {
	padding:16px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	vertical-align:top;
	background-color:#FFFFFF;
}

#cat_project3 {
	padding:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
	vertical-align:top;
	background-color:#FFFFFF;
}

#cat_project4 {
	padding:0px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
	vertical-align:top;
	background-color:#FFFFFF;
}

#cat_project5 {
	padding:0px;
	text-align:center;
	vertical-align:top;
	background-color:#555555;	
}

/*architecture*/