/* ---- [ body ] ---- */

* { padding: 0; margin: 0; }
a img{ 	border: none; }
a:focus { outline:none }


body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0;padding:0; color:#666; background-color:#fff; }

/* ---- [ blog link ] ---- */
#splash_container {width: 400px; margin: auto;}
#splash_logo {width: 400px; margin: 200px 0 0 0px;}
#splash_update {width: 190px; margin: 0 0 0 60px;}
#splash_update p.intro1 {width: 200px; margin: 10px 0 0 0px; font-size:14px; float:left;}
#splash_update p.intro2 {width: 200px; margin: 0px 0 0 0px; font-size:10px; text-align:left;}
#splash_newsitetag { width: 300px; margin: auto;}

/* ---- [ blog link ] ---- */

a.blog:link  {color: #71a6c4; text-decoration:none; font-weight:600;}
a.blog:visited  {color: #71a6c4; text-decoration:none; font-weight:600;}
a.blog:hover  {color: #71a6c4; text-decoration:none; font-weight:600;}

/* ---- [ portfolio link ] ---- */

a.portfolio:link  {color: #a9a9a9; text-decoration:none; font-size:24px; font-weight:normal;}
a.portfolio:visited  {color: #a9a9a9; text-decoration:none; font-size:24px; font-weight:lighter;}
a.portfolio:hover  {color: #a9a9a9; text-decoration:none; font-size:24px; font-weight:lighter;}

/* ---- [ portfolio options] ---- */

#portnav {position: relative; font-size:9px; width:300px; margin: 20px 3px 18px 0px;}
#portnav ul {list-style: none; font-size:9px; margin: 0; }

	#portnav li {margin: 0 0 0 0px; margin: 0px 0 2px 0; height: 20px; font-size:9px;}
	#portnav li a {text-decoration: none; display:block; text-indent:-9999px; height: 20px; }
	#portnav li span {display: none;}

#pnav01 a {background: url(images/print_btn.gif) top right no-repeat; width: 274px; height: 20px;}
#pnav01 a:hover {background: url(images/print_btn.gif) bottom right no-repeat; }
#pnav01on {background: url(images/print_btn.gif) bottom right no-repeat; width: 274px; height: 20px;}

#pnav02 a {background: url(images/web_btn.gif) top right no-repeat; width: 274px; height: 20px;}
#pnav02 a:hover {background: url(images/web_btn.gif) bottom right no-repeat; }
#pnav02on {background: url(images/web_btn.gif) bottom right no-repeat; width: 274px; height: 20px;}

#pnav03 a {background: url(images/identity_btn.gif) top right no-repeat; width: 274px; height: 20px;}
#pnav03 a:hover {background: url(images/identity_btn.gif) bottom right no-repeat; }
#pnav03on {background: url(images/identity_btn.gif) bottom right no-repeat; width: 274px; height: 20px;}

#pnav04 a {background: url(images/photo_btn.gif) top right no-repeat; width: 274px; height: 20px;}
#pnav04 a:hover {background: url(images/photo_btn.gif) bottom right no-repeat; }
#pnav04on {background: url(images/photo_btn.gif) bottom right no-repeat; width: 274px; height: 20px;}


/* ---- [ portfolio navigation ] ---- */

 #projectNav {width: 160px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 16px; font-size: 10px; float: right;}

	#projectNav ul {padding: 0; margin: 0px 0 10px 0; list-style: none; }

	#projectNav li {width: 150px; background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px; border-bottom: 1px solid #e8ebeb;}
	
	#projectNav li.first {width: 150px; background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px; border-top: 1px solid #e8ebeb;}
	
	#projectNav li.last {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}

	#projectNav li#select {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-top: 1px solid #444444;}
	
	#projectNav li#selectnoline {
	width: 150px;
	background-image: url(images/button_on4.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
	padding: 4px 0 5px 10px;
}

	#projectNav li#selectunderline {width: 150px; background-image: url(images/button_on3.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}
	
	#projectNav li#selectunderline.on {width: 150px; background-image: url(images/button_on3.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}
	
	#projectNav a:link {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav a:visited {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav a:hover {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav a#on1 {color: #000; text-decoration: none; font-size: 10px}
	
	
/* -- [ portfolio nav_col2 ] -- */

 #projectNav2 {
	width: 160px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 16px; font-size: 10px; float: right;}

	#projectNav2 ul {padding: 0; margin: 0px 0 10px 0; list-style: none; }

	#projectNav2 li {width: 150px; background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px;
border-bottom: 1px solid #e8ebeb;}
	
	#projectNav2 li.first {width: 150px; background-position: top left; background-repeat: no-repeat;
padding: 4px 0 5px 10px; border-top: 1px solid #e8ebeb;}
	
	#projectNav2 li.last {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}

	#projectNav2 li#select {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-top: 1px solid #444444;}
	
	#projectNav2 li#selectnoline {
	width: 150px;
	background-image: url(images/button_on4.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
	padding: 4px 0 5px 10px;
}

	#projectNav2 li#selectunderline {width: 150px; background-image: url(images/button_on3.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}
	
	#projectNav2 a:link {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav2 a:visited {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav2 a:hover {color: #000; text-decoration: none; font-size: 10px}
	#projectNav2 a#on2 {color: #000; text-decoration: none; font-size: 10px}
	
	
/* -- [ portfolio nav_col3 ] -- */

 #projectNav3 {width: 160px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 12px;
font-size: 10px; float: right;}

	#projectNav3 ul {padding: 0; margin: 0px 0 10px 0; list-style: none; }

	#projectNav3 li {width: 150px; background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px;border-bottom: 1px solid #e8ebeb;}
	
	#projectNav3 li.first {width: 150px; background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px;
	border-top: 1px solid #e8ebeb;}
	
	#projectNav3 li.last {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}

	#projectNav3 li#select {width: 150px; background-image: url(images/button_on.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-top: 1px solid #444444;}
	
	#projectNav3 li#selectnoline {width: 150px; background-image: url(images/button_on4.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px;}

	#projectNav3 li#selectunderline {width: 150px; background-image: url(images/button_on3.gif); background-position: top left; background-repeat: no-repeat; color: #000; padding: 4px 0 5px 10px; border-bottom: 1px solid #444444;}
	

	
	#projectNav3 a:link {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav3 a:visited {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav3 a:hover {color: #666666; text-decoration: none; font-size: 10px}
	#projectNav3 a#on3 {color: #000; text-decoration: none; font-size: 10px}



/* ---- [ portfolio navigation_section selector ] ---- */

 #projectNav_selector {
	width: 210px;
	position: relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
	float: left;
}

	#projectNav_selector ul {padding: 0; margin: 0px 0 10px 0; list-style: none; }

	#projectNav_selector li {width: 180px; background-image: url(images/portnav_off.gif); background-position: top left; background-repeat: no-repeat; padding: 2px 0 2px 30px; border-bottom: 0px solid #444444;}
	
	#projectNav_selector li.first {width: 180px; background-image: url(images/portnav_off.gif); background-position: top left; background-repeat: no-repeat; padding: 7px 0 8px 30px; border-top: 0px solid #444444;}
	
	#projectNav_selector li.last {width: 180px; background-image: url(images/portnav_off.gif); background-position: top left; background-repeat: no-repeat; padding: 7px 0 8px 30px; border-bottom: 0px solid #444444;}

	#projectNav_selector li#select2 {width: 180px; background-image: url(images/portnav_on.gif); background-position: top left; background-repeat: no-repeat; color: #EE0000; padding: 2px 0 2px 30px; border-top: 0px solid #444444;}
	

	#projectNav_selector li#selectunderline {width: 180px; background-image: url(images/portnav_on.gif); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; padding: 7px 0 8px 30px; border-bottom: 0px solid #444444;}
	
	#projectNav_selector a:link {color: #999999; text-decoration: none; font-size: 10px}

	#projectNav_selector a:visited {color: #999999; text-decoration: none; font-size: 10px}

	#projectNav_selector a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 10px
}

#projectNav_selector a#on {
	color: #000;
	text-decoration: none;
	font-size: 10px
}

/* ---- [ conatiner ] ---- */

#container { width: 853px; margin:auto; }
#container_liner { width: 850px; margin: 30px 0 40px 7px; float:left; }


/* ---- [ main page] ---- */
#flash_container {width: 850px; margin: 0 0 0 0px;}
#lower_container {
	width: 850px;
	margin: 25px 0 0 0px;
	float:left;
}
#col1 {width: 265px; margin: 10px 0 0 0px; float:left; background:url(images/colume_bg.gif) repeat-x top left;}
#col1_liner {width: 235px; margin: 10px 10px 0 21px;}
#col1 p { width: 235px; margin: 10px 0 0 0px; font-size:10px; }
#col2 { width: 275px; margin: 10px 10px 0 20px; float:left; background:url(images/colume_bg.gif) repeat-x top left; }
#col2_liner {width: 235px; margin: 10px 15px 0 21px;}
#col2_liner p {
	width: 235px;
	margin: 2px 0 5px 0px;
	padding: 0 0 5px 0;
	font-size:10px;
	border-bottom:#ccc 1px solid;
}

#col3 {
	width: 265px;
	margin: 10px 0 0 0px;
	float:right;
	background:url(images/colume_bg.gif) repeat-x top left;
}
#col3_liner {width: 228px; margin: 10px 15px 0 20px;}
#col3_liner p {
	width: 218px;
	margin: 3px 0 5px 6px;
	padding: 0 0 5px 0;
	font-size:10px;
}
#col3_image{width: 228px; margin:0px 0 0 0;}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0 0 4px 0; margin:0; font-size:11px; font-weight:700;border-bottom:#ccc 1px solid;}
h3.subpage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#18496a;
	padding:3px 0 5px 7px;
	margin:0;
	font-size:16px;
	font-weight:normal;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	padding:10px 0 2px 0;
	margin:0;
	font-size:10px;
	font-style: normal;
}

h3.abilites{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	padding:3px 0 0px 6px;
	margin:0;
	font-size:10px;
	font-weight:600;
}

h3.featureproject{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	padding:3px 0 0px 0;
	margin: 3px 0 5px 20px;
	font-size:12px;
	font-weight:normal;
	float: left;
}

h3.featureproject2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	padding:3px 0 0px 0;
	margin: 3px 0 5px 5px;
	font-size:10px;
	
}

h2.contact{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin: 3px 0 5px 5px;
	font-size:10px;
	background-image: url(images/contact_quote.gif); background-position: top left; background-repeat: no-repeat; 
	text-indent: -9999px;
	width: 379px;
	height: 150px;
	border:none;
	
}

h2.company{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin: 3px 0 5px 5px;
	font-size:10px;
	background-image: url(images/company_quote.gif); background-position: top left; background-repeat: no-repeat; 
	text-indent: -9999px;
	width: 379px;
	height: 150px;
	border:none;
	
}

h2.abilities{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin: 3px 0 5px 5px;
	font-size:10px;
	background-image: url(images/abilities_quote.gif); background-position: top left; background-repeat: no-repeat; 
	text-indent: -9999px;
	width: 379px;
	height: 150px;
	border:none;
	
}

h3.abilities2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0 0 0 0;
	font-size:10px;
	background-image: url(images/abilities_intro.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 25px;
	border:none;
	
}

h3.company2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0 0 0 0;
	font-size:10px;
	background-image: url(images/company_intro.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 25px;
	border:none;
	
}

h3.work2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0 0 0 0;
	font-size:10px;
	background-image: url(images/work_intro.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 25px;
	border:none;
	
}

h2.work{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin: auto 0;
	font-size:10px;
	background-image: url(images/work_quote.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 379px;
	height: 150px;
	border:none;
	
}

h3.contact{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	padding:3px 0 7px 0px;
	margin:0;
	font-size:16px;
	font-weight:normal;
}

h3.contact2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0 0 0 0;
	font-size:10px;
	background-image: url(images/connect_title3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 25px;
	border:none;
	
}

h3.contact3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0 0 0 0;
	font-size:10px;
	background-image: url(images/connect_title2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 202px;
	height: 12px;
	border:none;
	
}

h3.contact4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4c86ab;
	margin:0px 0 0 0;
	font-size:10px;
	background-image: url(images/send_message.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 400px;
	border:none;
	height: 22px;
	
}

/* ---- [ sub page] ---- */

#container_liner_sub {width: 850px; margin: 30px 0 50px 7px; float:left; background:url(images/dots2_bg.gif) no-repeat top right;}
#container_liner_sub p {width: 539px; margin: 5px 0 10px 7px; display:block; }
#sub_header {width: 639px; margin: 70px 0 30px 7px;}

#our_ablities {width: 239px; margin: 40px 0 30px 7px; float:left;}

#our_examples {width: 239px; margin: 40px 0 10px 7px; float:left;}

#office1 {
	width: 159px;
	margin: 0px 0 0px 0px;
	float:left;
}
#office2 {
	width: 159px;
	margin: 0px 0 10px 5px;
	float:right;
}

#contact_left {
	float:left;
	width:379px;
	margin: 15px 0 30px 20px;
}
#contact_right {
	float:left;
	width:400px;
	margin: 40px 0 0px 25px;
}
#contact_right p {width: 200px; margin:5px 0 30px 0px;}
#contact_formholder {width: 350px; margin:0px 0 30px 0px;}
#contact_formholder p { margin:0px 0 10px 0px;}

a.learn:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0099CC; text-decoration: none;}
a.learn:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0099CC; text-decoration: none;}
a.learn:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0099CC; text-decoration: none;}

/* ---- [ portfolio intro ] ---- */

#company_right {
	float:left;
	width: 363px;
	margin: 30px 0 0px 50px;
}

#company_right p {
	width: 350px;
	margin: 0px 0 10px 0px;
}

#work_right {
	float:left;
	width: 359px;
	margin: 30px 0 30px 55px;
}

#work_right p {
	width: 355px;
	margin: 0px 0 10px 0px;
}




/* ---- [ portfolio intro ] ---- */

#sectionlist {
	width: 339px;
	margin: 0px 0 30px 7px;
}
#sectionlist ul { list-style-position: outside; margin-left: 0px; padding-left: 0px; list-style-type: none;}
#sectionlist li { margin: 0px; padding: 0px; } 


/* ---- [ portfolio ] ---- */

#container_liner_port {
	width: 840px;
	margin: 10px 0 40px 7px;
	float: left;
	
	/* background:url(images/dots2_bg.gif) no-repeat top right; */
}

#port_sectionnav ul { list-style-position: outside; margin-left: 0px; padding-left: 0px; list-style-type: none;}
#port_sectionnav li { margin: 0px; padding: 0px; } 

#container_liner_header {
	width: 820px;
	margin: 0px 0 30px 20px;
	height: 100px;
	/* background:url(images/dots2_bg.gif) no-repeat top right; */
}

#port_sectionnav{
	width: 150px;
	margin: 20px 0 50px 10px;
	float: left;
}

#port_projectnav{
	width: 540px;
	margin: 0px 0 0px 7px;
	float: right;
}
#port_projectnav1{ width: 150px; margin: 00px 0 50px 7px; float: left; }
#port_sectionnav1 ul { list-style-position: inside; margin-left: 0px; padding-left: 0px; list-style-type: none;}
#port_sectionnav1 li { margin: 0px; padding: 0px; } 

#port_projectnav2{ width: 150px; margin: 0px 0 50px 7px; float: left; }
#port_projectnav2 ul { list-style-position: inside; margin-left: 0px; padding-left: 0px; list-style-type: none;}
#port_projectnav2 li { margin: 0px; padding: 0px; } 

#port_projectnav3{ width: 150px; margin: 0px 0 50px 7px; float: left; }
#port_projectnav3 ul { list-style-position: inside; margin-left: 0px; padding-left: 0px; list-style-type: none;}
#port_projectnav3 li { margin: 0px; padding: 0px; } 

#projectholder{
	width: 850px;
	margin: auto;
	height: 400px;
	float: left;
}

#slideshow{
	width: 429px;
	margin: 0px 0 30px 0px;
	float: left;
}

#right_liner{
	width: 400px;
	margin: 0px 0 30px 0px;
	float: left;
}

#description{
	width: 395px;
	margin: 0px 0 0px 5px;
	float: left;
	height: 257px;
}

#description p{
	width: 370px;
	margin: 7px 0 0px 20px;
	float: left;
}

#more_photos{
	width: 365px;
	margin: 0px 0 0px 20px;
	float: left;
	vertical-align: bottom;
}


#more_photos p{
	width: 200px;
	margin: 0px 0 2px 0px;
	vertical-align: bottom;
	color:#4c86ab;
	font-size: 10px;
}



#more_thumbs_holder {
	width:350px;
	float:left;
	margin: 5px 0px 0 0;
}

.more_thumbs_thumb { width:42px; float:left; margin: 0 5px 0 0;}

a.link:link  {color: #333; text-decoration:none; font-size:10px; font-weight:normal;}
a.link:visited  {color: #333; text-decoration:none; font-size:10px; font-weight:lighter;}
a.link:hover  {color: #000; text-decoration:none; font-size:10px; font-weight:lighter;}

/* ---- [ header/navigation ] ---- */
#holder {
	width: 853px; margin:auto;
}
#logo{display:block;background:url(images/logo3.gif) no-repeat left;height:106px; width:254px; position:absolute; top:0px;}
#logo a#homebtn {
			display: block;
			height: 60px;
			width: 145px;
			margin: 25px 0 0 50px;
		}
#navholder{height:35px;width:853px;font-weight:700;margin:0 auto;padding:0;}
#nav{background-color:#000; background:url(images/nav_bg.gif) repeat-x left; height:50px;border-bottom:#bce1f4 0px solid;margin:0;padding:0; margin: 35px 0 0 0;}
#nav2{height:35px; float:right;width:505px;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;float:right;list-style:none;font-size:12px;font-weight:700;margin:1px 0 0 0;padding:0;}
ul.nav2 li a,ul.nav2 li {text-decoration:none;color:#113255;float:left;display:block;padding:0 0px;}
.nav2 ul {display: inline; float: right; list-style: none; margin:0;  }
	.nav2 li {display: inline;  margin:0; padding:0; }
	.nav2 li a {text-decoration: none; padding:0;  display:inline; text-indent:-9999px;  }
	.nav2 li span {display: none;}

#nav01 a {background: url(images/work_btn.gif) bottom right no-repeat; width: 45px; height: 40px;}
#nav01 a:hover {background: url(images/work_btn.gif) top right no-repeat; }
#nav01 a.on {background: url(images/work_btn.gif) top right no-repeat; width: 45px; height: 40px;}

#nav02 a {background: url(images/abilities_btn.gif) bottom left no-repeat; width: 65px; height: 40px;}
#nav02 a:hover {background: url(images/abilities_btn.gif) top left no-repeat; width: 65px; height: 40px;}
#nav02 a.on {background: url(images/abilities_btn.gif) top left no-repeat; width: 65px; height: 40px;}

#nav03 a {background: url(images/company_btn.gif) bottom left no-repeat; width: 63px; height: 40px;}
#nav03 a:hover {background: url(images/company_btn.gif) top left no-repeat;}
#nav03 a.on {background: url(images/company_btn.gif) top left no-repeat; width: 63px; height: 40px;}

#nav04 a {background: url(images/connect_btn.gif) bottom left  no-repeat; width: 60px; height: 40px;}
#nav04 a:hover {background: url(images/connect_btn.gif) top left no-repeat; width: 60px; height: 40px;}
#nav04 a.on {background: url(images/connect_btn.gif) top right no-repeat; width: 60px; height: 40px;}

#nav05 a {background: url(images/blog_btn.gif) bottom left no-repeat; width: 44px; height: 40px;}
#nav05 a:hover {background: url(images/blog_btn.gif) top left no-repeat; width: 44px; height: 40px;}
#nav05 a.on {background: url(images/blog_btn.gif) top right no-repeat; width: 44px; height: 40px;}


/* ---- [ footer ] ---- */

#footer{background:#fff; clear:both;height:5px !important;margin:0;padding:0;}
#footerbox{background:#bce1f4; background:url(images/footer_bg.gif) repeat-x left; height:87px;line-height:30px !important;margin:0;padding:0;}
.footer{width:840px;color:#fff;height:30px;line-height:13px !important;margin:0 auto;padding:18px 0 0 0; font-size:9px;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}

/* ---- [ contact us ] ---- */

#navlink {
	display:block;
	cursor:pointer;
	text-align:left;
	overflow: hidden;
	width: 204px;
}
.navlink_ {
	text-indent: -204px;
}

#navcontent {
	width: 400px;
	margin: 0 auto;
	}

#navcontent p { margin: 10px 0 0 0;}

#formbutton {
	display:block;
	margin: 10px 0 0 0;
	width: 204px;
	font-size: 18px;
	color: #FFFFFF;
}

#feedback p{
	display:block;
	margin: 10px 0 0 0;
	width: 304px;
	font-size: 10px;
}

#feedback p.two{
	display:block;
	margin: 10px 0 0 0;
	width: 304px;
	font-size: 10px;
}

.style1 {
	color: #EE0000;
}

.inputfields {
	font: 10px "arial", verdana, sans-serif;
	padding: 0.4em;
	width: 175px;
	background-color: #EEEEEE;
	border-width: 0px;
	margin-top: 5px;
}

.lables {
	padding: 0.2em;
	width: 375px;
}

input, textarea, .options {
	font: 10px "lucida sans", verdana, sans-serif;
	padding: 0.2em;
	
}

input.button {
	font: 12px "lucida sans", verdana, sans-serif;
	padding: 0.2em;
}

textarea {
	font: 10px "lucida sans", verdana, sans-serif;
	padding: 0.2em;
	background-color: #EEEEEE;
	border-width: 0px;
	margin-top: 5px;
}

.style2 {
	color: #709EBC;
	font-weight: bold;
}