body, html {position:relative; width:100%; height:100%; background:url(../img/layout/bg.jpg) #d2d2d2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
strong {font-weight:bold;}
em {font-style:italic;}
sup {vertical-align:top; font-size:.6em;}
.clear {clear:both;}

h1, h2, h3, h4, h5, p {margin-bottom:0;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:1.2em; font-weight:normal; color:#cc0000; padding:20px 0 8px 0;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:1.2em; padding:20px 0 8px 0; font-weight:normal; color:#666;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:1.2em; padding:15px 0 3px 0; font-style:italic; color:#000;}
h4 {font-size:1.4em; line-height:1.2em; font-weight:bold; color:#000;}
h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; line-height:1.2em; font-weight:normal; color:#666; padding:5px 0 15px 0;}
p {font-size:1.3em; line-height:1.5em; color:#000; padding-bottom:12px;}
p a, h3 a {color:#000; text-decoration:none; border-bottom:1px dashed #cc0000;}
h2 a {color:#666; text-decoration:none; border-bottom:1px dashed #cc0000;}
p a:hover, h2 a:hover, h3 a:hover {background-color:#dee483;}
hr {border:0; background:url(../img/layout/horiz_line.gif) repeat-x; height:2px; width:100%; margin:10px 0 20px 0;}

#wrapper {position:relative; width:889px; margin:0 auto;}

#header {position:relative; width:889px; height:240px;}
#arch_head {position:relative; width:889px; height:160px; background:url(../img/layout/arch_head.png) no-repeat 0px 50px;}
#bg_y {position:relative; width:889px; height:80px; background:url(../img/layout/bg_y.gif) repeat-y #eee;}
#logo_bg {position:absolute; width:322px; height:73px; left:150px; top:0; padding:167px 0 0 40px; background:url(../img/layout/logo_bg.gif) no-repeat left bottom #fff;}
#logo {display:block; position:absolute; width:285px; height:135px; left:40px; top:18px; background:url(../img/layout/logo.jpg) no-repeat;}
#logo_bg h2 {font-size:2.2em; padding:0; color:#999;}
#news_flash {position:absolute; width:217px; height:230px; left:585px; top:0px; background:url(../img/layout/bg_news.gif) no-repeat;}
#news_flash h1 {font-size:2.4em; line-height:1.2em; font-weight:bold; text-transform:uppercase; color:#fff; padding:5px 0 7px 0; text-align:center;}
#news_flash h2 {font-size:2em; line-height:.9em; padding:5px 18px 3px 21px; font-weight:normal; color:#000;}
#news_flash p {font-size:1.2em; line-height:1.5em; padding:3px 18px 0 21px; font-weight:normal; color:#000;}
#news_flash a#news_read {display:block; position:absolute; width:100px; height:19px; right:0px; bottom:0px; font-size:1em; line-height:1.2em; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#fff;}
#news_flash a#news_read:hover {text-decoration:underline;}


#contents {position:relative; width:889px; padding:30px 0; background:url(../img/layout/bg_y.gif) repeat-y #eee;}

#column_l {position:relative; float:left; width:192px; margin-left:13px;}
#main_nav {position:relative; width:192px;}
#main_nav li {position:relative; width:192px; text-align:right; margin-bottom:10px;}
#main_nav li a {display:block; width:171px; height:28px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; line-height:28px; text-decoration:none; color:#999; padding-right:21px;}
#main_nav li a:hover, #main_nav li a.selected  {color:#949857; background-color:#dee483;}
#main_nav li.home a.selected  {color:#aaa; background-color:#eee;}

#column_r {position:relative; float:right; width:582px; min-height:330px; padding:0 37px 0 38px; margin-right:27px; background:url(../img/layout/vert_line.gif) repeat-y;}
.no-top-space {padding-top:0;}
#line_cover {position:absolute; width:2px; height:6px; left:0; top:0; background-color:#eee;}
.hilite {font-weight:bold; color:#555;}

/*-- home --*/
img.video-still {background-color:#fff; margin:26px 12px 12px 0; padding:4px; border:1px solid #bbb; float:left;}

/*-- about --*/
#peewee {position:absolute; left:65px; top:-5px; width:480px; background-color:#fff; display:none; padding:5px 8px; border:2px dotted #aaa;}
#peewee p {font:10px Verdana; color:#000; padding-bottom:3px}
#peewee p span {font-style:italic; font-weight:bold; padding-right:4px;}
.peewee-width {width:60px;}
.align-right {text-align:right; padding:2px 12px 2px 0;}
#column_r ul {list-style:disc; padding:0 0 6px 30px;}
#column_r ul li {font-size:1.3em; line-height:1.2em; color:#000; padding-top:6px;}
.tight {padding:0; line-height:1.2em;}

/*-- portfolio --*/
dl#portfolio {padding:0 0 0 0;}
dl#portfolio dt {font-size:2.4em; font-weight:bold; color:#999; padding:50px 0 6px 0;}
dl#portfolio dd.project-url {}
dl#portfolio dd.project-url a {font-size:1.1em; color:#000; text-decoration:none; border-bottom:1px dashed #cc0000;}
dl#portfolio dd.project-url a:hover {background-color:#dee483;}
dl#portfolio dd.project-url p {padding-bottom:12px;}
dl#portfolio dd.img {width:260px;}
dl#portfolio dd.rp-powered {width:171px;float:right;margin-right:130px;}
dl#portfolio dd.img a {width:100%; height:100%;}
dl#portfolio dd.img img {border:1px solid #bbb; padding:4px; background-color:#fff;}
dl#portfolio dd.partner {padding:7px 0 0 0px; font-size:1.1em;}
dl#portfolio dd.partner a {font-size:1em; color:#000; text-decoration:none; border-bottom:1px dashed #cc0000;}
dl#portfolio dd.partner a:hover {background-color:#dee483;}
.paging {position:relative; margin:40px 0 30px 0; font-size:1.1em; font-weight:bold; text-transform:uppercase; color:#666;}
.paging a {color:#666; text-decoration:none;}
.paging a:hover {background-color:#dee483;}
.paging span.current {color:#c00;}
.paging div {display:inline; color:#bbb;}

/*-- testimonials --*/
#testimonials h2 {padding:30px 0 8px 0;}
.speaker {font-style:italic; text-align:right; padding:0 30px 0 0; margin-top:-8px;}

/*-- pagination --*/
.paging-arrows {font-size:1.3em;}

/*-- news --*/
#news h2 {padding:40px 0 8px 0;}
#news img {border:1px solid #bbb; padding:4px; background-color:#fff;}
.news-links a {font-size:1.2em; color:#000; text-decoration:none; border-bottom:1px dashed #cc0000;}
.news-links a:hover {background-color:#dee483;}

/*-- our team --*/
.team-image {width:572px; border:1px solid #bbb; margin: 0px 8px 10px 0; padding:4px; background-color:#fff;}
.team-member {position:relative; float:left; margin:45px 0 0 0;}
.team-member h2 {padding:0px 0 0px 0;}
.team-member h3 {padding:0px 0 0px 0;}
.staff-image {float:left; width:175px; border:1px solid #bbb; margin:47px 12px 0 0; padding:4px; background-color:#fff;}
.clear-n-space {clear:both; width:100%; height:10px;}


/*-- blogs list --*/
.post-by {font-size:1em; color:#666; padding:0 0 10px 0;}
#blogs img {margin:3px 0 12px 0; border:1px solid #bbb; padding:4px; background-color:#fff;}


/*-- blogs detail --*/
.blogs-view img {margin:5px 0 15px 0; border:1px solid #bbb; padding:4px; background-color:#fff;}
.blogs-view p.speaker {font-size:1.5em; font-style:normal; font-weight:bold; text-align:left; color:#666; padding:10px 0 5px 0; margin-top:0px}
.blogs-view p.post-date {font-size:1.1em; text-transform:uppercase; color:#666; padding:0 0 20px 0;}
.blogs-view p.link {padding-bottom:0px;}
.blogs-view p.link a {font-size:.8em; padding-bottom:1px;}
.actions {margin-top:30px;}
.actions a {font-size:1.2em; font-weight:bold; color:#666; text-decoration:none; border-bottom:1px dashed #cc0000; text-transform:uppercase;}
.actions a:hover {background-color:#dee483;}

/*-- contact forms --*/
#contact {padding:10px 0 0 0; margin-bottom:15px;}
#contact div.input {margin:0 0 3px 0; clear:both;}
#contact div.input label {display:block; float:left; width:65px; padding:0 5px 0 0; line-height:22px; text-align:right; color:#777;}
#contact div.input input {width:195px;}
#contact #ContactIndexForm div.input input {width:226px;}
#contact div.input.checkbox {padding:10px 0 0 0;}
#contact div.input.checkbox input#ContactOptin {width:15px; margin:0 5px 0 66px;}
#contact div.input.checkbox label {display:inline; float:none; width:400px; padding:1px 0 0 0; line-height:1em; text-align:left; color:#000;}
#contact div.submit {clear:both; padding:15px 0 0 66px;}

#ContactIndexForm div.input.textarea label {line-height:1em; width:66px; padding:5px 2px 0 0;}

/*-- validations --*/
.error-message {position:relative; clear:both; width:185px; padding:3px 8px 5px 8px; margin:0 0 5px 65px; background-color:#cc0000; line-height:1.2em; color:#fff;}
#ContactIndexForm div.error-message {width:216px;}
#PaymentIndexForm div.error-message {margin-left:123px;}

/*-- payments --*/
#PaymentIndexForm div.submit {width:190px; margin:24px 0 0 123px; padding:11px 0 7px 10px; background-color:#fff; border:1px solid #ddd;}
#contact form#PaymentIndexForm div.input label {width:118px;}

/*-- partner hosting --*/
#contact form#PartnerHostingIndexForm div.input {margin:0 0 6px 0}
#contact form#PartnerHostingIndexForm div.input label {width:200px; padding:4px 5px 0 0; line-height:1.2em;}
#contact form#PartnerHostingIndexForm div.input input {width:226px; margin:0 0 0 2px;}
#contact form#PartnerHostingIndexForm div.input input.existing {width:22px; margin:0 0 0 204px;}
#contact form#PartnerHostingIndexForm div.input select {width:232px;}
#contact form#PartnerHostingIndexForm hr {margin:20px 0 20px 0;}
#emails {margin-bottom:20px;}
#contact form#PartnerHostingIndexForm a {color:#000; text-decoration:none; border-bottom:1px dashed #cc0000; margin:0 0 0 208px; font-size:1.2em;}
#contact form#PartnerHostingIndexForm a:hover {background-color:#dee483;}
.hosting-label {clear:both; padding:25px 0 10px 0;}
#contact form#PartnerHostingIndexForm div.submit {padding:10px 0 0 206px;}

#column_wide {position:relative; width:774px; margin-left:13px; padding:0 37px 0 38px;}
.home-port {position:relative; float:left; width:223px; margin-right:47px;}
.home-port img {width:100%; border:1px solid #999; padding:4px; background-color:#fff;}
.home-port-r {position:relative; float:left; width:223px; margin-right:0px;}
.home-port-r img {width:100%; border:1px solid #bbb; padding:4px; background-color:#fff;}
.more-btm-space {padding-bottom:12px;}
.contact-info {position:relative; float:left; margin:0 0 0 38px;}
.contact-info.a {width:258px;}
.contact-info.b {width:223px;}
.contact-info.c {width:173px;}

#footer {position:relative; width:889px; height:211px; background:url(../img/layout/arch_foot.png) no-repeat; padding-bottom:10px;}
#foot_info {position:absolute; width:500px; height:100px; left:0; top:120px;}
#foot_info p {font-size:.9em; color:#666; padding-top:10px;}