BODY {
	BACKGROUND: url(../images/body_bg.jpg) #d9d9da repeat-x; MARGIN: 0px
}
#container {
	PADDING-BOTTOM: 40px; MARGIN: 0px auto; WIDTH: 944px
}
#header {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px;  PADDING-TOP: 10px; HEIGHT: 54px
}
#logo {
	FLOAT: left; BACKGROUND-IMAGE: url(../images/logo.gif); WIDTH:400px; TEXT-INDENT: -9999px; HEIGHT: 54px
}
#logo A {
	DISPLAY: block; WIDTH: 313px; HEIGHT: 48px
}
#number {
	PADDING-RIGHT: 10px; PADDING-LEFT: 357px; FONT-SIZE: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 140px; PADDING-TOP: 19px; FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial; TEXT-ALIGN: right
}
#contact {
	MARGIN-TOP: 22px; FLOAT: right; BACKGROUND-IMAGE: url(../images/contact.gif); WIDTH: 34px; TEXT-INDENT: -9999px; HEIGHT: 19px
}
#contact A {
	DISPLAY: block; WIDTH: 84px; HEIGHT: 19px
}
#contact A:hover {
	BACKGROUND-IMAGE: url(../images/contact_over.gif)
}
#menu {
	WIDTH: 944px; HEIGHT: 39px
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu UL LI {
	DISPLAY: block; FLOAT: left; TEXT-INDENT: -9999px; HEIGHT: 39px
}
#menu A {
	DISPLAY: block; WIDTH: 100%; HEIGHT: 100%
}


#menu_home {
	BACKGROUND-IMAGE: url(../images/menu_home_active.gif); WIDTH: 100px
}
#menu_home A {
	BACKGROUND-IMAGE: url(../images/menu_home.gif)
}
#menu_home A:hover {
	BACKGROUND-IMAGE: url(../images/menu_home_over.gif)
}
#menu_home A.active {
	BACKGROUND-IMAGE: url(../images/menu_home_active.gif)
}
#menu_home A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_home_active.gif)
}



#menu_services {
	BACKGROUND-IMAGE: url(../images/menu_services_active.gif); WIDTH: 100px
}
#menu_services A {
	BACKGROUND-IMAGE: url(../images/menu_services.gif)
}
#menu_services A:hover {
	BACKGROUND-IMAGE: url(../images/menu_services_over.gif)
}
#menu_services A.active {
	BACKGROUND-IMAGE: url(../images/menu_services_active.gif)
}
#menu_services A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_services_active.gif)
}

#menu_product {
	BACKGROUND-IMAGE: url(../images/menu_product_active.gif); WIDTH: 100px
}
#menu_product A {
	BACKGROUND-IMAGE: url(../images/menu_product.gif)
}
#menu_product A:hover {
	BACKGROUND-IMAGE: url(../images/menu_product_over.gif)
}
#menu_product A.active {
	BACKGROUND-IMAGE: url(../images/menu_product_active.gif)
}
#menu_product A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_product_active.gif)
}

#menu_project {
	BACKGROUND-IMAGE: url(../images/menu_project_active.gif); WIDTH: 100px
}
#menu_project A {
	BACKGROUND-IMAGE: url(../images/menu_project.gif)
}
#menu_project A:hover {
	BACKGROUND-IMAGE: url(../images/menu_project_over.gif)
}
#menu_project A.active {
	BACKGROUND-IMAGE: url(../images/menu_project_active.gif)
}
#menu_project A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_project_active.gif)
}
#menu_about {
	BACKGROUND-IMAGE: url(../images/menu_about_active.png); WIDTH: 83px
}
#menu_about A {
	BACKGROUND-IMAGE: url(../images/menu_about.png)
}
#menu_about A:hover {
	BACKGROUND-IMAGE: url(../images/menu_about_over.png)
}
#menu_about A.active {
	BACKGROUND-IMAGE: url(../images/menu_about_active.png)
}
#menu_about A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_about_active.png)
}
#menu_contact {
	BACKGROUND-IMAGE: url(../images/menu_contact_active.png); WIDTH: 92px
}
#menu_contact A {
	BACKGROUND-IMAGE: url(../images/menu_contact.png)
}
#menu_contact A:hover {
	BACKGROUND-IMAGE: url(../images/menu_contact_over.png)
}
#menu_contact A.active {
	BACKGROUND-IMAGE: url(../images/menu_contact_active.png)
}
#menu_contact A.active:hover {
	BACKGROUND-IMAGE: url(../images/menu_contact_active.png)
}
#menu_empty {
	BACKGROUND-IMAGE: url(../images/menu_empty.gif); WIDTH: 369px
}
#banner {
	MARGIN-TOP: 5px; WIDTH: 944px; HEIGHT: 147px
}
#main_top {
	MARGIN-TOP: 5px; FONT-SIZE: 1px; BACKGROUND-IMAGE: url(../images/main_top.png); WIDTH: 944px; HEIGHT: 6px
}
#main_top1 {
	 FONT-SIZE: 1px; BACKGROUND-IMAGE: url(../images/main_top.png); WIDTH: 944px; HEIGHT: 6px
}
#main {
	PADDING-RIGHT: 30px;  PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/main_bg.png); PADDING-BOTTOM: 20px; WIDTH: 884px; COLOR: #140505; LINE-HEIGHT: 17px;  FONT-FAMILY: Arial, Helvetica, sans-serif
}
#maincc {
	PADDING-RIGHT: 30px; height:420px; PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/main_bg.png); PADDING-BOTTOM: 20px; WIDTH: 884px; COLOR: #140505; LINE-HEIGHT: 30px;  FONT-FAMILY: Arial, Helvetica, sans-serif
}
#mainaa {
	PADDING-RIGHT: 30px; height:300px; PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/main_bg.png); PADDING-BOTTOM: 20px; WIDTH: 884px; COLOR: #140505; LINE-HEIGHT: 17px;  FONT-FAMILY: Arial, Helvetica, sans-serif
}
#maina {
	PADDING-RIGHT: 30px; height:420px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/main_bg.png); PADDING-BOTTOM: 20px; WIDTH: 884px; COLOR: #140505; LINE-HEIGHT: 30px;  FONT-FAMILY: Arial, Helvetica, sans-serif
}
#main_bottom {
	FONT-SIZE: 1px; BACKGROUND-IMAGE: url(../images/main_bottom.png); WIDTH: 944px; HEIGHT: 8px
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 24px; MARGIN: 0px 0px 10px; LINE-HEIGHT: normal; FONT-FAMILY: Tahoma, Arial, Helvetica
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 17px; MARGIN: 12px 0px 5px; LINE-HEIGHT: normal; FONT-FAMILY: Tahoma, Arial, Helvetica
}
H3 {
	FONT-WEIGHT: normal; MARGIN: 0px
}
A {
	COLOR: #036cb6; text-decoration:none
}
A:hover {
	COLOR: #023f6b
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 30px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 30px; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BR {
	LINE-HEIGHT: 7px
}
.line {
	CLEAR: both; FONT-SIZE: 1px; BACKGROUND: url(../images/line.png); MARGIN: 30px 0px 20px; WIDTH: 100%; HEIGHT: 2px
}
.clear {
	CLEAR: both
}
FORM DIV {
	MARGIN-TOP: 3px
}
LABEL {
	DISPLAY: block; FLOAT: left; WIDTH: 90px
}
.textfield {
	WIDTH: 200px
}
TEXTAREA {
	WIDTH: 400px; HEIGHT: 100px
}
.button {
	MARGIN-TOP: 3px; MARGIN-LEFT: 89px; CURSOR: pointer
}
.textfield:unknown {
	BACKGROUND-COLOR: #fafafa
}
TEXTAREA:unknown {
	BACKGROUND-COLOR: #fafafa
}
.sublink {
	MARGIN-LEFT: 11px; LIST-STYLE-TYPE: circle
}
.url {
	MARGIN: -5px 0px 15px
}
#awards {
	MARGIN-TOP: 20px; BACKGROUND-IMAGE: url(../images/frame.gif); WIDTH: 884px; HEIGHT: 160px
}
#awards_google {
	PADDING-RIGHT: 20px; PADDING-LEFT: 30px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
}
#awards_microsoft {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 19px; PADDING-TOP: 26px
}
#awards_quickbooks {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 22px; PADDING-TOP: 22px
}
#awards_sempo {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 30px; PADDING-TOP: 30px
}
#awards_yahoo {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 16px; PADDING-TOP: 15px
}
#services {
	CLEAR: both; PADDING-TOP: 20px; HEIGHT: 185px
}
#services UL {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 70px; PADDING-TOP: 8px; HEIGHT: 100px
}
#services LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FONT-SIZE: 11px; BACKGROUND: url(../images/services_li.png) no-repeat 0px 5px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 14px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#services LI A {
	COLOR: #535353; TEXT-DECORATION: none
}
#services LI A:hover {
	TEXT-DECORATION: underline
}
#services LI.sublink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(../images/services_subli.png) no-repeat 0px 5px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; COLOR: #999999; PADDING-TOP: 0px
}
#services LI.sublink A {
	COLOR: #747474
}
#services H3 A {
	MARGIN-TOP: 22px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none
}
#services A.more {
	DISPLAY: block; BACKGROUND: url(../images/services_more.gif) no-repeat; MARGIN-LEFT: 135px; WIDTH: 116px; HEIGHT: 11px
}
#services_software {
	BACKGROUND: url(../images/services_bg.png) no-repeat; FLOAT: left; WIDTH: 279px; MARGIN-RIGHT: 12px; HEIGHT: 185px
}

#services_websites {
	BACKGROUND: url(../images/services_bg.png) no-repeat; FLOAT: left; WIDTH: 279px; MARGIN-RIGHT: 23px; HEIGHT: 185px
}
#services_marketing {
	BACKGROUND: url(../images/services_bg.png) no-repeat; FLOAT: left; WIDTH: 279px; MARGIN-RIGHT: 23px; HEIGHT: 185px
}

#services_software DIV.icon {
	DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(../images/services_software.png); MARGIN: 16px 7px 0px 15px; WIDTH: 30px; HEIGHT: 32px
}
#services_software H3 A {
	COLOR: #408508
}
#services_websites DIV.icon {
	DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(../images/services_websites.png); MARGIN: 15px 7px 0px 15px; WIDTH: 30px; HEIGHT: 33px
}
#services_websites H3 A {
	COLOR: #0666b2
}
#services_marketing DIV.icon {
	DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(../images/services_marketing.png); MARGIN: 16px 7px 2px 15px; WIDTH: 48px; HEIGHT: 30px
}
#services_marketing H3 A {
	COLOR: #f73906
}
#projects {
	CLEAR: both; LINE-HEIGHT: normal
}
#projects H3 {
	FONT-SIZE: 16px; MARGIN: 0px 0px 0px 7px; TEXT-TRANSFORM: uppercase; COLOR: #606060; FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial
}
#projects H3 A {
	TEXT-DECORATION: none
}
#projects A.more {
	DISPLAY: block; BACKGROUND: url(../images/projects_more.gif) no-repeat; MARGIN: 15px 0px 0px 7px; WIDTH: 102px; HEIGHT: 12px
}
#projects .projects {
	FLOAT: left; MARGIN-RIGHT: 13px
}
.projects {
	PADDING-RIGHT: 0px; MARGIN-TOP: 15px; PADDING-LEFT: 14px; BACKGROUND: url(../images/projects_bg.png) no-repeat; PADDING-BOTTOM: 0px; WIDTH: 264px; PADDING-TOP: 13px; HEIGHT: 173px
}
.projects A {
	FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none
}
.projects A:hover SPAN {
	COLOR: #000000; TEXT-DECORATION: underline
}
.projects IMG {
	BORDER-RIGHT: #e0e0e0 2px solid; BORDER-TOP: #e0e0e0 2px solid; MARGIN-BOTTOM: 7px; BORDER-LEFT: #e0e0e0 2px solid; BORDER-BOTTOM: #e0e0e0 2px solid
}
.projects P {
	FONT-SIZE: 11px; MARGIN: 3px 48px 0px 0px; COLOR: #6b6b6b
}



.title {
	PADDING-RIGHT: 0px; 
}
.title A {
	FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none
}
.title A:hover SPAN {
	COLOR: #000000; TEXT-DECORATION: underline
}
.titlep {
	FONT-SIZE: 11px; MARGIN: 3px 48px 0px 0px; COLOR: #6b6b6b
}


#projects_software {
	FLOAT: left; MARGIN: 20px 24px 0px 0px; WIDTH: 278px
}
#projects_websites {
	FLOAT: left; MARGIN: 20px 24px 0px 0px; WIDTH: 278px
}
#projects_marketing {
	FLOAT: left; MARGIN: 20px 24px 0px 0px; WIDTH: 278px
}
#projects_software .projects {
	FLOAT: none; MARGIN-RIGHT: 0px
}
#projects_websites .projects {
	FLOAT: none; MARGIN-RIGHT: 0px
}
#projects_marketing .projects {
	FLOAT: none; MARGIN-RIGHT: 0px
}
#projects_software H3 A {
	COLOR: #408508
}
#projects_websites H3 A {
	COLOR: #0666b2
}
#projects_marketing H3 A {
	COLOR: #f73906
}
#projects .last {
	MARGIN-RIGHT: 0px
}
#services_marketing {
	MARGIN-RIGHT: 0px
}
#projects_marketing {
	MARGIN-RIGHT: 0px
}
.screenshot {
	BORDER-RIGHT: #e0e0e0 4px solid; BORDER-TOP: #e0e0e0 4px solid; MARGIN: 10px 0px; BORDER-LEFT: #e0e0e0 4px solid; BORDER-BOTTOM: #e0e0e0 4px solid
}
#sidebar {
	FLOAT: right; MARGIN: 0px 0px 20px 20px; WIDTH: 276px
}
#sidebar1 {
	 MARGIN: 0px 0px 0px 0px; WIDTH: 276px
}
#sidemenu_top {
	BACKGROUND-IMAGE: url(../images/sidemenu_top.png); WIDTH: 276px; HEIGHT: 34px
}
#sidemenu_top H3 {
	PADDING-RIGHT: 30px; PADDING-LEFT: 15px; FONT-SIZE: 14px; BACKGROUND: url(../images/sidemenu_arrow.png) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #000000; PADDING-TOP: 10px; FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial; HEIGHT: 24px
}
#sidemenu_top H3 A {
	COLOR: #000000; TEXT-DECORATION: none
}
#sidemenu {
	BACKGROUND-IMAGE: url(../images/sidemenu_bg.png); WIDTH: 276px
}
#sidemenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px 0px 0px 25px; PADDING-TOP: 12px
}
#sidemenu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../images/sidemenu_li.png) no-repeat 0px 5px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #000000; LINE-HEIGHT: 25px; PADDING-TOP: 20px; FONT-FAMILY: Verdana, Tahoma, Helvetica; LIST-STYLE-TYPE: none
}
#sidemenu LI A {
	FONT-WEIGHT: normal; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
#sidemenu LI A:hover {
	TEXT-DECORATION: underline
}
#sidemenu LI.sublink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(../images/sidemenu_subli.png) no-repeat 0px 6px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; COLOR: #606060; PADDING-TOP: 0px
}
#sidemenu LI.sublink A {
	COLOR: #606060
}
#sidemenu_bottom {
	BACKGROUND-IMAGE: url(../images/sidemenu_bottom.png); WIDTH: 276px; HEIGHT: 14px
}
.recommendation {
	BORDER-RIGHT: #ffffff 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #ffffff 2px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; MARGIN: 20px 2px 0px 3px; BORDER-LEFT: #ffffff 2px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #f4f4f4
}
.recommendation H3 {
	FONT-SIZE: 14px; MARGIN: 0px 0px 5px; TEXT-TRANSFORM: uppercase; COLOR: #000000; FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial
}
.recommendation IMG {
	BORDER-RIGHT: #eeeeee 2px solid; BORDER-TOP: #eeeeee 2px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #eeeeee 2px solid; BORDER-BOTTOM: #eeeeee 2px solid
}
.adsense {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN: 20px 12px 0px; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: center
}
.nomargin .adsense {
	MARGIN-TOP: 0px
}
#footer {
	MARGIN-TOP: 5px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/footer.png); WIDTH: 944px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica; HEIGHT: 70px
}
#footer A {
	FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:hover {
	TEXT-DECORATION: underline
}
#footer SPAN {
	FONT-WEIGHT: normal
}
#footer_left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 55px; BACKGROUND: url(../images/copyright.png) no-repeat 28px 24px; FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 26px
}
#footer_right {
	PADDING-RIGHT: 30px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 26px
}
