/* General Styles */
body { width:100%; color:#009BDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.2em; }
p { margin:10px 0; }
a { color:#DD7A1D; text-decoration:none; }
a:hover { color:#00a0df; }
h1 { color:#DD7A1D; font-size:26px; }
h2 { font-size:24px; line-height:1.25em; }
h3 { font-size:18px; }
h4 { color:#dee7ef; font-size:48px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; line-height:1.2em; }
strong { font-weight:bold; }
em { font-style:italic; }
.emph { color:#DD7A1D; }
.clear{ clear:both; }
.note { font-size:10px; margin:0 0 0 20px; }

/* theme */
div#header{ width:100%; height:190px; background:#fff url(../images/bg-header.jpg) repeat-x bottom center;}
div#header-content{ width:925px; height:100%; margin:0 auto; position:relative; }
div#branding { position:absolute; top:5px; left:30px; }
img#spike-header { position:absolute; right:0px; bottom:0px; }
div#tagline { position:absolute; left:0px; top:110px; text-align:center; font-size:12px; background-color:white; padding-right:100px; }
div#social-contact { position:absolute; right:0px; top:40px; font-size:12px; }
div#social-contact img { vertical-align:middle; }
div#nav{ font-size:12px; color:#00a0df; }
div#nav ul { position:absolute; right:0px; top:12px; }
div#nav ul li { display:inline; margin:0 1px; }
div#nav a { color:#00a0df }
div#nav a:hover, div#nav a.nav-selected { color:#c94d00; }
div#content{ width:925px; margin:20px auto; border:0px solid #f00; }
div#footer { width:100%; height:70px; text-align:center; clear:both; background:#00a0df url(../images/bg-footer.jpg) repeat-x top center; vertical-align:baseline; }
div#footer-branding { margin:0 auto; padding:15px 0 0; vertical-align:baseline; height:70px; border:0px solid #f00; color:#dee7ef; font-size:48px; font-weight:bold; }

/* page content headers */
div#content-header { margin:0 0 20px 0; }
div.content-tagline { background: url(../images/title-bullet.jpg) no-repeat 0% 50%; }
div.content-tagline h2 { font-size:20px; padding:0 0 0 20px; display:inline; vertical-align:middle; }
div.content-tagline span.emph { font-size:14px; vertical-align:middle; }

/* page content wrappers */
div#page-content-why { height:490px; width:563px; border-top: 3px #00a0df solid; border-bottom: 3px #00a0df solid; float:left; position:relative; background:url(../images/why-feature.jpg) no-repeat 20px 50px; }

div#page-content { 
height:496px; width:824px; border-top: 0px #00a0df solid; border-bottom: 0px #00a0df solid; float:left; position:relative; background:  url(../images/bg-page-content.jpg) no-repeat top left;
}
#page-content-packages{
	padding-bottom:15px;
	width:824px;
	padding-left:15px;
	border-top: 0px #00a0df solid; 
	border-bottom: 0px #00a0df solid; float:left; position:relative; 
	border:3px solid #009BDD;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px;
	border-left:none;
	/*background:  url(../images/bg-page-content.jpg) no-repeat top left;*/ 

}

.left-menu{

}


div#page-content-service { height:496px; width:824px; border-top: 0px #00a0df solid; border-bottom: 0px #00a0df solid; float:left; position:relative; background:  url(../images/bg-page-content-service.jpg) no-repeat top left; }
div#page-content-cap { border:0px solid #f00; float:left; margin:0 0 0 62px; }
div#page-content-work { height:496px; width:824px; border-top: 0px #00a0df solid; border-bottom: 0px #00a0df solid;	float:left;	position:relative; background:  url(../images/bg-page-content-work.jpg) no-repeat top left; }
div#page-content-cap-work { border:0px solid #f00; float:left; margin:0 0 0 62px; }
div#page-content-cap-why { border:0px solid #f00; float:left; margin:0 0 0 62px; }
div#page-intro { height:38px; padding:30px 10px 10px; }
div#page-intro-simple {	height:25px; }

/* left menu */
.left-menu { float:left; }
.left-menu-li { width:49px;  height:81px; margin:0 0 2px; border:0px solid #f00; }
.left-menu-li a img { width:49px; height:81px; background-repeat: no-repeat; background-position: top left; }
.left-menu-li a:hover img { background-position: top right; }
.left-menu-li-selected a img { background-position: top right; background-repeat:no-repeat; }
#left-menu-who img { background-image:url(../images/btn-who.jpg); }
#left-menu-service img { background-image:url(../images/btn-service.jpg); }
#left-menu-package img { background-image:url(../images/btn-package.jpg); }
#left-menu-work img { background-image:url(../images/btn-work.jpg); }
#left-menu-why img { background-image:url(../images/btn-why.jpg); }
#left-menu-blog img { background-image:url(../images/btn-blog.jpg); }

/* home */
div#home-content { height:580px; width:905px; background:url(../images/home-feature.jpg) no-repeat top left; position:relative; font-size:12px; }
div#home-sub-content { position:absolute; right:0px; width:480px; top:20px; line-height:18px; text-align:justify; }
#home-actions { position:absolute; bottom:0; right:0px; }
#home-actions div { background-repeat:no-repeat; position:absolute; bottom:0px; cursor:pointer; } 
#home-actions div:hover {  background-position:0 -128px;  }
#home-actions-packages { width:117px; height:128px; right:345px; background-image:url(/images/home-actions/packages.jpg); }
#home-actions-work { width:114px; height:128px;right:231px; background-image:url(/images/home-actions/work.jpg); }
#home-actions-why { width:115px; height:128px; right:116px; background-image:url(/images/home-actions/why.jpg); }
#home-actions-broaden { width:116px; height:128px; right:0px; background-image:url(/images/home-actions/broaden.jpg); }

/* WHO */
ul#bios li { float:left; width:190px; height:360px; border:0px solid #f00; margin:0 6px 0; font-size:9px; line-height:1.4em; letter-spacing:-.03em; }
p.bio-header { font-size:9px; line-height:1.5em; padding:0 0 10px; }
div.bio { margin: 10px 0 0; }
img.bio-pic { float:left; }
.prev-btn { position:absolute; top:10px; left:0px; z-index:20px; width:24px; height:35px; } /* slider */
.next-btn {	position:absolute; top:10px; left:0px; z-index:20px; } /* slider */
.bio-entry, .bios { position:relative; }
.facts{ background:#fff; border:5px solid #00a0df; padding: 20px; position:absolute; top:20px; left:108px; width:540px; z-index:20; display:none; }
.facts-content { clear:left; }
.facts h3 { font-size:13px; margin:0 0 10px; }
.facts h3 em { color:#c94d00; font-style:italic; }
.facts h4 { margin:7px 0 2px; font-size:11px; font-weight:bold; color:#c94d00; }
.facts p { margin:0; }
.btn-close { float:right; cursor:pointer; }
div.nav-scroll { clear:both; text-align:right; width:100%; }
div.nav-scroll a img { margin:0 35px 0 0; }

/* SERVICE */
.service-list-header { font-size:11px; font-weight:bold; white-space:nowrap; }
ul#services { margin:20px 0 0 20px; } 
ul#services li { float:left; width:135px; border:0px solid #f00; margin:0 6px 0; font-size:9px; line-height:1.4em; letter-spacing:-.03em; }
ul#services li ul.service-list li { border:0px solid #0f0; margin:0; margin:5px 0; }
ul#services li ul.service-list li:hover { text-decoration:underline; cursor:default; }
img.feature-service, img.feature-contact { position:absolute; bottom:20px; right:20px; }
#bubble { position:absolute; }
.bubble_content { border:1px solid #07AAE5; background-color:#FEECE0;margin-left:11px; min-height:100px; width:250px; padding:10px; display:none; } 
.bubble_arrow { position:absolute; top:10px; background-image:url(/images/bubble_left_arrow.jpg); background-repeat:no-repeat; width:20px; height:25px; } 

/* PACKAGES */
img#feature-packages { margin:30px 0 0 10px; }

/* WHY */
div#page-content-why h1 { margin:10px 0 0 25px; }
h2.h2-spaced { margin:20px 0 10px; font-size:24px; }
.why_slideshow { overflow:hidden; width:515px; height:480px; float:left; margin: 10px 0 0 10px;   }
.why_slideshow ul li { width:515px; height:480px; position:relative;}
.testimonials { overflow:hidden; width:210px; height:350px; }
.testimonials ul li { width:210px; height:350px;} /* FOR SAFARI !! */
.testimonials ul li p {font-size:12px; }

/* CONTACT */
form#contact-form { margin:30px; }
form#contact-form input,form#contact-form textarea { font:inherit; width:360px; padding:5px; }
ul#contact li { font-size:10px; margin:10px 0; line-height:1.5em; }
form#contact-form input#contact-submit { width:81px; height:26px; margin:0 0 0 285px; }
div#contact-info { position:absolute;  right:25px; top:150px; text-align:right; }

/* WORK */
li.work-btn { width:63px; height:26px; margin:0 0 2px; border:0px solid #f00; display:inline; }
li.work-btn a img { width:63px; height:26px; background-repeat: no-repeat; background-position: top center; }
li.work-btn a:hover img { background-position: bottom center; }
li.work-btn-selected a img { background-position: bottom center; background-repeat:no-repeat; }
a#work-btn-bizid img { background-image:url(../images/btn-side-work-biz.jpg); }
a#work-btn-web img { background-image:url(../images/btn-side-work-web.jpg); }
a#work-btn-print img { background-image:url(../images/btn-side-work-print.jpg); }
ul.project-list { height: 400px; width: 210px; margin:15px 0 0 0; overflow-y: auto; }
ul.project-list li { margin:5px 0 5px 5px; text-align:left; float:left; }
ul.project-list li a img { width:87px; height:61px; border:2px solid #009ddc; }
ul.project-list li a img.selected { border:2px solid #c94d00; }
ul.project-list li a:hover img { border:2px solid #c94d00; }
div#work-nav { width:200px; height:450px; text-align:center; margin:25px 35px 0 0; }
div#nav-work { width:200px;	height:450px; text-align:center; }
div#work-content { width:545px;	height:486px; border:0px solid #f00; margin: 0px; }
ul#project-nav { position:absolute; border:0px solid #f00; top:10px; left:10px; }
ul#project-nav li { display:inline; }

/* CODA SLIDER */
#slider { width: 522px;  margin: 5px 0 0 5px; position: relative; float:left; }
.scroll { height: 486px; width: 522px; overflow: auto; overflow-x: hidden; position: relative; z-index:10; }
.scrollContainer div.panel { padding: 0px; height: 486px; width: 522px; }
img.work-img { border:0px solid #999999; }
.scrollButtons { position: absolute; cursor: pointer; z-index:30; }
.scrollButtons.left { left:24px; }
.scrollButtons.right { left:48px; }
.hide { display: none; }

/*website hosting page*/
#packages_table th { text-align:center; font-weight:bold; padding:5px; }
#packages_table td { text-align:center; padding:5px;  }


/*Info and Error messages from Framework */
div#ErrorDialog { width:80%; margin:15px auto 15px auto; border:1px solid #dadada; padding:10px; }
div#ErrorDialog.Info td#ErrorDialogIcon { width:30px; height:30px; background-image:url('/images/info_icon.png'); background-repeat:no-repeat; }
div#ErrorDialog.Info td#ErrorDialogMessage{ color:#DD7A1D; font-weight:bold; padding-left:10px; }
div#ErrorDialog.Error td#ErrorDialogIcon { width:30px; height:30px; background-image:url('/images/error_icon.png'); background-repeat:no-repeat; }
div#ErrorDialog.Error td#ErrorDialogMessage{ color: maroon; font-weight:bold; }