@font-face {
    font-family: 'Geometr415LtBTLite';
    src: url('/media/fonts/geometr415_lt_bt_lite-webfont.eot');
    src: url('/media/fonts/geometr415_lt_bt_lite-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/geometr415_lt_bt_lite-webfont.woff') format('woff'),
         url('/media/fonts/geometr415_lt_bt_lite-webfont.ttf') format('truetype'),
         url('/media/fonts/geometr415_lt_bt_lite-webfont.svg#Geometr415LtBTLite') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Geometr415MdBTMedium';
    src: url('/media/fonts/geometr415_md_bt_medium-webfont.eot');
    src: url('/media/fonts/geometr415_md_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/geometr415_md_bt_medium-webfont.woff') format('woff'),
         url('/media/fonts/geometr415_md_bt_medium-webfont.ttf') format('truetype'),
         url('/media/fonts/geometr415_md_bt_medium-webfont.svg#Geometr415MdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	margin:							0;
	padding:						0;
}

html, body {
	
	width:							100%;
}

body {
	color:							#333333;
	font-family:					'Geometr415LtBTLite', Tahoma, Geneva, sans-serif;
	font-size:						12px;
}

h1, h2, h3, h4 {
	color:							#CCCCCC; /*#C2CFA8;*/
	font-family:					'Geometr415MdBTMedium', Tahoma, Geneva, sans-serif;
	font-weight:					normal;
	letter-spacing:					0.2em;
	margin:							0 0 15px 0;
}

h1 {
	color:							#38898a;
	font-size:						164%;
	margin:							10px 0;
	text-transform: 				uppercase;
}

h2, ul.newsticker li {
	color:							#8f8f8f;
	font-size:						145%;
	text-transform: 				uppercase;
}

h4 {
	color:							#38898a;
	font-size:						118%;
}

h5 {
	font-size:						95%
}

p, li {
	margin:							0 0 12px 0;
}

strong {
	font-family:					'Geometr415MdBTMedium', Tahoma, Geneva, sans-serif;
}



/* ---------- Base Styles ---------- */
a {
	color:							#666666;
	outline:						none;
	text-decoration:				none;	
}
form input,
form select {
	border:							1px solid #666666;
	color:							#333333;
	padding:						2px;
}
form textarea {
	border:							1px solid #666666;
	padding:						2px;
}
form input:focus,
form select:focus,
form textarea:focus {
	border:							1px solid #FF7A0F;
}
img {
	border:							none;	
}


/* ---------- Structural Styles ---------- */
#site-wrapper {
	height:							100%;
	margin:							0 auto;	
}


#header-wrap {
	background:						url(../images/layout/head-bg.png) #171013 top center no-repeat;
	height:							213px;

}

#header {
	overflow:						hidden;
	margin:							0 auto;
	padding-top:					60px;
	width:							1000px;
}

#footer-wrap {
	background:						url(../images/layout/head-bg.png) #171013 top center no-repeat;
	bottom:							0px;
	height:							30px;
	padding-top:					3px;
	position:						static;
}

#framework,
#footer {
	margin:							0 auto;
	width:							960px;
}

#framework {
	margin:							10px auto 20px;
	overflow:						hidden;
}

#content {
	float:							right;
	width:							580px;
}

.side {
	width:							154px;
}

.left {
	float:							left;
	width:							154px;
}

.right {
	float:							right;
}

.left.side {
	margin-right:					15px;				
}

.right.side {
	margin-left:					15px;
}

/* ---------- Header Styles ---------- */
#header #logo-group{
	overflow:						hidden;
}

#header #logo {
	background:						url(../images/branding/logo.png) no-repeat;
	float:							left;
	height:							129px;
	text-indent:					-999999px;
	width:							525px;
}

#header #contact {
	float:							left;
	margin:							18px 0 0 120px;
	width:							300px;
}

#header #phone h2 {
	font-family:					'Geometr415LtBTLite', Tahoma, Geneva, sans-serif;
	letter-spacing:					0.0em;
}

#header #contact img {
	margin-right:					5px;
}

#header #contact p,
#header #contact h2 {
	color:							white;
}

#header #contact p {

	font-weight:					100;
	margin-bottom:					0px;
}

#header #contact h2 {
	font-size:						20px;
}

#navigation {
	font-size:						128%;	
	overflow:						hidden;
	margin:							-10px 0 0;
	text-align:						center;
	text-transform: 				uppercase;
	width:							960px;
}

#navigation li {
	color:							white;
	display:						inline;
	list-style-type:				none;
	margin:							0 13px 0 0;
}

#navigation li a {
	color:							white;
}

/* ---------- Content Styles ---------- */
#content {
	
}

#content p {
	line-height:					1.6em;
}
#content #partner-wrap {
	border:							1px solid #38898A;
	height:							37px;
	overflow:						hidden;
	margin-bottom:					10px;
}

#content #partner-wrap .nivoSlider {
	border:							none;
	float:							right;
	width:							74%;
}

#content #partner-wrap #partners {
	float:							left;
	padding:						5px;
	width:							23%;
}

#content #youtube {
	border:							1px solid transparent;
}

#content.youtube .video{
	border:							1px solid #000;
	float:							left;
	height:							150px;
	margin:							0 10px 10px 0;
	text-align: 					center;
	width:							160px;
}

#content.youtube .video img {
	height:							100px;
	width:							160px;
}

#content li {
	list-style-position: 			inside;
}

#content ul {
	margin:							8px 0;
}

#content ul.minimal {
	margin:							0;
}

#content ul.minimal li {
	line-height: 					auto;
	margin:							0 0 0 2px;
}

#content .stylebar {
	width:							100%;
}

#content .stylebar .dimensions {
	margin:							30px 0;
	width:							162px;
}

#content .stylebar.right {
	clear:							both;
	overflow:						hidden;
}

#content .stylebar.right img {
	float:							right;
}

#content .stylebar.right .dimensions {
	float:							left;
}

#content .snippet {
	overflow:						hidden;
}

/* ---------- Left Sidebar Styles ---------- */
#buttons {
	overflow:						hidden;
}

#buttons .square-blue {
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#079496 0%,
		#056163);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#079496),
		to(#056163));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 6px rgba(0,0,0,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 6px rgba(0,0,0,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	float:							left;
	margin:							0 5px 10px 0;
	width:							98%;
}

#buttons .square-blue h5 {
	color:							white;
	font-size:						125%;
	padding:						5px 0;
	text-align: 					center;
	text-transform: 				uppercase;
	text-shadow:
		0px -1px 0px rgba(59,59,59,0.2),
		0px 1px 0px rgba(255,255,255,0);
}
#buttons .square-blue h5 a {
	color:							#fff;
}

#sidebar-images img {
	width:							100%;
}

#subnav {
	border:							2px solid #079496;
	margin-top:						13px;
	padding:						15px;
	position:						absolute;
	width:							120px;
	top:							220px;
}

#subnav li {
	list-style-type: 				none;
	color: #079496;
}

#subnav li a {
	color:							#079496;
	font-size:						118%;
}

#subnav li a:hover {
	color:							#ccc;
}

/* ---------- Right Sidebar Styles ---------- */
.box {
	margin:							10px 0;
}
#escotv {
	text-align:						center;
}

#escotv img {
	width:							100%;
}



/* ---------- Footer Styles ---------- */
#footer {
	font-size:						95%;
	margin-top:						5px;
	padding:						3px 0;
	position:						relative;
}
#footer p {
	color:							white;
	margin:							0;
}
#footer a {
	text-decoration:				underline;
}


/* ---------- Additional Styles ---------- */
.success {
	background:						#E4FFCF url(../images/icons/success.png) 8px 50% no-repeat;
}
.warning {
	background:						#FFFF99 url(../images/icons/warning.png) 8px 50% no-repeat;
}
.error {
	background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;
}
p.notice {
	/*background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;*/
	border:							1px solid #666666;
	margin:							10px 0;
	padding:						5px 32px;
}
.buttons {
	padding:						5px 0;	
}
.button {
	color: #ffffff;
	padding: 8px 15px;
	background: -moz-linear-gradient(
		top,
		#c2415b 0%,
		#621637);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c2415b),
		to(#621637));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #ae5100;
	-moz-box-shadow:
		0px 1px 3px rgba(82,80,82,0.5),
		inset 0px 3px 3px rgba(138,77,105,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(82,80,82,0.5),
		inset 0px 3px 3px rgba(138,77,105,1);
	text-shadow:
		-1px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
	text-transform: 				capitalize;
}

.hidden {
	display:						none;
}
.visible {
	display:						block;	
}

/* ----------  Styles ---------- */
/* ----------  Styles ---------- */

/* ---------- Calendar Styles ---------- */
.calendar th {
	padding:						2px 5px;	
}
.calendar td {
	padding:						2px 5px;
	text-align:						center;
}
.calendar td.event {
	background:						#99CCFF;
}
.calendar td.today {
	background:						#ADC042;
}
.calendar td:hover {
	background:						#CCCCCC;
	cursor:							pointer;
}
.calendar td a {
	color:							#000000;
}

/* ---------- Form Styles ---------- */ 
.contact-form fieldset {
    border:                         none;
}

.contact-form label {
	display:						block;
	clear:							both;
    width:                          100%;
}

.contact-form .short {
	display:						inline-block;
	float:							left;
	width:							48%;
}

.contact-form .short label {
	display:						inline-block;
	min-width: 						60px;
	width:							auto;
}
.contact-form .short input {
	display:						inline-block;
	width:							20px;
}

.contact-form li {
    list-style-type:                none;
    padding:                        2px 0;
    min-height:						25px;
}
.contact-form strong {
    padding:                        0 0 0 3px;
}

.contact-form [type="checkbox"] {
	margin-right:					5px;
    width:                          auto;
}

#required {
    text-align:                     right;
}
#required strong {
    color:                          #ff0000;
}

/* ---------- Slider Styles ---------- */ 
.nivoSlider {
	border:							1px solid #38898A;
	height:							96px;
    position:						relative;
    background:						url(../scripts/nivo/loading.gif) no-repeat 50% 50%;
    margin-bottom:					15px;
}

.nivoSlider.3rd {
	float:							left;
	margin-bottom:					none;
	width:							200px;
}

.nivoSlider.events {
	height:							200px;
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */ 
height: 100%; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 561px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 361px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
color: #38898A;
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0  0 0 0;
padding: 0 10px 0 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#twitter h4 {
letter-spacing: 0.0em;
}
