/* 3 Ring Style Sheet */
/* Author: Michael Marcialis */

/* ============================================================================
         UNIVERSAL RESET
=============================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img {
	border:0;
	}
	
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
	}
	
ol,ul {
	list-style:none;
	}
	
caption,th {
	text-align:left;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-size:100%;font-weight:normal;
	}
	
q:before,q:after {
	content:'';
	}
	
abbr,acronym {
	border:0;
	}
	
/* ============================================================================
         LAYOUT STYLES
=============================================================================== */
body {
background:#ff9d1f url(images/starburst.jpg) no-repeat fixed top center;
font:10pt Verdana, Arial, Helvetica, sans-serif;
text-align:center;
min-width:810px;
color:#5e4743;
}

#shadow {
width:810px;
margin:0 auto;
margin-top:10px;
text-align:left;
background:transparent url(images/shadow.png) repeat-y top center;
}

#wrapper {
margin:0 10px;
padding:20px;
background-color:#ffffff;
}

#header {
position:relative;
width:750px;
}

.clearer {
clear:both;
}

#navigation {
margin:10px 0;
}

#mainContent {
width:400px;
float:left;
margin:10px 0;
}

#subContent {
width:325px;
float:right;
margin:10px 0;
background:transparent url(images/column_gradient.jpg) repeat-y top right;
padding:20px 0;
}

#knowledgeCenter,
#privacyPolicy {
width:288px;
float:right;
margin-right:10px;
border-bottom:4px solid #a8e1ec;
background:#ffffff url(images/knowledge_background.gif) repeat-y top center;
display:inline; /*Corrects IE6 double margin bug*/
}

#footer {
clear:both;
margin:10px 0;
background:transparent url(images/footer_gradient.jpg) repeat-x top left;
padding-top:30px;
}

#registered {
background:transparent url(images/success.jpg) no-repeat top center;
padding:10px 10px 10px 50px;
margin:20px 0;
}

/* ============================================================================
         HEADER STYLES
=============================================================================== */
h1 {
width:750px;
height:200px;
text-indent:-5000px;
}

#voip h1 {
background:transparent url(images/voip_header.jpg) no-repeat top left;
}

#vpn h1 {
background:transparent url(images/vpn_header.jpg) no-repeat top left;
}

#ethernet h1 {
background:transparent url(images/ethernet_header.jpg) no-repeat top left;
}

#contact h1 {
background:transparent url(images/contact_header.jpg) no-repeat top left;
}

h2#solutions {
height:22px;
text-indent:-5000px;
background:transparent url(images/solutions.gif) no-repeat top left;
margin:20px 0;
}

#knowledgeCenter h2 {
height:107px;
text-indent:-5000px;
background:transparent url(images/knowledge_center.gif) no-repeat top center;
position:relative;
top:-10px;
}

#privacyPolicy h2 {
height:61px;
text-indent:-5000px;
background:transparent url(images/privacy_policy.gif) no-repeat top center;
position:relative;
top:-10px;
}

h3 {
margin:20px 0;
font-size:1.1em;
font-weight:bold;
color:#3077b3;
border-bottom:3px double #3077b3;
}

/* ============================================================================
         LIST STYLES
=============================================================================== */

#mainContent ul {
margin:20px 0 20px 10px;
}

#mainContent li {
font-size:.9em;
line-height:1.5em;
padding-left:20px;
background:transparent url(images/bullet.gif) no-repeat top left;
}

/*Primary Navigation*/

#navigation ul {
width:750px;
float:left;
}

#navigation ul li {
float:left;
text-indent:-5000px;
}

#navigation ul a {
display:block;
width:247px;
height:69px;
margin-left:1px;
}

#voipNav a {
background:transparent url(images/voip_button_small.jpg) no-repeat top left;

}

#vpnNav a {
background:transparent url(images/vpn_button_small.jpg) no-repeat top left;
}

#ethernetNav a {
background:transparent url(images/ethernet_button_small.jpg) no-repeat top left;
}

/*Page Specific Navigation*/

#home #navigation ul a {
width:247px;
height:166px;
}

#home #voipNav a {
background:transparent url(images/voip_button.jpg) no-repeat top left;
}

#home #vpnNav a {
background:transparent url(images/vpn_button.jpg) no-repeat top left;
}

#home #ethernetNav a {
background:transparent url(images/ethernet_button.jpg) no-repeat top left;
}

#voip #voipNav a {
background:transparent url(images/voip_button_small_gray.jpg) no-repeat top left;
cursor:default;
}

#vpn #vpnNav a {
background:transparent url(images/vpn_button_small_gray.jpg) no-repeat top left;
cursor:default;
}

#ethernet #ethernetNav a {
background:transparent url(images/ethernet_button_small_gray.jpg) no-repeat top left;
cursor:default;
}

/*Solutions Definition List*/

dl {
margin:20px 0;
}

dt {
padding:4px 0 4px 55px;
background:transparent url(images/rings.jpg) no-repeat top left;
line-height:21px;
font-size:1.25em;
font-weight:bold;
margin:20px 0 5px 0;
}

dd {
padding-left:55px;
font-size:.9em;
line-height:1.25em;
}

/*Knowledge Center List*/

#knowledgeCenter ul {
padding:0 20px;
margin:15px 0;
}

#knowledgeCenter li {
padding-left:20px;
margin:10px 0;
background:transparent url(images/knowledge_bullet.gif) no-repeat top left;
line-height:1.35em;
}

#subContent #knowledgeCenter li a:link,
#subContent #knowledgeCenter li a:visited {
color:#ff8c3b;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #ff8c3b;
}

#subContent #knowledgeCenter li a:hover {
border-bottom:1px solid #ff8c3b;
}

/* ============================================================================
         TYPOGRAPHY STYLES
=============================================================================== */
strong {
font-weight:bold;
}

#mainContent p {
margin:20px 0;
line-height:1.35em;
font-size:1.05em;
}

#mainContent strong {
color:#3077b3;
}

#mainContent .moreInfo {
font-size:1.3em;
color:#ff8c3b;
}

#mainContent .moreInfo strong {
color:#ff8c3b;
}

#subContent p {
padding:0 20px;
font-size:.9em;
margin-bottom:10px;
}

#subContent em {
font-weight:bold;
font-style:italic;
}

#footer p {
width: 500px;
color:#a9a9a9;
font-size:.8em;
margin:10px 0;
float: left;
}

div#qTip {
padding: 2px 3px;
border: 1px solid #4681a3;
border-bottom: 4px solid #4681a3;
display: none;
background: #ebfafd;
color: #777777;
font: bold .7em Verdana, Arial, Helvetica, sans-serif;
position: absolute;
z-index: 1000;
text-align:left;
max-width:250px;
}

#registered p {
font-size:.8em;
line-height:1.3em;
margin:0 0 10px 0;
}

/* ============================================================================
         TABLE STYLES
=============================================================================== */


/* ============================================================================
         LINK STYLES
=============================================================================== */

#mainContent a:link,
#mainContent a:visited,
#subContent a:link,
#subContent a:visited {
text-decoration:none;
color:#3077b3;
border-bottom:1px solid #a3bdcd;
font-weight:bold;
}

#mainContent a:hover,
#subContent a:hover {
color:#265d8b;
border-bottom:1px solid #3077b3;
}

#mainContent .moreInfo a:link,
#mainContent .moreInfo a:visited {
font-weight:bold;
color:#ff8c3b;
text-decoration:none;
border-bottom:1px solid #fabd60;
}

#mainContent .moreInfo a:hover {
color:#d06f22;
border-bottom:1px solid #e37c15;
}

#header a:link,
#header a:visited {
display:block;
width:58px;
height:48px;
text-indent:-5000px;
background:transparent url(images/home.png) no-repeat top center;
position:absolute;
top:-3px;
left:-3px;
}

#header a:hover {
background:transparent url(images/home_hover.png) no-repeat top center;
}

* html #header a:link,
* html #header a:visited {
cursor:pointer;
}

#knowledgeCenter a[href $='.pdf'] { 
padding-right: 15px;
background: transparent url(images/icon-pdf.gif) no-repeat center right;
}

*+html #knowledgeCenter a[href $='.pdf'] { 
padding-right:0;
background-image:none;
}

/* ============================================================================
         IMAGE STYLES
=============================================================================== */

#subContent img {
float:right;
margin-right:10px;
margin-bottom:30px;
}

#footer img {
float:right;
/*margin-right:10px;*/
}

.floatRight {
float:right;
margin:0 0 15px 15px;
}

/* ============================================================================
         RULE STYLES
=============================================================================== */

/* ============================================================================
         FORM STYLES
=============================================================================== */

form {
width:400px;
float:left;
margin:20px 0;
}

.required {
font-weight:bold;
}

#contactform {
width:400px;
margin-bottom:20px;
}

#customerform {
width:400px;
margin:20px 0;
}

#contactform p {
font-size:.9em;
margin:10px 0;
clear:both;
}

#contactform legend {
font-size:1.3em;
font-weight:bold;
color:#3077b3;
margin:5px 0;
}

#customerform legend {
display:none;
}

#contactform label {
float:left;
width:110px;
text-align:right;
margin-right:20px;
}

#customerform label {
width:auto;
float:none;
text-align:left;
}

#contactform label.checkboxLabel {
width:350px;
float:right;
font-size:.8em;
text-align:left;
margin-bottom:10px;
}

#contactform input {
width:250px;
padding:2px;
border:1px solid #cccccc;
background-color:#eeeeee;
}

#contactform input:focus {
border:1px solid #666666;
background-color:#ffffff;
}

input.radio,
input.checkbox {
width:auto !important;
float:left !important;
margin-right:10px !important;
padding:0 !important;
background-color:transparent !important;
border:none !important;
}

input.radio {
margin-left:20px;
}

input.submit {
margin-left:145px;
}

/* system messages */
p.crash { background: #FFF url(../images/crash.gif) no-repeat 15px center; text-align: left; font-weight: bold; margin: 10px 8px; padding: 10px 10px 10px 50px; border: solid 3px #FF0000; }
p.crash span {	font: bold 14px/16px Arial, Helvetica, sans-serif; color: #FF0000; }
p.bless { background: #FFF url(../images/bless.gif) no-repeat 15px center; text-align: left; font-weight: bold; margin: 10px 8px; padding: 10px 10px 10px 50px; border: solid 3px #7EB712; }
p.bless span { font: bold 14px/16px Arial, Helvetica, sans-serif; color: #7EB712; }
p.note { background: #FFF url(../images/note.gif) no-repeat 15px center; text-align: left; font-weight: bold; margin: 10px 8px; padding: 10px 10px 10px 50px;	border: solid 3px #58DCEB; }	
p.note span { font: bold 14px/16px Arial, Helvetica, sans-serif; color: #FCD000; }