/* Inoa Technologies */

/* !Structure */
html {height:100%;}
body {margin: 0 auto;width:980px;height:100%;background: url(/assets/konaview.jpg) top center no-repeat fixed #211d1e;}

#panel {background: url(/assets/bg.jpg) repeat-x #f1f1f1;width:980px;min-height:100%;margin:0 auto;padding:10px;border-left:1px solid #efefef;border-right:1px solid #efefef;
/*filter:alpha (opacity=95);-moz-opacity:.95;opacity:.95;-khtml-opacity: 0.9;8? */
}

/*#panel.home {filter:alpha (opacity=100);-moz-opacity:1.00;opacity:1.00;-khtml-opacity: 1.0;}
#wrapper>header {filter:alpha (opacity=100);-moz-opacity:.99;opacity:.99;-khtml-opacity: 1.0;
}*/
#wrapper>header>h1 {width:240px;padding:10px 0 0 0;margin:10px 20px 20px;height:60px;background:url(/assets/birds.gif) right no-repeat;}
#wrapper>header>h1 {float:left;}
#wrapper>header>nav {float:right;margin:38px 15px 0 0;color:#ccc;}
#wrapper>header>nav a {color:#999;}

#page {background:url(footbg.gif) bottom no-repeat;}
#content {padding:10px 0;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
#content {padding:0px;margin:0;background:url(sgradient.gif) 680px repeat-y #fff;}
#content>section {margin:5px 0 5px 15px;padding-right:2px}
/* !Top nav */

#welcometext {color:#000;text-align:right;margin-right:20px;margin-bottom:-40px;padding-top:25px;}

#wrapper>nav {background:url(navbg.gif) top no-repeat;height:29px;color:#fff;overflow:hidden;}
#wrapper>nav ul {padding:0 20px;}
#wrapper>nav ul li {display:block;float:left;margin:0;border-right:1px solid #f1f1f1;height:30px;}
#wrapper>nav ul li.last {border-right:none;}
#wrapper>nav ul li a {display:block;color:#fff;padding:3px 29px;font-size:14px;}
#wrapper>nav ul li a:hover {text-decoration:none;background-color:#6aa9d4 !important;-webkit-transition: background-color .25s linear .1s;transition: background-color .25s linear .1s;}

/* !Anchors */
a {text-decoration: none;color:#069;}
a:hover {text-decoration: underline;color:#326496;}
a:focus {outline:1px dotted;}
h1 a {font-weight:normal;}

section ul {font-size:85%;color:#555;}

span.date {color:#555;}
span.date strong {color:#000;}
span.date em {font-variant: small-caps;text-transform: lowercase;font-style: normal;}

/* !Header */
section>h1 {padding-top: 10px;font-size:26px;color:#0680c8;font-weight:normal;}
section h2 {border-bottom:1px solid #ddd;margin-bottom:10px;padding:5px 0;color:#615756;}
/

/* !Home Page */
#home header {background:none;border:none;}
.home>#wrapper>nav {}
#home header h2, #home header h3 {color:#666;font-weight:100;line-height:1.4em;}
#home header h2 {float:right;padding:15px 0;font-size:21px;}
#home header h3 {background:url(/assets/pointer.gif) top left no-repeat;padding:0 200px 10px 96px;font-size:23px;width:530px;margin:20px 15px 0;color:#444;text-shadow: 0px 0px 5px #fff;}
#home>section h2 {color:#555;font-weight:normal;}
#home section ul li {list-style:none;text-align:left;margin-left:0;color:#777;font-size:15px;margin:0;}
.home p.contact {font-size:16px;margin-top:25px;color:#777;font-weight:normal;margin-left:65px;}
.home p.contact a {color:#a9437a;font-size:28px;margin-left:45px;font-size:35px;letter-spacing: 1px;}
.home #content {padding:0;border-left:0;border-right:0;background-image:none;}
.home #liner {margin-left:0;margin-right:0;padding-right:0;padding-left:0;}
#featured {background:url(aloha2.gif) transparent no-repeat;height:250px;width:960px;}
#featured hgroup {padding:30px 530px 30px 20px;}
#featured h1, #featured h2 {color:white;font-size:20px;margin-bottom:20px;font-weight:normal;}   
div.homenav {text-align:center;margin:10px 0;}
nav.main {margin:auto;padding-left:50px;background:none;height:auto;}
nav.main a {display:block;float:left;margin:25px 20px 0 15px;padding:18px 0px 5px 92px;width:170px;height:40px;text-align:left;text-transform:uppercase;text-decoration:none;vertical-align: middle;border-radius: 1em;-webkit-border-radius: 1em;-moz-border-radius: 1em;border:1px solid #fff;}
nav.main a:hover {background-color:#f7f7f7 !important;border:1px solid #efefef;-webkit-transition: background-color .25s linear .1s;transition: background-color .25s linear .1s;}
nav.main a.web_hosting {background:url(icon_hosting.gif) 10px no-repeat;}
nav.main a.business_email {background:url(icon_email.gif) 10px no-repeat;}
nav.main a.domain_names {background:url(icon_domains.gif) 10px no-repeat;}
nav.main a.web_development {background:url(icon_laptop.gif) 10px no-repeat;}
nav.main a.streaming_media {background:url(icon_worldnet.gif) 10px no-repeat;}
nav.main a.other_services {background:url(icon_filecabinet.gif) 10px no-repeat;}

/* !Sidebar */
#sidebar {height:100%;border-left:0px solid #efefef;}
#sidebar-liner {padding:10px;}
#sidebar h2 {text-transform:uppercase;font-weight: normal;font-size:19px;letter-spacing: 2px;color:#369;margin-left:30px;}
#sidebar h2 a:hover {text-decoration: none;color:#369;}
#sidebar nav {border:0px solid #efefef;padding:5px 0;}
#sidebar nav ul {margin:5px;margin-left:0px}
#sidebar ul li {list-style-type: none;}
#sidebar ul li a {color:#777;}

.button {line-height: 30px;font-weight:normal;float: right;}   
.button:hover {filter:alpha (opacity=50);-moz-opacity:.80;opacity:.80;-khtml-opacity: 0.8;}
.button a {background: url(btn-rounded-blue.gif) no-repeat left;color: #ffffff;	padding: 0 0 0 13px;
	display: block;float: left;}
.button a span{background: url(btn-rounded-blue.gif) no-repeat right;height: 30px;padding: 0 13px 0 0;
	display: block;float: left;}                        
.button.green a, .button.green a span {background-image: url(btn-rounded.gif);}

/* !Footer Styles */
#panel>footer {background:url(footbg.gif) top no-repeat;padding:30px 25px 25px;}
footer {line-height:1.2em;color:#777;font-size:85%;}
footer a {color: #444;font-weight:normal;}
.socialmedia {margin-right:10px;}
.socialmedia a img {margin:2px 5px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.socialmedia a:hover img {filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;}

table td {padding:5px;}


/* Dropdown */
/* !Navigation */
/*ul.nav,ul.nav *{margin:0;padding:0;}
ul.nav{position:relative;background:#fff;max-width:100%;height:2.5em;width:100%;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
#wrapper>nav>ul li{cursor:pointer;float:left;text-align:center;list-style-type:none;font-weight:normal;position:relative;top:0;left:0;}
#wrapper>nav>ul li ul{cursor:default;width:100%;max-width:100%;position:absolute;height:auto;top:2.5em;background-position:0 0 !important;left:-9000px;}
#wrapper>nav>ul li ul li{padding:0;border:none;width:auto;max-width:none;float:left;}
#wrapper>nav>ul li a,#wrapper>nav>ul li span{color:#555;background:#fff;font-weight:bold;text-decoration:none;display:block;float:left;padding:0 1em;height:2.4em;line-height:2.5em;}
#wrapper>nav>ul li ul li a{position:relative !important;*//* ie Mac */
/*cursor:pointer !important;white-space:nowrap;line-height:2em;height:2em;font-weight:normal;color:#555;background-position:0 50% !important;width:13em;text-align:left;border-bottom:1px dashed #ccc;border-right:2px solid #ddd;background:#efefef;}
#wrapper>nav>ul li:hover a,#wrapper>nav>ul li a:hover,#wrapper>nav>ul li a:focus,#wrapper>nav>ul li a:active{color:#555;background:#efefef;}
#wrapper>nav>ul li:hover ul{left:0;z-index:10}
#wrapper>nav>ul li ul,#wrapper>nav>ul li{background:#fff !important}
#wrapper>nav>ul li.current a{color:#666;background:#fff;cursor:default;font-weight:bold;}
#wrapper>nav>ul li.current ul{left:0;z-index:5}
#wrapper>nav>ul li.current ul,#wrapper>nav>ul li.current{background:#fff !important}
#wrapper>nav>ul li.current ul li a{color:#444;background:#fff;font-weight:normal;}
#wrapper>nav>ul li.current ul li a:hover{color:#000;background:#fff;}
#wrapper>nav>ul li ul li.current a,#wrapper>nav>ul li ul li.current a:hover,#wrapper>nav>ul li.current:hover ul li a:active{color:#666;background:#fff;}

/* !Nav Level Two */
/*ul.nav li:hover ul li a,{color:#555;}
ul.nav li:hover ul li a:hover{color:#005a6a;background:#f4f4f4;}
ul.nav li:hover a:active{background:#efefef;}
ul.nav li:hover ul li a:active{color:#555;background:#efefef;}*/

/* Shopping Cart */
table.data1{-moz-border-radius:10px;-webkit-border-radius:10px;margin-left:30px;padding:0;border:1px #ccc solid;}
table.data1 tr td{background-color:#FFF;border-bottom:1px solid #EBEBEB;color:#666;padding:1px;font-size:9px;}
table.data1 tr th{background-color:#666;border-bottom:3px solid #888;color:#FFF;font-weight:700;padding:0px;text-align:center;}
table.data1 tr.basketheader td{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;background-color:#bf0000 !important;color:#fff;font-size:12px;font-weight:700;height:25px;text-align:center;}
table.data1 tr.baskettabledue td{background-color:#E7FFDA !important;color:#333;font-size:10px;font-weight:700;height:20px;}
table.data1 tr.baskettableproduct td{background-color:#FFF;color:#666;padding:10px;}
table.data1 tr.basketmessage td{-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;background-color:#F5F5F5 !important;color:#333;font-size:7px;font-weight:100;height:10px;text-align:center;}
table.data1 tr.basketlinks td{background-color:#F5F5F5 !important;color:#333;font-size:9px;font-weight:700;height:20px;text-align:center;}        

#oislogo {margin-left:25px;margin-bottom:-15px;}
#twitter {background: url(tbg.gif) left no-repeat;padding:10px 0 10px 60px;line-height:1em;margin-bottom:10px;min-height:40px;color:#555;border:1px solid #efefef;}