/*
	Safenames styles
	Developed by foamcube

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* ------- Formatting ------- */

body
{ color:#333; font:normal .80em/1.4em "Lucida Grande","Trebuchet MS",verdana,arial,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* Table font reset */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#4c739c }
a:visited
{ color:#4c739c }
a:hover, a:active
{ text-decoration:underline }

/* Arrowed links */
.arrow_link
{ padding-right:10px; background:url("../images/archive_arrow.gif") no-repeat 100% 3px }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 12px 1.4em; padding:0 }


.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ clear:left; float:left; margin:0 8px 8px 0 }
.floatright
{ clear:right; float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#fff; background-color:#fff; height:1px; margin:1.3em 0; padding:0; border:0; border-top:1px dashed #afb8c0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#416f42; margin:0 0 .9em; padding:0; font:bold italic 140%/1.2 "Lucida Grande",verdana,arial,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }

/* No italics */
h1.clean, h2.clean, h3.clean, h4.clean, h5.clean, h6.clean
{ font-style:normal }

/* Underheader */
.subtitle
{ margin-top:-1em }


/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 15px; background:url("../images/bullet_square.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:.1em 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }


/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
td.even, tr.even td
{ background-color:#e5e5e5 }



/* ------- Layout ------- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }
.clear
{ clear:both }


body
{ margin:0; padding:0; background-image: url("../images/bkg_03.jpg"); background-repeat: repeat-x }

#wrapper
{ zoom:1; position:relative; width:981px; margin:0 auto }
	#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* --- Header --- */

#header
{ zoom:1; position:relative; z-index:99; margin:0; padding:10px 20px 0 32px; 
  background-color:#3e5a3f; text-align:right }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo
{ float:left; margin:12px 0 0; width:147px }
	#logo img
	{ display:block }


/* - Auxiliary nav - */
#auxnav
{ margin-right:1px; color:#dabb64 }

#auxnav a
{ margin:0 3px; padding:3px }
	#auxnav a:link, #auxnav a:visited
	{ color:#dabb64 }

/* Site search */
div.searchform
{ border: solid px red; display:inline-block; width:121px; height:18px; margin-right:7px; background:url("../images/back_search_box.gif") no-repeat }
div.searchform input.search
{ width:91px; margin:0 10px 0 0; padding:0px 10px 0px 0px; border: solid 0px green; background:none; text-align:left; color:#999; font-size:11px; top: -2px; position: relative; }
div.searchform input.button { visibility: hidden; display: none; margin: 0px; padding: 0px; width: 0; height: 0; border: 0; }

	* html .searchform /* IE6 fix */
	{ display:inline }
	*:first-child+html .searchform /* IE7 fix */
	{ display:inline; padding-top: 2px; }



/* - Primary nav with flyout - */
#navigation
{ zoom:1; float:right; margin:5px 0 0; padding:0 }
	#navigation:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#navigation li.navitem
{ position:relative; float:left; margin:0; padding:0 0 5px 0; background:none; cursor: pointer; }

#navigation li.active
{ background:url("../images/nav_tooth.gif") no-repeat 50% 100% }
	* html #navigation li.active
	{ background-position:50% 30px }

#navigation li:hover,
#navigation li.hover /* IE6 :hover fix */
{ z-index:99; background-color:#ccc !important; background-image:none !important }

#navigation li.navitem a.menu
{ float:left; padding:8px; text-decoration:none; color:#fff; white-space:nowrap; cursor: pointer; }
	#navigation li:hover a.menu, #navigation li.hover a.menu
	{ color:#333; cursor: pointer; }


/* Nested menus */
#navigation ul /* With tooth */
{ display:none; position:absolute; z-index:100; top:2.5em; left:-2px; width:170px; padding-top:15px;
  background:#3e5a3f url("../images/nested_nav_bg.gif") 10% 0 no-repeat; font-size:92% }

	#navigation li.rs ul /* Right-aligned menus */
	{ left:auto; right:0; background-position:90% 0 }

#navigation li ul li
{ width:100%; margin:0; padding:0; background:none; text-align:left }

#navigation li ul a
{ display:block; position:relative }
	#navigation li ul a:link, #navigation li li a:visited
	{ padding:5px 0 5px 10px; color:#fff }
	#navigation li ul a:hover
	{ background:#CCCCCC; color:#3e5a3f; text-decoration:none }



 
/* - Tagline - */
#tagline
{ zoom:1; position:relative; min-height:35px; z-index:80; clear:both; margin:0; padding:0; background-color:#97841e }
	* html #tagline /* IE6 min-height fix */
	{ height:35px }
	#tagline:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#salescontact-link
{ float:right; width:184px; height:35px; color:#fff; background:#ae0e30 url("../images/link_salescontact.gif");
  overflow:hidden; text-indent:-9999px }
	#salescontact-link:hover
	{ background-position:0 -35px }

/* Sales popup box */
#salescontact-popup
{ position:absolute; top:35px; right:0; background:#97841e; width:192px; color:#fff; padding:15px 15px 5px; display: none; }
#salescontact-popup *
{ color:#fff }
#salescontact-popup p
{ margin-bottom:1em }

/* Tagline text */
#tagline #tagtext
{ margin:0 50px 0 20px; padding:8px 0; color:#fff }



/* - Level-down page Introduction/Highlight - */
#intro, #intro img, #intro object, #intro embed
{ display:block; margin:0; padding:0 }



/* --- Content area --- */

#contentwrapper
{ zoom:1; position:relative; padding:1em 24px 2em 18px; border:6px solid #869986; border-width:0 6px; background-color:#fff }
	#contentwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }



/* Breadcrumb trail */
#breadcrumb
{ margin:0 0 3em; font-size:85% }


/* - Content column - */

#content
{ zoom:1; float:left; width:580px }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }



/* Columns (only for multi-column content, not page layout) */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #ced2d8; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #ced2d8; border-right:1px solid #ced2d8 }
	.three .last-child
	{ float:right; margin-right:0; padding-left:1.4% }



/* --- Right sidebar --- */

#sidebar
{ float:right; width:257px }

#sidebar h6
{ color:#333; font-size:105% }

#sidebar p
{ margin:.4em 0 }

#sidebar .blogdate
{ margin:.4em 0 0; font-size:92% }



/* --- Footer --- */

#footer
{ zoom:1; clear:both; margin:0; padding:0; background:url("../images/back_bluegrey.gif") repeat-y; color:#fff }
	#footer:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#footer p, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer li, #footer a:link, #footer a:visited
{ color:#fff }


/* Left column links */
#footer-links
{ position:relative; float:left; width:565px; padding:25px 0 5px 25px; background:#416f42 url("../images/footer_arrow.gif") no-repeat 550px 0 }

#footer-links .inside
{ margin:0; padding-bottom:0 }

#footer-links .columns .first-child
{ border-right-style:none !important }

#footer-links h5
{ padding:10px 0; margin:0 }

#footer-links ul, #footer-links li
{ margin:0; padding:0; background:none }

#copyright
{ clear:both; margin:3em 0 5px; padding-left:25px; background:url("../images/copyright.gif") no-repeat; font-size:92% }


/* Right-column tools */
#footer-tools
{ float:right; background:#999; width:316px; padding:25px }

#footer-tools p.highlight
{ clear:both; padding:10px 0; color:#416f42 !important; font-style:italic }
#footer-tools p.highlight a
{ color:#416f42 !important; font-style:normal }


/* Domain search */
div.domainsearch
{ zoom:1 }
	div.domainsearch:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

input.domainsearch-name
{ float:left; width:214px; height:27px; padding:5px 15px 5px 10px; margin:0; border:0; text-align:left; color:#999; background:#fff; font-size:160% }
input.domainsearch-submit
{ float:left; margin-left:8px }


/* Awards */
#footer-tools .award_photo
{ zoom:1; position:relative }
	#footer-tools .award_photo:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#footer-tools .award_photo img
{ float:left; margin-right:10px }



/* ----- Homepage styles: <body id="home"> ----- */

/* - Tabs - */
ul#hp_tab_container
{ z-index:50; width:981px; height:98px; overflow:hidden; position:relative; padding:259px 0 0 0; margin:0; float:left; background:#fff }
ul#hp_tab_container li .banner
{ display:none; z-index:10; position:absolute; top:0; left:0 }
ul#hp_tab_container li .banner img
{ z-index:10 }
ul#hp_tab_container li#domain .banner
{ display:block }
ul#hp_tab_container li.hover .banner, ul#hp_tab_container li:hover .banner
{ display:block; margin:0; padding:0 }
		
ul#hp_tab_container li
{ z-index:20; float:left; width:244px; height:98px; margin:0; padding:0; border-right:1px solid #fff; color:#fff }
ul#hp_tab_container li#telnic
{ border-style:none !important; width:246px }
ul#hp_tab_container li a:link, ul#hp_tab_container li a:visited
{ position:absolute; overflow:hidden; display:block; width:244px; height:98px; padding:0; background-color:#3e5a3f; text-indent:-1000px; color:#fff; text-decoration:none }
ul#hp_tab_container li a:hover
{ z-index:20; display:block; height:136px }

li#domain a:link, li#domain a:visited
{ left:0; background:url("../images/service_01.gif") }
	li#domain a:hover
	{ background:url("../images/service_01_on.gif") }

li#portfolio a
{ left:245px; background:url("../images/service_02.gif") }
	li#portfolio a:hover
	{ background:url("../images/service_02_on.gif") }

li#online a
{ left:490px; background:url("../images/service_03.gif") }
	li#online a:hover
	{ background:url("../images/service_03_on.gif") }

li#telnic a
{ width:246px !important; left:735px; background:url("../images/service_04.gif") }
	li#telnic a:hover
	{ width:246px !important; background:url("../images/service_04_on.gif") }



/* - Content area - */
body#home #contentwrapper
{ clear:both; padding:1.5em 18px .6em }

body#home #content
{ width:auto; float:none }

body#home #content h4
{ font-size:105%; color:#333 }

body#home #content p
{ margin:2em 0 1.4em 0 }

body#home #content .resource_photos /* Floating images */
{ float:left; margin:0 4px 8px 0 }