/* @override 
	http://local.mixnetworks.com:8888/css/style.css
	http://squid8.com/css/style.css
*/

/* DigiSquid CSS Library Version 3.9 */
/* MixNetworks.com

/* Framework */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
	background: url(../images/template/bkg.png) repeat-x 0 top;
}

.design #container {
	width: 970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
.design #masthead {
	height: 138px;
	padding-top: 28px;
	background-image: url(../images/template/masthead.png);
}

.design #contenttop {
	background: url(../images/template/contenttop.png) no-repeat 0 top;
	height: 315px;
}

.design #contentbottom {
	background: url(../images/template/contentbottom.png) repeat-y 0 bottom;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 0;
	padding-bottom: 10px;	
}

.design #contentbottomtop {
	background: url(../images/template/contentbottomtop.png) no-repeat 0 bottom;
	height: 114px;
}

.design #contentbottomtop img {
	padding-left: 65px;
	padding-top: 13px;
}

.design #contentbottomtopinside {
	background: url(../images/template/contentbottomtopinside.png) repeat-y 0 bottom;
	height: 60px;
}

.design #menu {
	
}

.design #textmenu {
	font-size: 11px;
	float: right;
	margin-right: 300px;
	margin-top: -8px;
}

#textmenu a:link {
	color: #1093b8;
	text-decoration: none;
}

#textmenu a:visited {
	color: #1093b8;
	text-decoration: none;
}

#textmenu a:hover {
	color: #abcc07;
	text-decoration: none;
	background: none;
}

#textmenu a:active {
	color: #fa921f;
	text-decoration: none;
}


/* Sidebar */

.design #sidebar {
	float: right;
	width: 175px;
	border: 1px solid #99ddf1;
	margin: 10px -25px 25px 25px;
	background-color: #eef9f9;
}

.design #sidebar ul{
	padding: 0 0 0 10px;
}

.design #sidebar li{
	padding-bottom: 5px;
	list-style-image: url(../images/graphics/bullet.png);
	list-style-position: inside;
}

.design #sidebar a:link {
	color: #1093b8;
	text-decoration: none;
}

.design #sidebar a:visited {
	color: #1093b8;
	text-decoration: none;
}

.design #sidebar a:hover {
	color: #abcc07;
	text-decoration: none;
	background: none;
}

.design #sidebar a:active {
	color: #fa921f;
	text-decoration: none;
}

.design #sidebar h1 {
	color: #fffeff;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #99ddf1;
	background-color: #12aedb;
	text-align: center;
}

.design #sidebar h2 {
	font-size: 13px;
	color: #13b0de;
	padding: 20px 0 0 10px;
}

.design #sidebar p {
	padding: 0 0 0 10px;
	color: #1bb3df;
	border-top: 1px solid #a9e2f3;
}

.design #homesidebar {
	float: right;
	width: 400px;
	margin-left: 25px;
}

/* End Framework */

/* Animation */
.design #animation {
	padding-left: 69px;
	padding-top: 16px;
}

.design #animation img{
	border: 1px solid #12aedb;
}
/* End Animation */

/* Footer */
.design #footer {
	height: 100px;
	background: url(../images/template/footer.png) no-repeat;
}

/* End Footer */

/* Text Styling */
h1 {
	font-size: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: left;
	margin: 0;
	padding-bottom: 0px;
	padding-top: 20px;
	color: #14b1de;
}

h1.services {
	padding-top: 5px;
	padding-left: 10px;
	background-color: #13aedb;
	color: white;
	font-size: 16px;
	line-height: 28px;
}

h1.reseller {
	color: #9e0028;
}

h1.enterprise {
	color: #8db300;
}

h1.callcenter {
	color: #a142d2;
}

h2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #424242;
	padding-top: 20px;
	padding-bottom: 10px;
}

h2 a:link {
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #424242;
	padding-top: 20px;
	padding-bottom: 10px;
}

h2 a:visited {
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #424242;
	padding-top: 20px;
	padding-bottom: 10px;
}

h3 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #424242;
	padding-top: 20px;
	padding-bottom: 10px;
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #5e5e5e;
}

strong {
	font-weight: bold;
}

.small {
	font-size: 9px;
	line-height: 10px
}

.bigger {
	font-size: 125%;
	font-weight: bold;
}

ul {
	font-size: 12px;
	line-height: 20px;
	padding-top: 0;
	padding-bottom: 10px;
}

li {
	padding-bottom: 10px;
	color: #5e5e5e;
}


/* li Links */
li a:link {
	color: #1093b8;
	text-decoration: none;
}

li a:visited {
	color: #1093b8;
	text-decoration: none;
}

li a:hover {
	color: #abcc07;
	text-decoration: none;
	background: none;
}

li a:active {
	color: #fa921f;
	text-decoration: none;
}
/* end li Links */


.design #footer p {
	padding-top: 90px;
	padding-left: 75px;
	padding-right: 75px;
	text-align: right;
}

/* End Text Styling */

/* P Links */
p a:link {
	color: #1093b8;
	text-decoration: none;
}

p a:visited {
	color: #1093b8;
	text-decoration: none;
}

p a:hover {
	color: #abcc07;
	text-decoration: none;
	background: none;
}

p a:active {
	color: #fa921f;
	text-decoration: none;
}
/* end P Links */

/* Photos */
.photo {
	padding: 25px;
}
/* end Photos */

/* Photo Gallery */
.photogallery ul { 
	list-style:none; /* No bullets */ 
	overflow:hidden;
	margin-left: 40px;
} 

.photogallery li { 
	float:left; /* Horizontal list */
	width:300px; /* Room for images and text */ 
	padding:25px; /* Gap between */ 
} 

.photogallery li div { 
	text-align:center; /* Center description */ 
} 

.photogallery li img { 
	display:block; 
	margin:0 auto; /* Cener block image */ 
	width:300px; /* All images the same size */
	border: 1px solid gray; /* border  */
}
/* End Photo Gallery */

/* Tables */
table {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	text-align: left;
}

table td {
	padding: 15px;
}

table th {
	font: bold 11px/21px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* End Tables */


/* Form */
form.webform fieldset {
  margin-bottom: 10px;
}

form.webform input {
	width: 250px;
}

form.webform legend {
  padding: 0 2px;
  font-weight: bold;
	font-size: 18px;
	color: #13b0de;
}

form.webform label {
  display: inline-block;
  line-height: 14px;
  vertical-align: top;
	font-size: 12px;
}

form.webform fieldset ol {
  margin: 0;
  padding: 0;
}

form.webform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.webform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form.webform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.webform fieldset fieldset label {
  display: block;
  width: auto;
}

form.webform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.webform label {
  width: 250px; /* Width of labels */
}

form.webform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.webform #submitbox {
	background-color: #13b0de;
	padding-top: 20px;
	text-align: center;
	padding-bottom: 20px;
}

/* End Form */

hr {
color: blue;
background-color: #14b1de;
height: 1px;
border: 0;
}

/*  Column  */
.column {
	width: 150px;
	background: silver;
	vertical-align: top;
	display: inline-block;
	padding: 15px;
	margin-right: 25px;
}

.column ul {
	padding: 0;
}

.column li {
	display: block;		
}


/*  PDF List  */
.design #pdflist {
	width: 400px;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	border: 1px solid #88d7ee;
	background-color: #c4ebf7;
}

.design #pdflist ul {
	padding-left: 0px;
}

.design #pdflist li {
	list-style-type: none;
	background: url(../images/graphics/pdf.png) no-repeat;
	padding-left: 35px;
	padding-top: 5px;
	height: 20px;
}

.design #pdflist a:link {
	line-height: 20px;
	color: #13b0de;
	text-decoration: none;
}

.design #pdflist a:hover {
	text-decoration: none;
	color: #ff8200;
}

/*  Photo list  */
.design #photolist {
	border-width: 1px;
	border-style: none;
	vertical-align: top;	
	padding: 20px 20px 10px;
}

.design #photolist ul {
	padding-left: 0px;
}

.design #photolist li {
	display: inline-block;
	text-align: center;
	padding-left: 25px;
}

.design #photolist a {
	text-decoration: none;
	color: #874400;
}

.design #photolist img {
	border: 1px solid #ceac45;
	margin-bottom: 10px;
}

/* Product Box */

div.product {
	border: 1px solid #7fd4ed;
	margin-bottom: 25px;
	width: 500px;
	height: 193px;
	background-color: #d7f2f9;
}

div.product h1 {
	padding-top: 5px;
	padding-left: 10px;
	width: 400px;
	float: left;
	background-color: #13aedb;
	color: white;
	font-size: 16px;
	line-height: 28px;
}

div.product h2 {
	width: 80px;
	padding-top: 6px;
	padding-right: 10px;
	float: right;
	text-align: right;
	background-color: white;
	color: #18aeda;
}

div.product p {
	margin-top: 45px;
	padding-right: 10px;
}

img.product {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	margin-right: 10px;
	background-color: #fffeff;
}

/* Product Details */

div.productdetails {

	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	width: 500px;
	border-top-style: none;
}

div.productdetails h1 {
	padding-top: 5px;
	padding-left: 10px;
	width: 400px;
	float: left;
	background-color: #13aedb;
	color: white;
	font-size: 16px;
	line-height: 28px;
	
}

div.productdetails h2 {
	width: 80px;
	padding-top: 10px;
	padding-right: 10px;
	float: right;
	text-align: right;
	background-color: white;
	color: #18aeda;
}

div.productdetails h3 {
	padding-top: 50px;
}

div.productdetails h4 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	color: #14b1de;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

div.productdetails p {
	padding-right: 10px;
}

img.productdetails {
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #fffeff;
}

/* Boxheaders */

.design #businessbox {
	width: 462px;
	height: 199px;
	background: url(../images/template/enterprise.png) no-repeat;
}

.design #businessbox h1 {
	padding-top: 35px;
	padding-left: 25px;
	color: #5e5e5e;
	font-size: 16px;
}

.design #businessbox p {
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 200px;
	font-size: 11px;
	line-height: 13px;
	color: #424242;
}

.design #resellerbox {
	width: 462px;
	height: 199px;
	background: url(../images/template/reseller.png) no-repeat;
}

.design #resellerbox h1 {
	padding-top: 35px;
	padding-left: 25px;
	color: #5e5e5e;
	font-size: 16px;
}

.design #resellerbox p {
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 200px;
	font-size: 11px;
	line-height: 13px;
	color: #424242;
}

.design #callcenterbox {
	width: 462px;
	height: 199px;
	background: url(../images/template/callcenter.png) no-repeat;
}

.design #callcenterbox h1 {
	padding-top: 35px;
	padding-left: 25px;
	color: #5e5e5e;
	font-size: 16px;
}

.design #callcenterbox p {
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 200px;
	font-size: 11px;
	line-height: 13px;
	color: #424242;
}