@charset "UTF-8";
/* CSS Document */

html, body, ul, ol, li, p,td, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { 
margin:0; padding:0; border:0;  }
a { outline:none !important; color:#EEE }

/* Begin Typography & Colors */
body {
	font-size: 82%; 
	font-family: Arial,Verdana,Sans-Serif;
	color: #CCC;
	text-align: center;
	background:#191919;
	}

#wrapper {
margin:20px auto;
width:960px;
line-height:1.3em;
min-height:600px;
text-align:left;
}

#header {
width:960px;
height:70px;
}

#main {
width:960px;
height:auto;
background:url(../template/mbg.gif) repeat-y right;
}

#footer {
margin:20px 0;
padding:10px 0;
border-top:1px solid #444;
width:960px;
font-size:.86em;
height:auto;
color:#454545;
}

/* client form */

#clientlog {
	position:absolute;
	top:7px; left:50%;
	margin:0 0 0 180px;
	width:300px;
	height:70px; 
	z-index:4;
	text-align:right;
	background:url(../template/hd/clientlog.gif) no-repeat bottom right;
}
#clientlog #cinput {
	margin:44px 0 0 96px !important;
	overflow:hidden;
	outline:hidden;
	float:left;
	width:158px;
	height:14px;
	border:1px solid #282828 !important;
	background-color:#282828 !important;
	color:#FFF !important;
	font-size:12px; line-height:14px;
}
#clientlog #csubmit {
	float:right;
	margin:43px 1px 0 0 !important;
	width:26px;
	height:20px;
}


#clientlogout {
	position:absolute;
	top:16px; left:50%;
	margin:0 0 0 180px;
	width:300px;
	height:60px; 
	z-index:4;
	text-align:right;
	background:#212121 url(../image/diag.gif) no-repeat top left;
	color:#CCCCCC;
	line-height:150%;
}


/* msic */

.clearfloat {
clear:both;
overflow:hidden;
line-height:normal;
height:1px;
}

.pad {
padding:6px 9px;
}

/* navigation */

#nav {
float:left;
width:280px;
height:auto;
}

#nav ul {
list-style:none;
}
#nav ul li {
width:280px;
height:auto;
/* border:1px solid #3E3E3E; */
border:1px solid #282828;
background-color:#282828;
margin-bottom:18px;
}
#nav ul li ul li {
width:auto;
height:auto;
background-color:#323232;
margin:6px 0;
}
#nav ul li.grp {
margin-top:56px !important;
}
#nav ul li.clink {
background-color:#383838;
}
#nav ul li a {
width:auto;
text-decoration:none;
}
#nav ul li a ,#nav ul span {
display:block;
color:#CCCCCC;
padding:3px 0 3px 6px;
font-size:1.1em;
font-family:"Century Gothic", "Lucida Sans", Verdana, sans-serif;
}
#nav ul span {
padding:4px 0 3px 6px;
}
#nav ul li ul li a {
	color:#CCCCCC;
	padding:4px 0 3px 32px;
	background:url(../image/em.gif) no-repeat 6px 12px;
}

#nav ul li a.grey { background:url(../template/bx/grey.gif) no-repeat right top; }
#nav ul li.green { background:#282828 url(../template/bx/green.gif) no-repeat right top; } /* for heading */
#nav ul li a.green { background:url(../template/bx/green.gif) no-repeat right top; }
#nav ul li a.red { background:url(../template/bx/red.gif) no-repeat right top; }
#nav ul li a.tan { background:url(../template/bx/tan.gif) no-repeat right top; }
#nav ul li a.orange { background:url(../template/bx/orange.gif) no-repeat right top; }

#nav ul li a:hover {
background-color:#555;
}

/* content area */

#content {
	width:658px;
	height:auto;
	float:right;
	text-align:center;
	padding-bottom:20px !important;
}

#c_inner,#c_innerwide {
	width:528px;
	height:auto;
	margin:24px auto 0 64px;
	text-align:left;
	padding-bottom:50px !important;
}

#c_innerwide {
	width:590px;
}

div.inL {
float:left;
width:410px;
height:auto;
}

div.inR {
float:right;
width:140px;
height:auto;
margin-right:10px;
}

#cnt {
padding-top:70px;
}


h1 {
font-weight:normal;
font-size:1.4em;
margin-bottom:1em;
color:#DDD;
}
h2 {
font-weight:normal;
font-size:1.2em;
margin-bottom:1em;
color:#996633;
}
h3 {
font-weight:normal;
font-size:1.1em;
margin-bottom:1em;
}

p {
margin-bottom:1em;
}


div.package {
margin:0 0 1em 12px;
font-size:.95em;
}

div.package h3 {
margin:.2em 0 .2em 0;
color:#9AB347;
}

div.testimonial {
padding:0 38px 2em 48px;
background:url(../image/icn/quot1.gif) no-repeat top left;
font-style:italic;
color:#999999;
}
div.testimonial .author {
width:100%;
padding:22px 0 0 0;
background:url(../image/icn/quot2.gif) no-repeat top right;
font-style:normal;
color:#996633;
}


#plink {
float:right;
width:30px;
height:30px;
margin:20px 20px 0 0;
}


fieldset.clientlist {
margin:0 0 1em 0;
border:1px dotted #aaa;
}
fieldset.clientlist legend {
color:#aaa;
margin-left:2px;
padding:0 5px;
}
fieldset.clientlist p {
margin:0;
padding:9px;
}


#welcome {
border-top:1px solid #999999;
font-size:.9em;
padding:9px 0 0 0;
}
#welcome h1 {
margin:4px 0 10px 0;
}
#showhome {
height:346px;
}


#photofile {
color:#676767;
}

#reportage_thumb img {
	width:168px; height:111px;
	background-position:0px 0px;
}
#reportage_thumb a:hover img {
	background-position:0px -111px;
}