/* ####### Reset ####### */
* {margin:0; padding:0;}
body, input, textarea {color:#666666; font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family:Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color:#464646;} /* color: #464646; */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#464646; text-decoration:none;}
h1 {font-size:36px;}
h2 {font-size:28px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

p {color:#666666; font-size:15px; line-height:1.5em;}
small {color:#839907; font-size:11px;}
img {border:0;}

a {color:#839907; text-decoration:none; outline:none;}
a:hover {color:#839907; text-decoration:underline;}

#footerWidgets .grid_4 a:hover {color:#FFFFFF; text-decoration:none;}

hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}

/* ######## Merge ######## */
.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_4{width:220px}
.container_16 .grid_6{width:340px}
.container_16 .grid_8{width:460px}
.container_16 .grid_9{width:520px}
.container_16 .grid_12{width:700px}
.container_16 .grid_16{width:940px}
.alpha{margin-left:0}.omega{margin-right:0}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

#sidebar {
    display: inline;
    float: left;
    position: relative;
    margin-left: 15px;
    margin-right: 5px;
    width:220px;
}
#content {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 15px;
    width: 700px;    
}

/* ######## Misc ######## */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {margin:3px 0 3px 15px; display:inline;}
img.alignleft {margin:3px 15px 3px 0; display:inline;}

img.noBorder {border:0; padding:0; background:none;}
img.noBorder:hover {border:0; padding:0; background:none;}

.noLeftMargin {margin-left:0;}
.noRightMargin {margin-right:0;}

.alignright {float:right;}
.alignleft {float:left;}

.blue {color:#42b7d4;}
.grey {color:#b4b4b4;}
.red {color:#FE3131;}
.green {color:#839907;}

.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}
.size23 {font-size:23px;}
.size24 {font-size:24px;}
.size25 {font-size:25px;}


/* ######## Buttons and Menus ######## */
.simpleButton {background:url(images/green-arrow.gif) no-repeat left 60%; color:#839907; padding-left:10px; cursor:pointer;}
.simpleButton:hover {color:#839907;}

.learnMore {
	background:url(images/learnMore.png) no-repeat left top; 
	text-indent:-9999px; 
	height:50px; 
	width:195px; 
	display:block; 
	border:0; 
	cursor:pointer;	
	font-size:0;
	line-height:0;
}
.learnMore:hover {background-position:left -50px;}
.learnMore:active {background-position:left -100px;}

/* ######## Main Areas ######## */

#header {background:url(images/bg-header.jpg) repeat-x top left;}
#slider-nav {background:url(images/bg-slider-nav.jpg) repeat-x top left; height:30px;}
#center {background:url(images/bg-centre.jpg) repeat-x top left; padding-top:30px;}
#footer {background: #373737 url(images/bg-footer.jpg) repeat-x top left; margin-top:30px; padding-top:40px;}

/* ######## Top Header ######## */

#topSpacer {height:20px;} 
#topHeader {height:50px;} 


/* ######## Main header ######## */

#mainHeader {background:url(images/header.jpg) repeat-x left top; height:98px; position:relative;}
#mainHeader .left {background:url(images/header-left.jpg) no-repeat top left; margin-left:-40px;}
#mainHeader .right {background:url(images/header-right.jpg) no-repeat top right;  height:98px; margin-right:-40px; padding:0 60px 0 70px;}

#mainHeader .title {float:left; margin-top:18px; margin-right:10px;}
#mainHeader .description {float:left; color:#def7fb; margin-top:36px; font-size:11px; line-height:22px;}

#mainHeader .mainMenu {list-style-type:none; float:right; line-height:32px; margin-top:30px;}
#mainHeader .mainMenu li {float:left; margin-left:10px; height:35px; padding:0 0 0 15px;}
#mainHeader .mainMenu li a {
	/* text-shadow:0 -0.8px 0.5px #20B3DC, 0 0.5px 0.8px #D3F2F8; */
	font-family:Arial, Verdana, Tahoma, Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#FFF; 
	display:block;
	height:35px;
	padding-right:15px;
	font-size:14px; 
	/*letter-spacing:1px;*/
}

#mainHeader .mainMenu li:hover a {	
	color:#bed828; 
}

#mainHeader .mainMenu li:active {background:url(images/mainMenuDownLx.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu li:active a {	
	color:#CCCCCC; 
	outline:none;
}

#mainHeader .mainMenu .current {background:url(images/mainMenuDownLx.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu .current a {
	color:#CCCCCC; 
}

/* ######## Home Page Slider ######## */

#slider {margin:30px 0 0 0; height:330px; overflow:hidden; clear:both;}
#slider h1 {margin-bottom:5px;}
#slider h5 {color:#839907; line-height:26px;} 
#slider ul {list-style-type:none;}

#slider .column {margin:5px 0 15px 0;}
#slider .simpleButton {color:#666666; font-size:14px; line-height:35px;}

#slider .thumbnail {height:340px; position:relative;}
#slider .thumbnail img {position:absolute; top:5px; right:0;}

#slider .coda-slider .panel-wrapper {position:relative;}
#slider .coda-slider, .coda-slider .panel {width: 960px} 
#slider .coda-slider p.loading { padding: 20px; text-align: center }

#sliderNav {float:right; margin-top:4px; margin-right:-10px;}
#sliderNav .coda-nav ul {clear:both; display:block; overflow:hidden}
#sliderNav .coda-nav ul li {display:inline;}
#sliderNav .coda-nav ul li a {background:url(images/slideshowButton.png) no-repeat top center; height:24px; width:24px; display: block; float: left;}
#sliderNav .coda-nav ul li a:hover {background-position:center -24px;}
#sliderNav .coda-nav ul li a.current {background-position:bottom center; outline:none;}

#slider .coda-slider {float:left; overflow:hidden; position:relative;}
#slider .coda-slider .panel {display:block; float:left;}
#slider .coda-slider .panel-container {position:relative;}
#slider .coda-nav-left, .coda-nav-right {float:left;}
#slider .coda-nav-left a, .coda-nav-right a {display:block; text-align:center; text-decoration:none;}

/* ######## Slider Nav ######## */

#slider-nav .container_16 {width:940px;}
#slider-nav p {font-size:13px; line-height:42px; float:left;}


/* ######## Content ######## */

#content hr {margin:25px 0;}
#content ul, #content ol {margin-left:35px;}
#content li {line-height:1.5em;}
#content p {margin-bottom:15px; margin-top:15px;}
.iborder {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#content img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#content img:hover {border:1px solid #42b7d4;}
#content blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;}
#content blockquote p {color:#cccccc; font-style:italic;}

#content table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;}
#content td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;}
#content th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;}
#content caption {margin-bottom:10px; font-size:18px;}

#content img.noBorder {border:0; padding:0; background:none;}
#content img.noBorder:hover {border:0; padding:0; background:none;}

#content .client h3 {margin-top:25px;}

#content .column h3 {margin-bottom: 6px;} /* -4px */
#content .column .thumbnail {text-align:center; line-height:140px;}
#content .column .support-thumbnail {text-align:center; line-height:80px;}
#content .column .thumbnail img, #content .column .support-thumbnail img {vertical-align:middle; border:none; padding:0; background:none;}

#content .tick {border: 0; margin: 0 20px 0 0; float: left;} 
#content {min-height: 550px;}
.info {color:#666666; font-size:15px; line-height:1.5em; margin: 0 0 15px 0;}
.support-info {color:#666666; font-size:15px; line-height:1.5em; margin: 0 0 10px 0;}
.details p { background: url(images/bullet.gif) no-repeat 0 2px; padding-left: 15px;}

.info-list { list-style: none; margin: 0; padding-left: 15px; width: 200px; float: left; font-size: 14px; line-height:1.5em;}
.info-list { background:url(images/green-arrow.gif) no-repeat 4px; }

/* ######## Features Page ######## */

#content .block {margin:25px 10px 25px 0;}
#content .block p {margin-top:4px; margin-bottom:4px; padding-right:10px;}
/*#content .block small {color:#839907; font-size:11px;}*/
#content .block .simpleButton {font-size:12px;}

#content .block .grid_2 {margin-left:0;}
#content .block .grid_4 {margin-right:0;}

#content .two-col {width: 350px; float: left; font-size:15px; line-height:1.5em;}
#content .contact-image img {border: 0; background: none;}

/* ######## Sidebar ######## */

#sidebar .widget {margin-bottom:50px; list-style-type:none;font-size:15px;}
#sidebar .widget ul {list-style-type:none;}
#sidebar .widget hr {margin:15px -10px 15px 0;}
#sidebar .widget img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#sidebar .widget img:hover {border:1px solid #42b7d4;}

#sidebar .widgetTitle {font-size:18px; background:url(images/green-arrow.gif) no-repeat left 9px; padding-left:10px; margin-left:10px;}
#sidebar .widgetContent {margin-left:10px;}
#sidebar .spacer {height: 25px;}

/* ######## Pages Widget ######## */

#sidebar .widgetPages {margin-bottom:50px; list-style-type:none;}
#sidebar .widgetPages li {border-bottom:1px solid #cccccc; padding:15px 0 15px 10px;}
#sidebar .widgetPages li a {background:url(images/green-arrow.gif) no-repeat left 6px; color:#464646; padding-left:10px; cursor:pointer;}
#sidebar .widgetPages li a:hover {text-decoration:none; color:#839907;}
#sidebar .widgetPages li.current a {color:#839907;}


/* ######## Footer Widgets ######## */

#footer hr {border:0; border-top:1px solid #444444; clear: both; height: 0;}

#footerWidgets {padding-top:25px; padding-bottom:25px; font-size: 12px;}
#footerWidgets h3 {color:#FFF;}
#footerWidgets p {color:#BBB; line-height:1.25em; font-size: 14px;}
#footerWidgets hr {margin-top:15px; margin-bottom:15px;}

/* ######## Bottom Footer ######## */

#bottomFooter {margin-bottom:10px;}
#bottomFooter .copyright {font-size:11px; height:30px; line-height:30px; text-align:right;}

/* ######## Saf3+, Chrome1+ ######## */

@media screen and (-webkit-min-device-pixel-ratio:0) { 			
	#mainHeader .mainMenu li a {text-shadow:0 -1px 0.5px #20B3DC, 0 0.5px 1px #D3F2F8;}
	#mainHeader .mainMenu li:hover a {text-shadow:0 0.8px 0.5px #2e95b2, 0 1px 0.4px #7bd1e5;}
	#mainHeader .mainMenu li:active a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	#mainHeader .mainMenu .current a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}	
	
	#content .contact .textarea textarea {resize:vertical; max-width:308px; margin-bottom:-3px; outline:none;}
}

/* ######## Map ######## */

#map { 
	width:700px;
	height: 250px;
	background-color: #eaeaea;
	float: left;	
	border: 1px solid #c4c4c4;
	margin: 10px 0 0 0;
}