/* page properties ---*/
body {
	
	font-size:62.5%;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;	
}
.bg-page{
	background-color: #222629;
	background-image: url(images/bg-page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* page reset ---*/
a img{
border:none;
}
html,h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
li,ul{
list-style:none;
}
a{
text-decoration:none;
}
/* paragaph settings ---*/
p{
	text-align:left;
	line-height:1.4em;
	margin:0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
/* main container---*/
#container {
	background-color: #ffffff;
	text-align: left;
	width: 745px;
	margin:110px auto 0px auto;
	height: auto;
	padding: 0px;
}
/* header ---*/
#header {
	padding:13px 13px 0px 13px;
}
#header #nav-main{
	padding: 0px;
	float: left;
	height: 174px;
	width: 167px;
	margin:0px 17px 0px 0px;
}
#header #nav-main-l{
	padding: 0px;
	float: left;
	height: 174px;
	width: 167px;
	margin:0px;
}
/* primady menu---*/
a.about-nav-class{
display: block;
width: 167px;
height: 41px;
background:url(images/about-main-roll.gif);
}
a.about-nav-class:hover{
background-position: -167px 0;
}
.about-nav-class-selected{
display: block;
width: 167px;
height: 41px;
background:url(images/about-nav-roll.gif);
background-position: -167px 0;
}
a.portfolio-nav-class{
display: block;
width: 167px;
height: 41px;
background:url(images/portfolio-main-roll.gif);
}
a.portfolio-nav-class:hover{
background-position: -167px 0;
}
.portfolio-nav-class-selected{
display: block;
width: 167px;
height: 41px;
background:url(images/portfolio-nav-roll.gif);
background-position: -167px 0;
}
a.contact-nav-class{
display: block;
width: 167px;
height: 41px;
background:url(images/contact-main-roll.gif);
}
a.contact-nav-class:hover{
background-position: -167px 0;
}
.contact-nav-class-selected{
display: block;
width: 167px;
height: 41px;
background:url(images/contact-nav-roll.gif);
background-position: -167px 0;
}
a.home-nav-class{
display: block;
width: 167px;
height: 41px;
background:url(images/home-main-roll.gif);
}
a.home-nav-class:hover{
background-position: -167px 0;
}
.home-nav-class-selected{
display: block;
width: 167px;
height: 41px;
background:url(images/home-main-roll.gif);
background-position: -167px 0;
}
#about-line {
	background-image: url(images/about-line.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 167px;
}
#portfolio-line {
	background-image: url(images/portfolio-line.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 167px;
}
#contact-line {
	background-image: url(images/contact-line.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 167px;
}
#home-line {
	background-image: url(images/home-line.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 167px;
}
#content{
clear:both;
width:743px;
padding:0px 13px 0px 13px;
}

#tier-1{
clear:both;
padding:18px 0px 1px 0px;
}
#tier-1 p{
margin:0px;
padding:0px;
line-height: 0px;
float:left;
}
#tier-1 ul li{
display: inline;
float:left;
}
#little
{width:227px;
height:auto;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
float:left;
}
/* portfolio secondary menu---*/
a.web-nav-class{
display: block;
width: 80px;
height: 24px;
background:url(images/web.gif);
}
a.web-nav-class:hover{
background-position: 0 -24px;
}
.web-nav-class-selected{
display: block;
width: 80px;
height: 24px;
background:url(images/web.gif);
background-position: 0 -24px;
}
a.cdrom-nav-class{
display: block;
width: 212px;
height: 24px;
background:url(images/cdrom.gif);
}
a.cdrom-nav-class:hover{
background-position: 0 -24px;
}
.cdrom-nav-class-selected{
display: block;
width: 212px;
height: 24px;
background:url(images/cdrom.gif);
background-position: 0 -24px;
}
a.cdrom-nav-class{
display: block;
width: 212px;
height: 24px;
background:url(images/cdrom.gif);
}
a.cdrom-nav-class:hover{
background-position: 0 -24px;
}
.cdrom-nav-class-selected{
display: block;
width: 212px;
height: 24px;
background:url(images/cdrom.gif);
background-position: 0 -24px;
}
a.direction-nav-class{
display: block;
width: 122px;
height: 24px;
background:url(images/direction.gif);
}
a.direction-nav-class:hover{
background-position: 0 -24px;
}
.direction-nav-class-selected{
display: block;
width: 122px;
height: 24px;
background:url(images/direction.gif);
background-position: 0 -24px;
}
a.motion-nav-class{
display: block;
width: 191px;
height: 24px;
background:url(images/motion.gif);
}
a.motion-nav-class:hover{
background-position: 0 -24px;
}
.motion-nav-class-selected{
display: block;
width: 191px;
height: 24px;
background:url(images/motion.gif);
background-position: 0 -24px;
}
a.print-nav-class{
display: block;
width: 110px;
height: 24px;
background:url(images/print.gif);
}
a.print-nav-class:hover{
background-position: 0 -24px;
}
.print-nav-class-selected{
display: block;
width: 110px;
height: 24px;
background:url(images/print.gif);
background-position: 0 -24px;
}
#tweetme
{width:227px;
height:auto;
margin:0px 20px 0px 0px;
float:left;
}
#getin
{width:227px;
height:auto;
float:left;
}
#tier-2{
clear:both;
text-align:left;
height:auto;

}
#tier-2-line
{width:225px;
height:16px;
float:left;
}
#tier-3{
clear:both;
text-align:left;

}
#tier-3-line
{width:717px;
height:16px;
}
.brownline{
background-image: url(images/about-line.gif);
background-repeat: repeat-x;
}
.redline{
background-image: url(images/contact-line.gif);
background-repeat: repeat-x;
}
.greenline{
background-image: url(images/home-line.gif);
background-repeat: repeat-x;
}
.silverline{
background-image: url(images/silver-line.jpg);
background-repeat: repeat-x;
}
.orangeline{
background-image: url(images/orange-line.gif);
background-repeat: repeat-x;
}
/* h settings---*/
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:2.4em;
display:block;
text-align:left;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
text-align:left;
color:#5C5C5C;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:2.6em;
display:block;
text-align:left;
}
/* font color---*/
.font-brown{
color:#6C6052;
}
.font-red{
color:#E34B22;
}
.font-green{
color:#81A100;
}
.font-silver{
color:#AB8703;
}
.font-orange{
color:#FF5E00;
}
.details{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color:#545454;
padding:5px 0px 5px 0px;
display:block;
font-weight:lighter;
}
.details_about{
width:680px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
color:#545454;
padding:5px 0px 5px 0px;
font-weight:lighter;
line-height:1.8em
}
.more{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
padding:7px 0px 0px 0px;
}
a.brown-nav:link, a.brown-nav:visited {
 color:#7E7367;}
a.brown-nav:hover {
color: #EA7B5D; text-decoration:underline;}

a.red-nav:link, a.red-nav:visited {
color:#E34B22;
}
a.red-nav:hover {
color: #81A100; text-decoration:underline;
}
a.green-nav:link, a.green-nav:visited {
color:#81A100;
}
a.green-nav:hover {
color: #E34B22; 
text-decoration:underline;
}
#work-wrap{
width:227px;
height:auto;
float:left;
}
#work-container
{
width:227px;
float:left;
background-image: url(images/work-bg-frame.gif);
background-repeat:no-repeat;
height:auto;
}

.margin-right-20{
margin-left:0px;
margin-right:16px;
}
#work-detail{
width:227px;
height:130px;
}
.padding-14{
padding:10px;
}
#tier-4{
clear:both;
height:auto;
}
#tier-4-line
{width:717px;
height:16px;
}
/* padding variations---*/
.padding-20{
padding:20px;
}
.padding-works-img{
padding:21px 18px 28px 18px;
}
.padding-bottom-20{
padding-bottom:40px;
}
.padding-bottom-20-m{
padding-bottom:20px;
}
.padding-bottom-18{
padding-bottom:18px;
}
.padding-bottom-10{
padding-bottom:10px;
}
.padding-bottom-5{
padding-bottom:5px;
}
.padding-top-10{
padding-top:10px;
}
.padding-bottom-15{
padding-bottom:15px;
}
/* footer---*/
#footer{
	clear:both;
	padding:18px 13px 18px 13px;
	background-color:#212629;
}
#footer-nav-container{
	height:auto;
	padding:0px 18px 4px 15px;
	margin:0px auto 0px auto;
}
#footer-nav-container ul{
	display:block;
	text-align:left;
}
#footer-nav-container ul#footer-nav li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	text-align: left;
	display: inline;
	padding:4px 18px 4px 18px;
}
#footer-nav li a:link{
color:#0066CC;
}
#footer-nav li a:visited{
color:#0066CC;
}
#footer-nav li a:hover{
color:#EA7B5D;
text-decoration:underline;
}

#footer-nav-container ul#footer-nav-social li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	text-align: left;
	display: inline;
	padding:4px 10px 10px 10px;
}
#footer-nav-social li a:link{
color:#FFED66;
}
#footer-nav-social li a:visited{
color:#FFED66;
}
#footer-nav-social li a:hover{
color:#EA7B5D;
text-decoration:underline;
}
#copyright{
clear:both;
padding:4px 0px 10px 0px;
}