/*
Size chart - font sizes reset in css/reset.css
px  %
10 	77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
*/
body {
	background: #282E33 url(  '../img/bg.jpg' ) repeat-x top left;
	color: #AEAFB0;
	font-size: 85%;
}
body.portfolio {
	background: #282E33 url(  '../img/bg_pf.png' ) repeat-x top left;
}

#portfolio {
	background-color: #000 ;
	background-image: none;
	font-size: 85%;
}

h1 {
	color: #79BE03;
	font-size: 182%;
}
h2, #contact-pop h3, #contact-box h3 {
	font-size: 250%;
	color: #AEAFB0;
	margin: 10px 0;
	font-weight:bold;
}
#contact-pop h3, #contact-box h3 {
	font-size: 200%;
}
#contact-pop a:link, #contact-pop a:visited,
#contact-box a:link, #contact-box a:visited {
	color: #AEAFB0;
	text-decoration:none;
}
#contact-pop a:hover, #contact-pop a:active,
#contact-box a:hover, #contact-box a:active {
	color: #AEAFB0;
	text-decoration:underline;
}

#contact-pop .numbers, #contact-box .numbers {
	float:left;
	margin-top:10px;
	width:50%
}
#contact-pop .address, #contact-box .address {
	float:right;
	margin-top:10px;
	width:50%	
}

#contact-pop p, #contact-box p {
	padding: 0 0 17px;
}
#vcard {
	background: transparent url('../img/vcard.gif') no-repeat top left;
	padding: 5px 0 5px 40px;
}
#header {
	padding: 30px 0 50px;
	height: auto;
	overflow: hidden;
}
#header h1 {
	float: left;
}
#header h1 a span {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
#header h1 a {
	display: block;
	width: 232px;
	height: 42px;
}
#header h1 a:link, #header h1 a:visited {
	background: transparent url(  '../img/morse_logo.gif' ) no-repeat 0px -42px;
}
#header h1 a:hover, #header h1 a:active {
	background: transparent url(  '../img/morse_logo.gif' ) no-repeat 0px 0px;
}
#header ul {
	margin-top: 15px;
	float: right;
}
#header li {
	display: inline;
}
#header li a, #header li span {
	text-decoration: none;
	background: transparent url(  '../img/dot_nav.gif' ) no-repeat center left;
	padding-left: 14px;
}
#header li a.first, #header li span.first, 
.sub-content li.first, #content li.first {
	background-image: none;
	padding: 0;
}
#header li a:link, #header li a:visited {
	color: #AEAFB0;
}
#header li a:hover, #header li a:active, #header li span {
	color: #fff;
}

#p-header {
	background: transparent url('../img/bar.gif') no-repeat center top;
	width: 779px;
	height:39px;
	margin: 0 0 10px 0;
	position:relative;
}
#p-candy {
	margin: 10px 0 0 0;
}
#txt0, #txt1, #txt2 {
	font-size: 85%;
	color: #4C698D;
}

a:link, a:visited {
	color: #AEAFB0;
	text-decoration:none;
}
a:hover, a:active {
	color:#fff;
	text-decoration:none;
}
#content {
	clear: both;
}

.sub-content {
	background: #15181A url(  '../img/bg_sc.png' ) repeat-x top left;
}
#content ul, .sub-content ul {
	margin: 5px 0;
}
#content li, .sub-content li {
	display: inline;
	background: transparent url(  '../img/dot_sc.gif' ) no-repeat center left;
	padding: 0 4px 0 7px;
	color: #4C698D;
	font-size: 85%;
}
.sub-content p {
	text-align: justify;
}
.sub-content table {
	font-size: 85%;
}
.sub-content th, .sub-content td {
}
.sub-content th {
	color: #4C698D;
	padding: 0 8px;
}
#contact-pop, #contact-box {
	display:none;
	text-align:left;
	background: transparent url('../img/bg_contact.png') no-repeat top left;
}
#contact-box {
	display:block;
}
#footer {
	text-align: center;
	padding-top: 40px;
	color: #53585B;
	font-size: 85%;
}

/************ showcase header/nav **********/

.sc-container {
	clear:both;
	position:relative;
	height: 230px;
	overflow:hidden;
	
}
#sc-items, #sc-items1, #sc-items2 {
	position:absolute; 
	width: 1700px;
	left:0;
}

.sc-header h1 { float:left;}
.sc-header div { float:right;}

.sc-nav { 
	cursor: pointer;
	cursor: hand;
	position: relative;
	width: 52px;
	height: 21px;
	margin-top:10px;
}
.sc-nav a {
	display: block;
	position: absolute;
	width: 26px;
	height: 21px;
	top:0;
}


.sc-nav .sc-nav-prev, .sc-nav .sc-nav-prev:link, .sc-nav .sc-nav-prev:visited {
	background: transparent url('../img/arrows_green.gif') no-repeat 0px 0px;
}
.sc-nav .sc-nav-prev:active {
	background: transparent url('../img/arrows_green.gif') no-repeat 0px -21px;
}

.sc-nav .sc-nav-next, .sc-nav .sc-nav-next:link, .sc-nav .sc-nav-next:visited {
	left:26px;
	background: transparent url('../img/arrows_green.gif') no-repeat -26px 0px;
}
.sc-nav .sc-nav-next:active {
	background: transparent url('../img/arrows_green.gif') no-repeat -26px -21px;
}



/* portfolio nav */
#p-nav { 
	position: relative;
	width: 52px;
	height: 21px;
	left: 356px;
	top: 9px;
	cursor: pointer;
	cursor: hand;
}
#p-nav a {
	display: block;
	position: absolute;
	width: 26px;
	height: 21px;
	top:0;
}
#p-nav .sc-nav-prev:link, #p-nav .sc-nav-prev:visited {
	left:0;
	background: transparent url('../img/arrows_white.gif') no-repeat 0px 0px;
}
#p-nav .sc-nav-prev:active {
	background: transparent url('../img/arrows_white.gif') no-repeat 0px -21px;
}
#p-nav .sc-nav-next:link, #p-nav .sc-nav-next:visited {
	left:26px;
	background: transparent url('../img/arrows_white.gif') no-repeat -26px 0px;
}
#p-nav .sc-nav-next:active {
	background: transparent url('../img/arrows_white.gif') no-repeat -26px -21px;
}
#p-nav-close, #contact-pop #close {
	cursor: pointer;
	cursor: hand;
	display: block;
	position: absolute;
	width: 76px;
	height: 21px;
	left: 687px;
	top: 9px;
	background: transparent url('../img/bar_close.gif') no-repeat 0px 0px;
}
#contact-pop #close {
	top: 49px;
	left: 450px;
}
#p-nav-close:active, #contact-pop #close:active {
	background: transparent url('../img/bar_close.gif') no-repeat 0px -21px;
}
/************ showcase links **********/

.sub-content {
	cursor: pointer;
	cursor: hand;
}
.sub-content:hover, .sc-hover {
	color: #fff;
}
.thumb img {
	visibility: hidden;
}
.sub-content:hover .thumb img {
	visibility: visible;
}

#wd-pm, #wd-au, #wd-io, #wd-bs, #wd-zn, #wd-im, #wd-ma, #wd-ac, #wd-sn,
#ui-mom, #ui-ch, #ui-cg, #ui-f1, #ui-sn, #ui-chat, #ui-moto, #ui-si, #ui-da, #ui-ga, #ui-coms,
#gd-pm, #gd-io, #gd-si, #gd-rc, #gd-io2, #gd-ja, #gd-zo, #gd-co, #gd-ma {
	display: block;
	width: 82px;
	height: 74px;
}
#wd-pm:link, #wd-pm:visited {
	background: transparent url( '../img/thumbs/web/pm-sm.gif' ) no-repeat top left;
}
#wd-au:link, #wd-au:visited {
	background: transparent url( '../img/thumbs/web/au-sm.gif' ) no-repeat top left;
}
#wd-io:link, #wd-io:visited {
	background: transparent url( '../img/thumbs/web/io-sm.gif' ) no-repeat top left;
}
#wd-bs:link, #wd-bs:visited {
	background: transparent url( '../img/thumbs/web/bs-sm.gif' ) no-repeat top left;
}
#wd-zn:link, #wd-zn:visited {
	background: transparent url( '../img/thumbs/web/zo-sm.gif' ) no-repeat top left;
}
#wd-im:link, #wd-im:visited {
	background: transparent url( '../img/thumbs/web/mo-sm.gif' ) no-repeat top left;
}
#wd-ma:link, #wd-ma:visited {
	background: transparent url( '../img/thumbs/web/ma-sm.gif' ) no-repeat top left;
}
#wd-ac:link, #wd-ac:visited {
	background: transparent url( '../img/thumbs/web/ac-sm.gif' ) no-repeat top left;
}
#wd-sn:link, #wd-sn:visited {
	background: transparent url( '../img/thumbs/web/sn-sm.gif' ) no-repeat top left;
}

#ui-mom:link, #ui-mom:visited {
	background: transparent url( '../img/thumbs/ui/mom.gif' ) no-repeat top left;
}
#ui-ch:link, #ui-ch:visited {
	background: transparent url( '../img/thumbs/ui/ch.gif' ) no-repeat top left;
}
#ui-cg:link, #ui-cg:visited {
	background: transparent url( '../img/thumbs/ui/cg.gif' ) no-repeat top left;
}
#ui-f1:link, #ui-f1:visited {
	background: transparent url( '../img/thumbs/ui/f1.gif' ) no-repeat top left;
}
#ui-sn:link, #ui-sn:visited {
	background: transparent url( '../img/thumbs/ui/sn.gif' ) no-repeat top left;
}
#ui-chat:link, #ui-chat:visited {
	background: transparent url( '../img/thumbs/ui/chat.gif' ) no-repeat top left;
}
#ui-moto:link, #ui-moto:visited {
	background: transparent url( '../img/thumbs/ui/moto.gif' ) no-repeat top left;
}
#ui-si:link, #ui-si:visited {
	background: transparent url( '../img/thumbs/ui/si.gif' ) no-repeat top left;
}
#ui-da:link, #ui-da:visited {
	background: transparent url( '../img/thumbs/ui/da.gif' ) no-repeat top left;
}
#ui-ga:link, #ui-ga:visited {
	background: transparent url( '../img/thumbs/ui/ga.gif' ) no-repeat top left;
}
#ui-coms:link, #ui-coms:visited {
	background: transparent url( '../img/thumbs/ui/coms.gif' ) no-repeat top left;
}

#gd-pm:link, #gd-pm:visited {
	background: transparent url( '../img/thumbs/graphic/pm.gif' ) no-repeat top left;
}
#gd-io:link, #gd-io:visited {
	background: transparent url( '../img/thumbs/graphic/io.gif' ) no-repeat top left;
}
#gd-si:link, #gd-si:visited {
	background: transparent url( '../img/thumbs/graphic/si.gif' ) no-repeat top left;
}
#gd-rc:link, #gd-rc:visited {
	background: transparent url( '../img/thumbs/graphic/rc.gif' ) no-repeat top left;
}
#gd-io2:link, #gd-io2:visited {
	background: transparent url( '../img/thumbs/graphic/io2.gif' ) no-repeat top left;
}
#gd-ja:link, #gd-ja:visited {
	background: transparent url( '../img/thumbs/graphic/ja.gif' ) no-repeat top left;
}
#gd-zo:link, #gd-zo:visited {
	background: transparent url( '../img/thumbs/graphic/zo.gif' ) no-repeat top left;
}
#gd-co:link, #gd-co:visited {
	background: transparent url( '../img/thumbs/graphic/co.gif' ) no-repeat top left;
}
#gd-ma:link, #gd-ma:visited {
	background: transparent url( '../img/thumbs/graphic/ma.gif' ) no-repeat top left;
}

.none {
	display:none;
}