body {
    background-color:#FFCC00;
    font-family: Georgia;
    font-size:12px;
    color:#423B35;
    margin:0px;  
}
#wrapper {
    width: 970px;
    margin:auto;
}
#navigation {
    width:140px;
    padding:10px;
    float:right;
    margin-top:130px;
    font-family: Georgia;
    font-weight: bold;
}
#navigation ul {
    PADDING: 0px; 
    MARGIN: 0px; 
    PADDING-TOP: 0px; 
    LIST-STYLE-TYPE: none
}
#navigation ul li {
    margin-bottom: 6px;
}
#navigation ul li a {
    color:#423B35;
    text-decoration:none;
}
#navigation ul li a:hover {
    color:#FFFFFF;
    text-decoration:none;
}
#content {
    width:790px;
    padding:10px 10px 0px 10px;
    background-color: #FFFFFF;    
    float:left;
}
#base {
    width:790px;
    height:10px;
    background-color:#FFCC00;
    float:left;
}
#header {
    width:790px;
    background-color: #1F1514;
    height: 120px;
    margin-bottom:10px;
    position:relative;
    font-family:Arial;
}
#logo {
    position:absolute;
    bottom: 15px;
    left: 20px;
}
#services {
    position:absolute;
    bottom: 20px;
    right: 220px;
    text-align:right;
    color: #7F756B;
    line-height:16px;
}
#contact {
    position:absolute;
    bottom: 20px;
    right: 20px;
    text-align:right;
    color:#FFCD05;
    line-height:16px;
    font-weight:bold;
}
#contact a {
    color:#A79B85;
    text-decoration:none;
}
#contact a:hover {
    color:#FFFFFF;
    text-decoration:none;
}
#about {
    width:790px;
    background-color: #A79B85;
    position:relative;
}
#aboutleft {
    float:left;
    padding:0px 0px 30px 25px;
    width:520px;
}
#aboutright {
    float:right;
    padding:0px 25px 25px 0px;
    width:195px;
}
#abouttitle {
    color:#FFFFFF;
    font-size:22px;
    padding:20px 0px 8px 25px;
}
#abouttext {
    font-size:18px;
    line-height:20px;
    color:#251805;
}
#aboutcomment {
    font-size:14px;
    line-height:17px;
    color:#FFFFFF;
}
#aboutcommentby {
    font-size:13px;
    line-height:15px;
    color:#FFFFFF;
}
.aboutparaspace {
    padding-bottom: 10px;
}
.commentparaspace {
    padding-bottom: 6px;
}
#reason {
    padding:15px 0px 0px 20px;
    color:#1E1514;
    font-size:36px;
    line-height:41px;
    height:41px;
}
#about a {
    position:absolute;
    right:20px;
    bottom:10px;
    color:#FFFFFF;
}
#about a:hover {
    color:#1E1514;
}
#aboutusclose {
    font-size:10px;
}
#quote {
    padding:0px 0px 25px 20px;
    color:#FFFFFF;
    font-size:24px;
    line-height:29px;
    height:29px;
}
.portfolio {
    height: 362px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px dashed #978E85;
}
.pfimage {
    float:left;
    width:560px;
    height:342px;
}
.pftitle {
    height:34px;
    padding-top:18px;
    line-height:20px;
    font-size:20px;
    color:#423B35;
}
.pftabs {
    float:right;
    width:220px;
    position:relative;
}
.pftabtitle {
    margin-bottom: 5px;
}
.pfparaspace {
    padding-bottom: 7px;
}
.clear {
    clear:both;
}
.white {
    color: #FFFFFF;
}

/* Tabs Code */
.ui-tabs-hide {
	DISPLAY: none
}
.ui-tabs-nav {
	FONT-SIZE: 12px;
}
.ui-tabs-nav {
	PADDING: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.ui-tabs-nav LI {
	MIN-WIDTH: 35px; FLOAT: left; margin-right: 2px;
}
.ui-tabs-nav LI.last {
	margin-right: 0px;
}
.ui-tabs-nav A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(../images/tab.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ui-tabs-nav A SPAN {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(../images/tab.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ui-tabs-nav A:hover {
	BACKGROUND: url(../images/tab-hover.gif) no-repeat;
}
.ui-tabs-nav A:hover SPAN {
	BACKGROUND: url(../images/tab-hover.gif) no-repeat;
}
.ui-tabs-nav A {
	PADDING-LEFT: 0px; MARGIN: 0px 0px 0px; COLOR: #423B35; LINE-HEIGHT: 1.2; WHITE-SPACE: nowrap; TEXT-ALIGN: center; TEXT-DECORATION: none; outline: 0
}
.ui-tabs-nav .ui-tabs-selected A {
	MARGIN-TOP: 0px; Z-INDEX: 2; POSITION: relative;
}
.ui-tabs-nav A SPAN {
	PADDING-RIGHT: 0px; MIN-WIDTH: 15px; MIN-HEIGHT: 22px; WIDTH: 15px; PADDING-TOP: 4px; HEIGHT: 22px
}
* > .ui-tabs-nav A SPAN {
	WIDTH: auto; HEIGHT: auto
}
.ui-tabs-nav .ui-tabs-selected A {
	BACKGROUND-POSITION: 100% -150px
}
.ui-tabs-nav A:hover {
	BACKGROUND-POSITION: 100% -150px
}
.ui-tabs-nav A:focus {
	BACKGROUND-POSITION: 100% -150px
}
.ui-tabs-nav A:active {
	BACKGROUND-POSITION: 100% -150px
}
.ui-tabs-nav A {
	BACKGROUND-POSITION: 100% -100px
}
.ui-tabs-nav .ui-tabs-disabled A:hover {
	BACKGROUND-POSITION: 100% -100px
}
.ui-tabs-nav .ui-tabs-disabled A:focus {
	BACKGROUND-POSITION: 100% -100px
}
.ui-tabs-nav .ui-tabs-disabled A:active {
	BACKGROUND-POSITION: 100% -100px
}
.ui-tabs-nav .ui-tabs-selected A SPAN {
	BACKGROUND-POSITION: 0px -50px
}
.ui-tabs-nav A:hover SPAN {
	BACKGROUND-POSITION: 0px -50px
}
.ui-tabs-nav A:focus SPAN {
	BACKGROUND-POSITION: 0px -50px
}
.ui-tabs-nav A:active SPAN {
	BACKGROUND-POSITION: 0px -50px
}
.ui-tabs-nav A SPAN {
	BACKGROUND-POSITION: 0px 0px
}
.ui-tabs-nav .ui-tabs-disabled A:hover SPAN {
	BACKGROUND-POSITION: 0px 0px
}
.ui-tabs-nav .ui-tabs-disabled A:focus SPAN {
	BACKGROUND-POSITION: 0px 0px
}
.ui-tabs-nav .ui-tabs-disabled A:active SPAN {
	BACKGROUND-POSITION: 0px 0px
}
.ui-tabs-nav .ui-tabs-selected A:link {
	CURSOR: text
}
.ui-tabs-nav .ui-tabs-selected A:visited {
	CURSOR: text
}
.ui-tabs-nav .ui-tabs-disabled A:link {
	CURSOR: text
}
.ui-tabs-nav .ui-tabs-disabled A:visited {
	CURSOR: text
}
.ui-tabs-nav A:hover {
	CURSOR: pointer
}
.ui-tabs-nav A:focus {
	CURSOR: pointer
}
.ui-tabs-nav A:active {
	CURSOR: pointer
}
.ui-tabs-nav .ui-tabs-deselectable A:hover {
	CURSOR: pointer
}
.ui-tabs-nav .ui-tabs-deselectable A:focus {
	CURSOR: pointer
}
.ui-tabs-nav .ui-tabs-deselectable A:active {
	CURSOR: pointer
}
.ui-tabs-panel {
	height:270px; PADDING: 10px; background-color: #E3E1D5; position:relative;
}
.view-website-panel { height:20px; font-size:10px; position:absolute; bottom: 0px;
}
.view-website-panel a { color:#423B35; text-decoration:none;
}
.view-website-panel a:hover { text-decoration:underline;
}
.top-panel {
	height:22px;
	font-size:10px;
	text-align:right;
	float:right;
	width:220px;
	position:relative;
	line-height: 10px;
	padding-top: 4px;
}
.top-panel a { color:#423B35; text-decoration:none;
}
.top-panel a:hover { text-decoration:underline;
}
* HTML .ui-tabs-nav {
	DISPLAY: inline-block
}
*:first-child + HTML .ui-tabs-nav {
	DISPLAY: inline-block
}