/* CSS Document for Inex Design, September 16, 2009- copy */

body{
	background-color:#cccccc;
	font-family: trebuchet MS, sans-serif; /* Helvetica, Arial,*/
	/*font-size:62.5%*/
	font-size: 12px;
	color:#5d5c5c;
}
div.clear {
	clear:both;
}
div#wrapper {
	background-color:#ffffff;
	margin:15px auto;
	width:950px;
}
#contentwrap-home {
	width:950px;
	min-height:375px;
	margin: 0 auto;	
}

#contentwrap {
	width:950px;
	min-height:375px;
	margin: 0 auto;
	background:#ffffff url("/images/contentwrapbg.gif") repeat-y;
}

	
.transform #contentwrap {
	width:950px;
	min-height:375px;
	margin: 0 auto;
	background:#ffffff url("/images/contentwrapbg2.gif") repeat-y;
}

#center{
	width: 725px;
	/*margin:0 0 0 25px;*/
	margin:0;
	padding:0;
	background-color:#ffffff;
	float:right;
}


/*---------------------header--indexpage------------------------------*/
div#header_index{
	background:transparent url("/images/address_indexbg.gif") repeat-y;
	width:950px;
	height:150px;
}
img#logo_index {
	float:left;
	margin:100px 0 0 -18px;
	padding:0 0 100px 0;
}
 a img#logo_index  {
text-decoration:none;
border:0;
}

#right img{
	width:426px;
	padding:35px 0 0 0;
	margin:-95px 0 20px 25px;
}


/*div#header_address {
	width: 200px;
	margin:0 0 0 730px;
	padding:32px 0 50px 10px;
}*/

div#header_address {
	width: 175px;
	float:right;
	padding:10px 30px 0 0 ;
}


div#header_address p {
	font-family:trebuchet MS, sans-serif;
	font-size:.80em;
	color:#5d5c5c;
	padding:4px 0;
	margin:4px 0 0 0
}


/*-------topnavigation and header-and-contentwrap-------*/


div#header {
	width:950px;
	height:100px;
	margin:0 0 25px 0;
}
/*------top navigation---do not touch-----*/

div#header ul {
	width: 650px;
	height: 80px;
	background-image: url("/images/navbar3.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	list-style-type: none;
	display:inline;
	padding: 0 85px 0 0 ;
	margin:0;
	float:right;
}
div#header ul li {
	display:inline;
	margin: 0; 
	padding: 0;
	line-height: 1;
	text-indent: -10000px;
	background: none;
}
div#header ul li a {
	/**/
	float: left;
	height:80px;
	margin: 0; 
	
}
div#header li#nav-about a{
	width: 100px;
	float: left;
	/*background-position:0 0;*/
	margin: 0;
	text-decoration:none;
	
}
div#header li#nav-build a{
	width: 110px;
float: left;
	/*background-position:110px 0;*/
	text-decoration:none;
}
div#header li#nav-organize a{
	width: 140px;
	float: left;
	/*background-position:240px 0;*/
	text-decoration:none;
	margin: 0; 
}
div#header li#nav-transform a {
	width: 157px;
float: left;
	/*background-position: 397px 0;*/
	margin: 0; 
	text-decoration:none;
}
div#header li#nav-contact a{
	width:140px;
	float: left;
	/*background-position:527px 0;*/
	margin: 0; 
	text-decoration:none;
}

.about div#header li#nav-about a:link,
.about div#header li#nav-about a:visited {
	background-image: url("/images/navbar3.gif");
	background-position:0 -162px;
	background-repeat: no-repeat;
	margin: 0; 
	height: 80px;
	width:100px;
}

.build div#header li#nav-build a:link,
.build div#header li#nav-build a:visited,
.build_1  div#header li#nav-build a:link,
.build_1  div#header li#nav-build a:visited,
.build_2 div#header li#nav-build a:link,
.build_2 div#header li#nav-build a:visited,
.build_3 div#header li#nav-build a:link,
.build_3 div#header li#nav-build a:visited,
.build_4 div#header li#nav-build a:link,
.build_4 div#header li#nav-build a:visited,
.build_5 div#header li#nav-build a:link,
.build_5 div#header li#nav-build a:visited,
.build_6 div#header li#nav-build a:link,
.build_6 div#header li#nav-build a:visited,
.build_7 div#header li#nav-build a:link,
.build_7 div#header li#nav-build a:visited
 {
	background: transparent url("/images/navbar3.gif") -102px -162px no-repeat;
	width: 110px;
	margin: 0; 
	height: 80px;
}
.organize div#header li#nav-organize a:link,
.organize div#header li#nav-organize a:visited,
.organize_2 div#header li#nav-organize a:link,
.organize_2 div#header li#nav-organize a:visited
 {
	background: transparent url("/images/navbar3.gif") -209px -162px no-repeat;
	margin: 0; 
	height: 80px;
}
.instal div#header li#nav-organize a:link,
.instal div#header li#nav-organize a:visited
 {
	background: transparent url("/images/navbar3.gif") -209px -162px no-repeat;
	margin: 0; 
	height: 80px;
}
.transform div#header li#nav-transform a:link,
.transform div#header li#nav-transform a:visited{
	background: transparent url("/images/navbar3.gif") -348px -162px no-repeat;
	margin: 0; 
	height: 80px;
}
.contact div#header li#nav-contact a:link,
.contact div#header li#nav-contact a:visited{
	background: transparent url("/images/navbar3.gif") -509px -162px no-repeat;
	margin: 0; 
	height: 80px;
}
div#header li a:hover {
	background: transparent url("/images/navbar3.gif") 0 0 no-repeat;
margin: 0; 
	height:80px;
	
}
div#header li#nav-about a:hover{
	width: 100px;
	background-position:0 -81px;
	margin: 0; 
}
div#header li#nav-build a:hover  {
	width: 110px;
	background-position:-102px -81px;
	margin: 0; 
}
div#header li#nav-organize a:hover {
	width: 140px;
	background-position: -209px -81px;
	margin: 0; 
}
div#header li#nav-transform a:hover  {
	width: 157px;
	background-position: -348px -81px;
	margin: 0; 
}
div#header li#nav-contact a:hover {
	width:140px;
	background-position:-509px -81px;
	margin: 0; 
}

/*-------------- about----------------------------*/


h3.aboutkim {
	width:450px;
	/*font-size:1em;*/
	
	color:#5d5c5c;
	margin:0 0 5px 0;
	line-height:120%;
	text-align:justify;
	padding:0 0 5px 0;
	margin:0;
}
p.aboutkim {
	width:450px;
	font-size:12px;
	color:#5d5c5c;
	padding:0 0 10px 0;
	line-height:130%;
	text-align:justify;
	margin:0;
	float:left;
	
}

div#about_right img{
	float:left;

	padding:0 0 38px 10px;
}
img#logoheader {
	border:none;
}
a img#logoheader {
	float:left;
	width:100px;
	padding:0;
	/*margin:0 75px 0 0 ;*/
	display:block;
	text-decoration:none;	
}


/*--------------sidenavigation------------------*/


#title {
	width:200px;
	background-color:#ffffff;
	/*margin:0 0 15px 0;*/
	padding:0 0 10x 0;
	float: left;
}
#title2 {
	width:260px;
	background-color:#ffffff;
	/*margin:0 0 15px 0;*/
	padding:0 0 10x 0;
	float: left;
}

 #title h1, #title2 h1 {
	font-size:1.15em;
	font-family:trebuchet MS, sans-serif;
	
	color:#4f3e2a;
	margin:0;
	padding:0 0 10px 30px;
	line-height: normal;		
}


 #title h3 {
	text-align:left;
	color:#5d5c5c;
	font-family:trebuchet MS, sans-serif;
	font-weight:lighter;
	padding:0 0 0 30px;
	/*font-size: .85em;*/
	margin:0;
}

/*------------contact---------------*/
.contact #inexaddress {
	width:230px;
	margin:0;
	padding:0 0 0 0;
}
.contact div#inexaddress p {
	font-size:1em;
	color:#5d5c5c;
	padding:0 0 8px 0;
	margin:0;
}
img#space {
	width:430px;
	height:140px;
	float:right;
	margin:-60px 30px 15px 0;
}
.contact #copyright{
	width:180px;
	float:right;
	margin:0;
	padding:145px 10px 50px 0;
}
.contact #copyright p {
	font-size:.85em;
	color:#5d5c5c;
	line-height:1.5;
	padding:0 0 8px 0;
	margin:0;
}
.contact #copyright a {
	text-decoration:underline;
	color:#5d5c5c;
}
.contact #copyright a:hover {
text-decoration:underline;
color:#f28d1e;
}


/*-------------------endcontactpage---------*/
/*------------------start transform page-----*/
#center2{
	width: 630px;
	margin:0 ;
	padding:0;
	background-color:#ffffff;
	float:right;
	
}

#center2 #text p {
	width:600px;
	padding:0 5px 15px 0;
	margin:0;
}
 
div#sidenavbar2 {
	width:242px;
	float:left;
	padding:25px 0 0 25px;
	/*border: 1px green solid;*/
	/*margin:25px 0 0 25px;*/
}

#sidenavbar2 ul {
	/*float:left;*/
	width:240px;
	/*border:1px red solid;*/
	padding:0px;
}

#sidenavbar2 div.arrows a {
padding:0 20px 0 0;
}

#sidenavbar2 ul li  {
	list-style-type:none;
	padding:5px 5px;	
}

#largeview2{
	text-align:center;
	padding:10px 10px 10px 0;
	width:630px;
	min-height:520px;
	float:right;
	margin:0;
}
#largeview2 img#largeImg {
	width:600px;
	margin:0;
	padding:0;
}

/*-------------------endtransform sidenavbar---*/
/*--------------------startsidenavbar--------*/
div#sidenavbar {
	width:200px;
	float:left;
	/*padding:10px 0 0 0;
	margin:25px 0 0 0;*/
	padding:20px 0 0 0
}

#sidenavbar ul {
	/*float:left;*/
	/*width:166px;*/
	padding:0;
}	
	
#sidenavbar ul li {
	list-style-type:none;
	font-size:13px;
	font-variant: small-caps;
	padding:20px 3px 3px 30px;	
}
#sidenavbar a {
	font-size:13px;
	font-variant: small-caps;
	padding:10px 3px 3px 15px;
	margin:0 0 0 -15px;
}

#sidenavbar .nav1 a:link,
#sidenavbar .nav1 a:visited,

#sidenavbar .nav2 a:link,
#sidenavbar .nav2 a:visited,

#sidenavbar .nav3 a:link,
#sidenavbar .nav3 a:visited,

#sidenavbar .nav4 a:link,
#sidenavbar .nav4 a:visited,

#sidenavbar .nav5 a:link,
#sidenavbar .nav5 a:visited,

#sidenavbar .nav6 a:link,
#sidenavbar .nav6 a:visited,

#sidenavbar .nav7 a:link,
#sidenavbar .nav7 a:visited{
	color:#5d5c5c;
	cursor:pointer;
	text-decoration:none;	
}

.build #sidenavbar .nav1 a:link,
.build #sidenavbar .nav1 a:visited,
.build #sidenavbar .nav1 a:hover,
 
.build_2 #sidenavbar .nav2 a:link,
.build_2 #sidenavbar .nav2 a:visited,
.build_2 #sidenavbar .nav2 a:hover,

.build_3 #sidenavbar .nav3 a:link,
.build_3 #sidenavbar .nav3 a:visited,
.build_3 #sidenavbar .nav3 a:hover,

.build_4 #sidenavbar .nav4 a:link,
.build_4 #sidenavbar .nav4 a:visited,
.build_4 #sidenavbar .nav4 a:hover,

.build_5 #sidenavbar .nav5 a:link,
.build_5 #sidenavbar .nav5 a:visited,
.build_5 #sidenavbar .nav5 a:hover,

.build_6 #sidenavbar .nav6 a:link,
.build_6 #sidenavbar .nav6 a:visited,
.build_6 #sidenavbar .nav6 a:hover,

.build_7 #sidenavbar .nav7 a:link,
.build_7 #sidenavbar .nav7 a:visited,
.build_7 #sidenavbar .nav7 a:hover,

.organize #sidenavbar .nav1 a:link,
.organize #sidenavbar .nav1 a:visited,
.organize #sidenavbar .nav1 a:hover,

.organize_2 #sidenavbar .nav2 a:link,
.organize_2 #sidenavbar .nav2 a:visited,
.organize_2 #sidenavbar .nav2 a:hover,

.instal #sidenavbar .nav3 a:link,
.instal #sidenavbar .nav3 a:visited,
.instal #sidenavbar .nav3 a:hover
{
	color:#f28d1e;
	cursor:pointer;
	text-decoration:none;
	background-color:#ffffff;
	/*margin:0 0 0 -15px;
	padding:6px 12px 6px 12px;*/
}

#sidenavbar .nav1 a:hover,
#sidenavbar .nav2 a:hover,
#sidenavbar .nav3 a:hover,
#sidenavbar .nav4 a:hover,
#sidenavbar .nav5 a:hover,
#sidenavbar .nav6 a:hover,
#sidenavbar .nav7 a:hover
{
	color:#f28d1e;
	cursor:pointer;
	text-decoration:none;
}
/*-------------build text h2-----------------*/
#center #text{
	width:700px;
	/*height:65px; better without height */
	padding:0 5px 15px 0;
	margin:0;
}


#text p{
	
	font-size: 12px;
	font-family:trebuchet MS, sans-serif;
	color:#5d5c5c;
	margin:0 0 5px 0;
	text-align:justify;
}

#text h2 {
	font-weight:lighter;
	margin:0 0 5px 0;
	/*color:#5d5c5c;*/
	color:#f28d1e;
	font-size:1em;
	
}
/*------------------------arrows-----------*/
div.arrows {
	margin:0 ;
	text-align:right;
	/*padding: 25px 0 0 0;*/
}

#sidenavbar div.arrows a {
	padding:0;
}

.transform div.arrows  {
	width:225px;
	text-align:right;
	margin:0;
}
.transform div.arrows  a{
	text-decoration:none;
	color:#5d5c5c;
}

.transform div.arrows  a:hover{
	text-decoration:none;
	color:#f28d1e;
}

div.arrows img , .transform div.arrows img {
	border:none;
	/*padding:0 5px 5px 0;*/
	margin:0;
	height:25px;	
}

div.arrows img a, .transform div.arrows img a {
	outline:0;
	text-decoration:none;
}

/*------------------end arrows----*/
.thumbs {
	width:225px;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
}

.thumbs img,.transform img {
	border:none;
}
.thumbs ul.thumbnails li a img  {
	text-decoration:none;
	outline:0;
	opacity:0.5;
	filter:alpha(opacity="50");
}

.thumbs ul.thumbnails li a:hover img {
	opacity:1;
	filter:alpha(opacity="100");
}

.thumbs ul.thumbnails {
	width:220px;
	padding:0;
	margin:0;
}

.thumbs ul.thumbnails li{
	list-style-type:none;
	padding:10px 10px 0 0;
	margin:0;
	width:100px;
	height:100px;
	float:left;
}

#largeview{
	text-align:center;
	padding:10px 10px 10px 0;
	width:470px;
	min-height:540px;
	float:right;
	margin:0;
}

#largeview img#largeImg {
	 width:450px;
	margin:0;
 	padding:0;
}

/*---------------footer--------------*/

#footer {
	background:url("/images/footerbg_new.gif") repeat-y;
	width:950px;
	margin:0 auto;
	padding:0;	
}
#footer ul {
	margin:0 0 0 35px;
	list-style-type: none;
	padding:0 0 5px 0;
		
}	
#footer ul li#copy{
	display: inline;
	color:#5d5c5c;
	margin-right:125px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	font-size:.85em;
}

#footer ul li {
	display: inline;
	color:#5d5c5c;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	font-size:.85em;
}

#footer ul li#mail {
padding-left:0PX;
}


#footer ul li#mail a {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #f7bb78;
	list-style-type: none;
	text-decoration:none;
	color:#5d5c5c;	
	font-size:.85em;
	
	
}
#footer ul li#mail a:hover {
	text-decoration:none;
	color:#f28d1e;
}
#end {
	background:url("/images/endbg.gif") repeat-y;
	width:950px;
	height: 15px;
	margin:0 0 15px 0 ;
	padding:0;
}

.transform #end {
	background:url("/images/endbg2.gif") repeat-y;
	width:950px;
	height: 15px;
	margin:0 0 15px 0 ;
	padding:0;
}