@charset "UTF-8";
/*--------------------
Style Sheet
global_style.css

website:   2227design.com
author:    2227design.com
version:   06.23.09 | revised: 02.16.10 | build 2.1
re-launch: 02.17.10

COPYRIGHT © 2010, 2227design
----------------------*/

/*---commmon----------
* {
margin: 0;
padding: 0;
} */

body {
margin: 0;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
background-color: #3F4625;
}
#wrapper {
width: 900px;
margin: 15px auto 0;
text-align: left;
position: relative;
}
p {
margin: 0;
padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding-bottom: 10px;
}
ul, ol, li {
margin: 0;
padding: 0;
}
img {
border: 0;
}

/*---banner-------------------------------*/
#banner {
background-color: #BBCF73;
border-bottom: solid 5px #ECEDCC;
}
#banner .logo {
float: left;
}

/*---top nav------------------------------*/
#topnav ul {
padding: 50px 120px 0 0;
list-style-type: none;
}
#topnav li {
float: right;
padding: 0 0.5em;
line-height: 1.8em;
border-left: 1px solid #707756;
}
#topnav ul a {
padding: 0 0.5em;
font-size: 18px;
color: #707756;
letter-spacing: 1px;
text-decoration: none;
display: block;
}
#topnav ul a:hover {
color: #FF6600;
text-decoration: none;
}
#topnav .nopipe {
border-left-style: none;
}
#topnav .tnavon {
padding: 0 0.5em;
font-size: 18px;
color: #FFF;
letter-spacing: 1px;
display: block;
}
#topnav .tnavlnk {
color: #FFF;
}

/*---content-----------------------------*/
#content {
	height: 495px;
	background-color: #CAD1B0;
	text-align: left;
	position: relative;
}
#contenthp {
height: 495px;
}
.bkg_about {
background: url(../_page/bkg-about.jpg) no-repeat left top;
}
.bkg_client {
	background: url(../_page/bkg-client1.jpg) no-repeat left top;
}
.bkg_contact {
background: url(../_page/bkg-contact1.jpg) no-repeat left top;
}

.bkg_blnk {
background: url(../_graphic/bkg_900495_blnk.jpg) no-repeat scroll left top;
}
/*---sub nav------------------------------*/
#subnav {
padding-top: 5px;
}
#subnav ul  {
padding-left: 15px;
list-style-type: none;
}
#subnav  ul  li  {
display: inline;
}
#subnav  a  {
padding: 0 15px;
font-size: 12px;
color: #3377BB;
text-decoration: none;
}
#subnav  a:hover {
color: #FF6600;
}
#subnav  .snavon {
padding: 0 15px;
font-size: 12px;
color: #FF6600;
}

/*---story--------------------------------*/
#storyhp {
position: absolute;
width: 200px;
top: 240px;
right: 0px;
}
#storyhp h2 {
padding-right: 30px;
font-size: 18px;
line-height: 2em;
font-weight: normal;
color: #BBCF73;
}

#story {
padding: 15px 60px 0;
}
#story .colrt {
width: 400px;
float: right;
}
#story .col1 {
width: 195px;
float: left;
}
#story .col2 {
width: 195px;
float: right;
}
#story .head  {
padding: 10px 0;
}
#story .head1 {
padding: 10px 0px 20px;
}
#story .colft {
width: 360px;
float: left;
}
#story h2 {
font-size: 14px;
color: #3377BB;
font-weight: normal;
line-height: 2em;
padding-bottom: 5px;
}

#story p {
line-height: 2em;
}
#story p.intro {
	font-size: 13px;
	line-height: 2.3em;
	padding: 0px 30px 30px 0px;
}

#story p.xtrspace {
padding-bottom: 20px;
}
#story p.tight {
	padding-bottom: 5px;
}
#story .bultxt  {
	background: url(../_asset/2227_marker.png) no-repeat left top;
	line-height: 1em;
	padding-left: 15px;
	margin-bottom: 5px;
}

#story .bultxt1  {
	background: url(../_asset/2227_marker.png) no-repeat left center;
	padding: 0 0 0 15px;
	line-height: 1.8em;
}
#story .bultxt2  {
	background: url(../_asset/2227_marker.png) no-repeat left center;
	padding: 0 0 0 15px;
	line-height: 1.6em;
}

#story .bultxt3 {
padding: 0 0 15px 15px;
line-height: 1.6em;
}

#story .colrt ul {
padding-bottom: 20px;
margin-left: 15px;
color: #666;
}
#story .colrt li {
padding-bottom: 5px;
}
#story .ftr {
line-height: 1.3em;
color: #FFF;
}

/*--portfolio page------------------------*/
#portpg {
width: 225px;
margin: 45px 0 0 60px;
}
#portpg .visit {
padding-top: 360px;
}
#portpg a {
color: #ABABAB;
text-decoration: underline;
}
#portpg a:hover {
color: #0066FF;
}
.bkg_portfolio {
	background: url(../_portfolio/bkg-shadow.jpg) no-repeat scroll left top;
}
#portfolio {
	position: absolute;
	left: 30px;
	top: 30px;
}


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

#footer {
	color: #D4D66C;
}
#footer .sgnoff {
font-size: 12px;
letter-spacing: 4px;
padding: 15px 0px 30px;
}

#footer .ftrstory {
padding: 0px 175px 30px;
line-height: 1.8em;
color: #888844;
text-align: justify;
}
#footer ul {
font-size: 10px;
padding-bottom: 30px;
}
#footer li {
display: inline;
}
#footer a {
margin-right: 15px;
padding-right: 15px;
color: #EEEEEE;
letter-spacing: 4px;
text-decoration: none;
border-right: 1px solid #EEE;
}
#footer a:hover {
color: #FF6600;
text-decoration: none;
}
#footer .nobdr {
padding-right: 0;
margin-right: 0;
border-right-style: none;
}
#footer .ftron {
padding-right: 15px;
margin-right: 15px;
color: #EEE;
letter-spacing: 4px;
border-right: 1px solid #EEE;
}
#footer  .tag {
padding-bottom: 15px;
font-size: 14px;
font-weight: normal;
letter-spacing: 5px;
color: #888844;
}
#footer .close {
font-size: 10px;
letter-spacing: 2px;
color: #888844;
padding-bottom: 60px;
}

.blutxt {
color: #3377BB;
}
.tpg {
	float: right;
	padding-right: 30px;
}

/*--other--*/

.invsp {
clear: both;
height: 0;
}