/*

	Magor Communications Corporation - 2009
	Created by Sherwin | Kaldeway   /John Kaldeway
	www.sherwinkaldeway.com

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	background-image: url(../images/bg-fadebar-up.gif);
	background-repeat: repeat-x;
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;
}

.pop {
	background-image: none;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
}

.photoright {
	margin: 10px 0 0 20px;
}

.photoleft {
	margin: 0 10px 0 0;
}

/* =Global layout
---------------------------------------------------------------------------------------------------- */
.clear { /* Aids Column Placement */
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1px;	
}

#content-container {
	margin: 0 auto;
	clear: both;
	padding: 0 0 0 0;
	width: 960px;
	min-height: 500px;
	letter-spacing: -0.07em;
	line-height: 1.5em;
}

#bar { /* Faded Bar Under Content */
	background-image: url(../images/bg-fadebar-down.gif);
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
	width: 100%;
	height: 17px;
}

#content-container-underbar {  /* Home Page */
	margin: 0 auto;
	clear: both;
	padding: 0 0 0 0;
	width: 960px;
	letter-spacing: -0.07em;
	line-height: 1.5em;
}

/* Page columns and sizes */

#one-col {
	float: left;
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px 40px 0 0;
	width: 210px;
}

#one-col-right {
	float: left;
	clear: right;
	position: relative;
	margin: 20px 0 0 0;
	padding:  10px 0 0 0;
	width: 210px;
}

#single-col {
	float: left;
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px 40px 0 0;
	width: 210px;
}

#single-col-right {
	float: left;
	clear: right;
	position: relative;
	margin: 20px 0 0 0;
	padding:  10px 0 0 0;
	width: 210px;
}

#two-col {
	float: left;
	position: relative;
	margin: 20px 0 0 0;
	padding:  0 40px 0 0;
	width: 460px;
}

#two-col-right {
	float: left;
	clear: right;
	position: relative;
	margin:  20px 0 0 0;
	padding: 0;
	width: 460px;
}

#three-col {
	float: left;
	margin:  20px 0 0 0;
	position: relative;
	padding: 0 40px 0 0;
	width: 710px;
}

#three-col-right {
	float: left;
	clear: right;
	margin:  20px 0 0 0;
	position: relative;
	padding: 0;
	width: 710px;
}

#four-col {
	float: left;
	clear: both;
	position: relative;
	margin:  20px 0 0 0;
	padding: 0;
	width: 960px;
}

/* =Branding
---------------------------------------------------------------------------------------------------- */

#header { /* Header Container */
	margin: 0 auto;
	clear: both;
	padding: 0;
	height: 100px;
	width: 960px;
}

#header ul { /* Header List Container */
	list-style-type: none;
	display: inline;
	margin: 0px;
}

#header ul li { /* Header Items Container */
	float: left;
	display: block;
}

.logo { /* Logo Container */
	margin: 40px 30px 0 0px;
	width: 195px;
}

.tagline { /* Tagline Container */
	margin: 43px 0px 0px 425px;
	width: 310px;
	text-align: right;
}



/* =Nav
---------------------------------------------------------------------------------------------------- */

#navcontainer { /* Nav Bar Container */
	margin: 0 auto;
	width: 960px;
	height: 40px;
}

ul#nav { /* Nav Bar List Container */
	padding: 0;
	list-style: none;
	float: left;
	width: 960px;
}

ul#nav li {  /* Nav Button Container */
	float: left;
	margin: 0; padding: 0;
}

ul#nav li a { /* Nav Button Inactive State */
	float: left;
	display: block;
	height: 40px;
	text-indent: -9999px;  /* Get that text outa here */
	background-position: left bottom;
}

ul#nav a:hover { /* Nav Mouseover State */
	background-position: left -40px;
}

ul#nav li.home a { /* Nav Home Tab */
	background-image: url(../images/button-home.gif);
	width: 49px;
}

ul#nav li.telecollaboration a { /* Nav TeleCollaboration Tab */
	background-image: url(../images/button-telecollaboration.gif);
	width: 209px;
}

ul#nav li.technology a { /* Nav Technology Tab */
	background-image: url(../images/button-technology.gif);
	width: 104px;
}

ul#nav li.hdworkplace a { /* Nav Solutions Tab */
	background-image: url(../images/button-hdworkplace.gif);
	width: 120px;
}

ul#nav li.support a { /* Nav Support Tab */
	background-image: url(../images/button-support.gif);
	width: 82px;
}

ul#nav li.news a { /* Nav News Tab */
	background-image: url(../images/button-news.gif);
	width: 124px;
}

ul#nav li.partners a { /* Nav Partners Tab */
	background-image: url(../images/button-partners.gif);
	width: 82px;
}

ul#nav li.about a { /* Nav About Tab */
	background-image: url(../images/button-about.gif);
	width: 88px;
}

ul#nav li.contact a { /* Nav Contact Tab */
	background-image: url(../images/button-contact.gif);
	width: 102px;
}

/* Active section called in BODY tag on HTML page */

#home li.home a, 
#telecollaboration li.telecollaboration a, 
#technology li.technology a,
#hdworkplace li.hdworkplace a,
#support li.support a,
#news li.news a,
#partners li.partners a,
#about li.about a,
#contact li.contact a { /* Nav Current Tab */
	background-position: left top;
}

/* =Subnav
---------------------------------------------------------------------------------------------------- */


ul#subnav { /* Sidelink Container */
	padding: 0 0 0 0;
	list-style: none;
}

ul#subnav li { /* Sidelink Button */
	margin: 0; 
	padding: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	background: transparent  url(../images/button-side-bg.gif) top left;
}

ul#subnav ul {
	padding: 0;
	list-style: none;
}

ul#subnav ul li { /* Sidelink Button */
	margin: 0 0 0 20px; 
	padding: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	background-image: none;
}

ul#subnav ul li a { /* Sidelink Button */
	margin: 0 0 10px 0;
	background-image: none;
}

ul#subnav ul li a span{ /* Sidelink Button */
	background-image: none;
}

ul#subnav ul li a:hover { /* Sidelink Button Top Image Mouseover */
	display: block;
	color: #666;
	background: #EEE  url(../images/button-sub-side-top-over.gif) top left no-repeat;
}

ul#subnav ul li a:hover span { /* Sidelink Button Bottom Image Mouseover */
	background: transparent url(../images/button-sub-side-bottom-over.gif) bottom left no-repeat;
}

ul#subnav li a { /* Sidelink Button Top Image Container */
	display: block;
	color:#878787;
	text-decoration: none;
	margin: 0 0 10px 0;
	background: transparent  url(../images/button-side-top.gif) top left no-repeat;
}

ul#subnav li a span { /* Sidelink Button Bottom Image Container */
	display: block;
	position: relative;
	text-decoration: none;
	padding: 5px 20px 5px 20px;
	background: transparent  url(../images/button-side-bottom.gif) bottom left no-repeat;
}

ul#subnav li.current a { /* Sidelink Button Top Image Current */
	display: block;
	background: #EEE  url(../images/button-side-top-over.gif) top left no-repeat;
}

ul#subnav li.current a span { /* Sidelink Button Bottom Image Current */
	background: transparent url(../images/button-side-bottom-over.gif) bottom left no-repeat;
}

ul#subnav li a:hover { /* Sidelink Button Top Image Mouseover */
	display: block;
	color: #666;
	background: #EEE  url(../images/button-side-top-over.gif) top left no-repeat;
}

ul#subnav li a:hover span { /* Sidelink Button Bottom Image Mouseover */
	background: transparent url(../images/button-side-bottom-over.gif) bottom left no-repeat;
}

ul#subnav ul li.current a { /* Sidelink Button Top Image Current */
	display: block;
	background: #EEE  url(../images/button-sub-side-top-over.gif) top left no-repeat;
}

ul#subnav ul li.current a span { /* Sidelink Button Bottom Image Current */
	background: transparent url(../images/button-sub-side-bottom-over.gif) bottom left no-repeat;
}

ul#subnav ul li a:hover { /* Sidelink Button Top Image Mouseover */
	display: block;
	color: #666;
	background: #EEE  url(../images/button-sub-side-top-over.gif) top left no-repeat;
}

ul#subnav ul li a:hover span { /* Sidelink Button Bottom Image Mouseover */
	background: transparent url(../images/button-sub-side-bottom-over.gif) bottom left no-repeat;
}

/* Active button called in first DIV tag on HTML page */

#sub1 li.sub1 a, #sub1 li.sub1 a:hover,
#sub2 li.sub2 a, #sub2 li.sub2 a:hover,
#sub3 li.sub3 a, #sub3 li.sub3 a:hover,
#sub4 li.sub4 a, #sub4 li.sub4 a:hover,
#sub5 li.sub5 a, #sub5 li.sub5 a:hover,
#sub6 li.sub6 a, #sub6 li.sub6 a:hover,
#sub7 li.sub7 a, #sub7 li.sub7 a:hover,
#sub8 li.sub8 a, #sub8 li.sub8 a:hover,
#sub9 li.sub9 a, #sub9 li.sub9 a:hover,
#sub10 li.sub10 a, #sub10 li.sub10 a:hover,
#sub11 li.sub11 a, #sub11 li.sub11 a:hover { /* Sidelink Button Bottom Image and Background Current Tab*/
	background: #666 url(../images/button-side-bottom-active.gif) bottom left no-repeat;
	color: #FFF;
}

#sub1 #subsub li.sub1 a, #sub1 #subsub li.sub1 a:hover,
#sub2 #subsub li.sub2 a, #sub2 #subsub li.sub2 a:hover,
#sub3 #subsub li.sub3 a, #sub3 #subsub li.sub3 a:hover,
#sub4 #subsub li.sub4 a, #sub4 #subsub li.sub4 a:hover,
#sub5 #subsub li.sub5 a, #sub5 #subsub li.sub5 a:hover,
#sub6 #subsub li.sub6 a, #sub6 #subsub li.sub6 a:hover,
#sub7 #subsub li.sub7 a, #sub7 #subsub li.sub7 a:hover,
#sub8 #subsub li.sub8 a, #sub8 #subsub li.sub8 a:hover,
#sub9 #subsub li.sub9 a, #sub9 #subsub li.sub9 a:hover,
#sub10 #subsub li.sub10 a, #sub10 #subsub li.sub10 a:hover,
#sub11 #subsub li.sub11 a, #sub11 #subsub li.sub11 a:hover { /* Sidelink Button Bottom Image and Background Current Tab*/
	background: #666 url(../images/button-sub-side-bottom-active.gif) bottom left no-repeat;
	color: #FFF;
}

#sub1 li.sub1 a span, #sub1 li.sub1 a:hover span,
#sub2 li.sub2 a span, #sub2 li.sub2 a:hover span,
#sub3 li.sub3 a span, #sub3 li.sub3 a:hover span,
#sub4 li.sub4 a span, #sub4 li.sub4 a:hover span,
#sub5 li.sub5 a span, #sub5 li.sub5 a:hover span,
#sub6 li.sub6 a span, #sub6 li.sub6 a:hover span,
#sub7 li.sub7 a span, #sub7 li.sub7 a:hover span,
#sub8 li.sub8 a span, #sub8 li.sub8 a:hover span,
#sub9 li.sub9 a span, #sub9 li.sub9 a:hover span,
#sub10 li.sub10 a span, #sub10 li.sub10 a:hover span,
#sub11 li.sub11 a span, #sub11 li.sub11 a:hover span{  /* Sidelink Button Top Image Current Tab*/
	background: transparent  url(../images/button-side-top-active.gif) top left no-repeat;
}

#sub1 #subsub li.sub1 a span, #sub1 #subsub li.sub1 a:hover span,
#sub2 #subsub li.sub2 a span, #sub2 #subsub li.sub2 a:hover span,
#sub3 #subsub li.sub3 a span, #sub3 #subsub li.sub3 a:hover span,
#sub4 #subsub li.sub4 a span, #sub4 #subsub li.sub4 a:hover span,
#sub5 #subsub li.sub5 a span, #sub5 #subsub li.sub5 a:hover span,
#sub6 #subsub li.sub6 a span, #sub6 #subsub li.sub6 a:hover span,
#sub7 #subsub li.sub7 a span, #sub7 #subsub li.sub7 a:hover span,
#sub8 #subsub li.sub8 a span, #sub8 #subsub li.sub8 a:hover span,
#sub9 #subsub li.sub9 a span, #sub9 #subsub li.sub9 a:hover span,
#sub10 #subsub li.sub10 a span, #sub10 #subsub li.sub10 a:hover span,
#sub11 #subsub li.sub11 a span, #sub11 #subsub li.sub11 a:hover span{  /* Sidelink Button Top Image Current Tab*/
	background: transparent  url(../images/button-sub-side-top-active.gif) top left no-repeat;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
a, .orange {   /* Orange Links */
	color: #F60;
	outline: none;
	text-decoration: none;
}

a:hover { /* Orange Links Mouseover */
	color: #F30;
	outline: none;
	text-decoration: none;
}

a:active {
	color: #666;
}

.green, a.green { /* Green Text, Green Links */
	color: #7ac142;
	outline: none;
	text-decoration: none;
}

a.green:hover { /* Green Links Mouseover */
	color: #159031;
	outline: none;
	text-decoration: none;
}

.white{
	color:#FFF;
}

.red, a.red { /* Red Text, Red Links */
	color: #C00;
	outline: none;
	text-decoration: none;
}

a.red:hover { /* Red Links Mouseover */
	color: #900;
	outline: none;
	text-decoration: none;
}

.blue {	color: #06C;
	text-decoration: none;
}
a.blue:hover {	color: #069;
	text-decoration: none;
}

p { /* Body Text */
	font-size: .95em;
	line-height: 1.7em;
	color: #666;
	margin: 0 0 10px 0;
}

.medium { /* Smaller h1 */
	font-size: 2.0em;
	line-height: 1.5em;
	line-height: 1em;
	letter-spacing: -0.10em;
	text-align: center;
}

.small { /* Small Body Text, Captions */
	font-size: .8em;
	line-height: 1.5em;
}
.small strong { /* Small Body Text, Captions */
	color:#333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#one-col { /* Smaller Body Text for Single Columns */
	font-size: .9em;
}

#one-col-right { /* Smaller Body Text for Single Columns */
	font-size: .9em;
}

#two-col.green, #two-col a { /* Green Text, Green Links */
	color: #7ac142;
	outline: none;
	text-decoration: none;
}

#two-col a:hover { /* Green Links Mouseover */
	color: #159031;
	outline: none;
	text-decoration: none;
}

h1 { /* Main Headings */
	font-size: 2.5em;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 10px 0 10px 0;
	line-height: 1em;
	letter-spacing: -0.10em;
}

h2 { /* Small Headings */
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 1.5em;
}

h3 { /* Subheadings */
	font-size: 1em;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.3em;
}

h4 { /* Subheadings Normal */
	font-size: 1em;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0 0 0 0;
}

h4 strong { /* Subheadings Bold */
	font-weight: bold;
}

h5 { /* Pullquotes */
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 0;
	padding: 10px 0 10px 0;
	line-height: 1.2em;
}

h6 { /* Pullquotes Smaller */
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1em;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul {  /* Unordered Lists */
	margin: 0;
	padding: 0 0 0 20px;
}

ul li {  /* Unordered List Items */
	margin: 0;
	font-size: .95em;
	line-height: 1.5em;
	padding: 0 0 8px 0;
} 
	
ol { /* Ordered Lists */
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

ol li { /* Ordered List Items */
	margin: 0;
	padding: 0;
} 

/* =Tables
---------------------------------------------------------------------------------------------------- */
#data {
	margin-bottom: 10px;
	background-color: #f0f0f0;
	border: none;
}
#data td {
	margin: 0;
	text-align: left;
	padding: 10px 10px 5px 10px;
	border: 1px solid #FFF;
}
#data tr th p {
	text-align: center;
	margin: 0;
	padding: 10px 10px 5px 10px;
	background: #666;
	color: #FFF;
}

th {
	background-color: #666;
	font-weight: normal;
	text-align: left;
	border: 1px solid #FFF;
}

tr th p {
	color: #fff;
	text-align: center;
}

tr p {
	text-align: center;
	margin: 0;
	padding: 5px 5px 5px 5px;
	color: #666;
	border: 0;
	line-height: 1.2em;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */

.input {
    width: 217px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer { /* Footer Container */
	color: #666;
	clear: both;
	height: 40px;
	margin: 40px auto;
	width: 960px;
	background: transparent url(../images/bg-footer.gif) top left no-repeat ;
}

#footer p { /* Footer Text */
	text-align:center;
	font-size: .66em;
	padding: 20px 0 0 0;
	line-height: 20px;
}

#footer a {  /* Footer Link Text */
	color: #666;
	text-decoration: none;	
}

#footer a:hover {  /* Footer Link Text Mouseover */
	color: #000;
	text-decoration: none;	
}

/*

	Edit at your own risk.

*/