/* 777 GROUP STYLESHEET BY MADEFORSPACE.COM */

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	html {
		overflow-y: scroll;
	}

/* #Basic Styles
================================================== */
	body {
		/* customize_background */ background-color:#bfbfbf; /* customize_background */
		background-image: url(http://777group.com/packages/radius/themes/radius/images/grain-bg-1.png);
		background-repeat: repeat;
		font-size: 12px;
		line-height: 23px;
		font-family: Verdana;
		font-weight: 400;
		color: #444444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
	h1 { font-family: 'Oswald';color:#ffffff;font-size: 22px; line-height: 40px; letter-spacing: 1px;}
	h2 { font-family: 'Oswald';color:#444444;font-size: 20px; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
	h3 { font-family: verdana;color:#444444;font-size: 18px; line-height: 24px; margin-bottom: 10px;}
	h4 { font-family: 'Oswald';color:#444444;font-size: 15px; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
	h5 { font-family: 'Oswald';color:#444444;font-size: 14px; line-height: 1.5em; margin-bottom: 0px;letter-spacing: 1px;}
	h6 { font-family: verdana;color:#444444;font-size: 12px; line-height: 1.5em; margin-bottom: 0px;}

	.footer { font-family: 'Oswald';color:#ffffff;font-size: 12px; line-height: 24px; margin-bottom: 0px;letter-spacing: 1px; font-weight: normal;}
	.privacy, .privacy a {font-family: 'Oswald';color:#444444;font-size: 10px; line-height: 24px; margin-bottom: 0px;letter-spacing: 1px; text-decoration: none; font-weight: normal;}
	.privacy a:hover {color: #ffffff;}
	.subheader { color: #777; }
	.mfs, .mfs a {font-family: 'Oswald';color:#444444;font-size: 10px; line-height: 24px; margin-bottom: 0px;letter-spacing: 1px; text-decoration: none; font-weight: normal;}
	.mfs a:hover {color: #ffffff;}

	p { font-family: Verdana;font-weight: 400;/* customize_body */ color:#444444; /* customize_body */margin: 0 0 10px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 22px; line-height: 28px; color: #444444; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 2px dotted #444444; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: dotted #ddd; border-width: 2px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
	
	pre, code {
	font-family: monospace;
	}

	h1, .logo-text { font-family: 'Oswald';color:#ffffff;font-size: 22px; line-height: 40px; letter-spacing: 1px;}
	h2, .title { font-family: 'Oswald';color:#007CC2;font-size: 20px; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
	h3, .intro-paragraph { font-family: verdana;color:#444444;font-size: 18px; line-height: 24px; margin-bottom: 10px;}
	h4, .sub-heading { font-family: 'Oswald';color:#007CC2;font-size: 15px; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
	h5, .paragraph-heading { font-family: 'Oswald';color:#007CC2;font-size: 14px; line-height: 1.5em; margin-bottom: 0px;letter-spacing: 1px;}

	.green {color: #75A835;}
	.blue {color: #007CC2;}
	.red {color: #BF1532;}

/* #Links
================================================== */
	a, a:visited {color:inherit;text-decoration: underline; outline: 0; }
	a:hover, a:focus {color:inherit;}
	p a, p a:visited { line-height: inherit; }

	.topnav a, .topnav a:visited {
	text-align: right;
	font-family: 'Oswald';
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	text-align: right;
	margin: 0 5px;
	padding: 3px 5px;
	}

	.topnav a:hover, .topnav a:focus .topnav a.nav-path-selected, .topnav a.active{
	text-align: right;
	font-family: 'Oswald';
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #444444;
	text-align: right;
	margin: 0 5px;
	padding: 3px 5px;
	background-color: #ffffff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
	}


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;margin-left: 20px; }
	ul { list-style: disc;padding-left: 15px; }
	ol { list-style: decimal;padding-left: 15px; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;}
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	.inputs-list {list-style: none;padding-left: 0;}

/* #Images
================================================== */

	img {
		max-width: 100%;
		height: auto; 
		display: block;}


/* #Base 960 Grid
================================================== */

	.fcontainer                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.fcontainer .column,
	.fcontainer .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
	.row                                        { margin-bottom: 20px; }
	
	/* Nested Column Classes */
	.column.alpha, .columns.alpha               { margin-left: 0; }
	.column.omega, .columns.omega               { margin-right: 0; }
	
	/* Base Grid */
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 30px;  }
	.fcontainer .two.columns                     { width: 90px; }
	.fcontainer .three.columns                   { width: 150px; }
	.fcontainer .four.columns                    { width: 210px; }
	.fcontainer .five.columns                    { width: 270px; }
	.fcontainer .six.columns                     { width: 330px; }
	.fcontainer .seven.columns                   { width: 390px; }
	.fcontainer .eight.columns                   { width: 450px; }
	.fcontainer .nine.columns                    { width: 510px; }
	.fcontainer .ten.columns                     { width: 570px; }
	.fcontainer .eleven.columns                  { width: 630px; }
	.fcontainer .twelve.columns                  { width: 690px; }
	.fcontainer .thirteen.columns                { width: 750px; }
	.fcontainer .fourteen.columns                { width: 810px; }
	.fcontainer .fifteen.columns                 { width: 870px; }
	.fcontainer .sixteen.columns                 { width: 930px; }
	
	.fcontainer .one-third.column                { width: 290px; }
	.fcontainer .two-thirds.column               { width: 610px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 60px;  }
	.fcontainer .offset-by-two                   { padding-left: 120px; }
	.fcontainer .offset-by-three                 { padding-left: 180px; }
	.fcontainer .offset-by-four                  { padding-left: 240px; }
	.fcontainer .offset-by-five                  { padding-left: 300px; }
	.fcontainer .offset-by-six                   { padding-left: 360px; }
	.fcontainer .offset-by-seven                 { padding-left: 420px; }
	.fcontainer .offset-by-eight                 { padding-left: 480px; }
	.fcontainer .offset-by-nine                  { padding-left: 540px; }
	.fcontainer .offset-by-ten                   { padding-left: 600px; }
	.fcontainer .offset-by-eleven                { padding-left: 660px; }
	.fcontainer .offset-by-twelve                { padding-left: 720px; }
	.fcontainer .offset-by-thirteen              { padding-left: 780px; }
	.fcontainer .offset-by-fourteen              { padding-left: 840px; }
	.fcontainer .offset-by-fifteen               { padding-left: 900px; }
	
	#responsive-nav {
	display: none;
	}	
	
	.box {min-height: 180px;}
	
	#horizontal-nav ul li a {}
	
/* #Tablet (Portrait)
================================================== */
	
	/* Note: Design for a width of 768px */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.fcontainer                                  { width: 768px; }
	.fcontainer .column,
	.fcontainer .columns                         { margin-left: 10px; margin-right: 10px;  }
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 28px; }
	.fcontainer .two.columns                     { width: 76px; }
	.fcontainer .three.columns                   { width: 124px; }
	.fcontainer .four.columns                    { width: 172px; }
	.fcontainer .five.columns                    { width: 220px; }
	.fcontainer .six.columns                     { width: 268px; }
	.fcontainer .seven.columns                   { width: 316px; }
	.fcontainer .eight.columns                   { width: 364px; }
	.fcontainer .nine.columns                    { width: 412px; }
	.fcontainer .ten.columns                     { width: 460px; }
	.fcontainer .eleven.columns                  { width: 508px; }
	.fcontainer .twelve.columns                  { width: 556px; }
	.fcontainer .thirteen.columns                { width: 604px; }
	.fcontainer .fourteen.columns                { width: 652px; }
	.fcontainer .fifteen.columns                 { width: 700px; }
	.fcontainer .sixteen.columns                 { width: 748px; }
	
	.fcontainer .one-third.column                { width: 236px; }
	.fcontainer .two-thirds.column               { width: 492px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 48px; }
	.fcontainer .offset-by-two                   { padding-left: 96px; }
	.fcontainer .offset-by-three                 { padding-left: 144px; }
	.fcontainer .offset-by-four                  { padding-left: 192px; }
	.fcontainer .offset-by-five                  { padding-left: 240px; }
	.fcontainer .offset-by-six                   { padding-left: 288px; }
	.fcontainer .offset-by-seven                 { padding-left: 336px; }
	.fcontainer .offset-by-eight                 { padding-left: 384px; }
	.fcontainer .offset-by-nine                  { padding-left: 432px; }
	.fcontainer .offset-by-ten                   { padding-left: 480px; }
	.fcontainer .offset-by-eleven                { padding-left: 528px; }
	.fcontainer .offset-by-twelve                { padding-left: 576px; }
	.fcontainer .offset-by-thirteen              { padding-left: 624px; }
	.fcontainer .offset-by-fourteen              { padding-left: 672px; }
	.fcontainer .offset-by-fifteen               { padding-left: 720px; }
	
	#responsive-nav {
	display: none;
	}
	
	#back-top {
	display: none;
	}
	
	.box {min-height: 200px;}	

	#horizontal-nav ul li a {padding: 0 10px !important;}	
	
	}
	
	
/*  #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
	.fcontainer { width: 300px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column  { width: 270px; padding: 0 15px; }
	
	/* Offsets */
	.fcontainer .offset-by-one,
	.fcontainer .offset-by-two,
	.fcontainer .offset-by-three,
	.fcontainer .offset-by-four,
	.fcontainer .offset-by-five,
	.fcontainer .offset-by-six,
	.fcontainer .offset-by-seven,
	.fcontainer .offset-by-eight,
	.fcontainer .offset-by-nine,
	.fcontainer .offset-by-ten,
	.fcontainer .offset-by-eleven,
	.fcontainer .offset-by-twelve,
	.fcontainer .offset-by-thirteen,
	.fcontainer .offset-by-fourteen,
	.fcontainer .offset-by-fifteen { padding-left: 0; }
		
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}	
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}
	.box {min-height: 0px;}	
	
	#horizontal-nav ul li a {}	
		
	}
	
	
/* #Mobile (Landscape)
================================================== */
	
	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.fcontainer { width: 420px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column { width: 390px; padding: 0 15px; }
	
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}

	.box {min-height: 0px;}	

	#horizontal-nav ul li a {}	
			
	}
	
	
/* #Clearing
================================================== */
	
	/* Self Clearing Goodness */
	.fcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
	.row:after,
	.clearfix:after {
	clear: both; }
	.row,
	.clearfix {
	zoom: 1; }
	
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
/* THEME STYLES */
	
/* #General
================================================== */

#top-bar-wrap {
width: 100%;
/* customize_top_bar_wrap_background */ background-color:transparent; /* customize_top_bar_wrap_background */
border-top: 4px solid;
/* customize_top_border_color */ border-color:#ffffff; /* customize_top_border_color */
}

#header-wrap {
width: 100%;
/* customize_header_wrap_background */ background-color:#454545; /* customize_header_wrap_background */
}

#main-wrap {
width: 100%;
/* customize_main_wrap_background */ background-color:transparent; /* customize_main_wrap_background */
}

#footer-top-wrap {
width: 100%;
/* customize_footer_wrap_top_background */ background-color:transparent; /* customize_footer_wrap_top_background */
}

#footer-bottom-wrap {
width: 100%;
/* customize_footer_wrap_bottom_background */ background-color:transparent; /* customize_footer_wrap_bottom_background */
}

#top-bar {
padding: 20px 0;
/* customize_top_bar_background */ background-color:#FFFFFF; /* customize_top_bar_background */
border-radius: 0 0 5px 5px;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
display: none;
}

header {
/* customize_header_background */ background-color:transparent; /* customize_header_background */
border-radius: 0 5px 0 0;
}

#header {
padding: 10px 0 30px 0;
}

.50-year-logo {
text-align: right;
padding-top: 20px;
}

#main {
padding: 30px 0;
/* customize_main_background */ background-color:#ffffff; /* customize_main_background */
border-radius: 0 5px 0 0;
}

footer {

}

#footer-top {
padding: 20px 0;
/* customize_footer_top_background */ background-color:#444444; /* customize_footer_top_background */
border-radius: 0 0 5px 5px;
background-image: url(http://777group.com/packages/radius/themes/radius/images/grain-bg-1.png);
background-repeat: repeat;
}

#footer-bottom {
padding: 20px 0;
/* customize_footer_bottom_background */ background-color:transparent; /* customize_footer_bottom_background */
}

#banner {
margin-bottom: 30px;
}

#banner img {
border-radius: 5px;
}

#copyright p {
margin-bottom: 0px;
}

#login {
text-align: right;
}

#login p {
margin-bottom: 0px;
}

/* Show/Hide */

.top-bar-show-hide {
width: auto;
height: auto;
border-radius: 0 0 5px 5px;
position: relative;
float: right;
margin-right: 15px;
}

.top-bar-show-hide span p {
/*
position: absolute;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.5);
left: 12px;
*/
/* customize_tab_link_colour */ color:#FFFFFF; /* customize_tab_link_colour */
font-family: 'Oswald';
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
line-height: 12px;
cursor: move;
margin-bottom: 0;
padding: 5px 10px;
}

.top-bar-show-hide:hover {
/* customize_expand_button_hover_colour */ background-color:#ffffff; /* customize_expand_button_hover_colour */
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

.top-bar-show-hide {
/* customize_expand_button_colour */ background-color:#ffffff; /* customize_expand_button_colour */
}

/* #Navigation
================================================== */

/* IPAD */

#controls li {
    display: block;
}

#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

#controls li .hover_controls {
    float: right;
    display: none;
}

#controls li:hover .hover_controls {
    display: block;
}

#controls {
margin: 0;
padding: 0;
}

/* HORIZONTAL */

#horizontal-nav {
padding: 0;
}

#horizontal-nav ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}

#horizontal-nav ul li {
position: relative;
float: left;
margin-bottom: 0;
}

#horizontal-nav ul li a {
float: left;
height: 32px;
margin-right: 5px;
padding: 0 22px;
position: relative;
/* customize_nav_tab_colour */ background-color:#454545; /* customize_nav_tab_colour */
background-image: url(http://777group.com/packages/radius/themes/radius/images/tab-bottom-shadow.png);
background-position: bottom center;
background-repeat: repeat-x;
line-height: 32px;
border-radius: 5px 5px 0 0;
-webkit-transition: all 0.5s ease; /* For chrome & safari */
-moz-transition: all 0.5s ease; /* For mozilla firefox */
-o-transition: all 0.5s ease; /* For opera */
transition: all 0.5s ease;
/* customize_nav_link_colour */ color:#FFFFFF; /* customize_nav_link_colour */
font-family: 'Oswald';
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected {
/* customize_nav_tab_hover_colour */ background-color:#FFFFFF; /* customize_nav_tab_hover_colour */
/* customize_nav_link_hover_colour */ color:#444444; /* customize_nav_link_hover_colour */
background-image: none;
}

#horizontal-nav ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
z-index: 25;
/* customize_sub_nav_background_colour */ background-color:#FFFFFF; /* customize_sub_nav_background_colour */
border-radius: 0 0 5px 5px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li:hover > ul {
opacity: 1;
position: absolute;
top: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#horizontal-nav ul li ul li {
margin: 0;
padding: 0;
}

#horizontal-nav ul li ul li a {
margin: 0;
padding: 10px;
height: auto;
width: 180px;
display: block;
text-align: left;
line-height: normal;
/* customize_sub_nav_link_colour */ color:#444444; /* customize_sub_nav_link_colour */
background-image: none;
background-color: transparent;
line-height: normal;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
}

#horizontal-nav ul li ul li:last-child a {
border-bottom: 2px dotted rgba(255,255,255,0);
}

#horizontal-nav ul li ul li a:hover, #horizontal-nav ul li ul li a.nav-path-selected {
/* customize_sub_nav_hover_colour */ background-color:#444444; /* customize_sub_nav_hover_colour */
/* customize_sub_nav_link_hover_colour */ color:#FFFFFF; /* customize_sub_nav_link_hover_colour */
}

#horizontal-nav ul li ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
padding: 0; 
margin: 0;
z-index: 25;
background-color: #FFFFFF; 
border-radius: 0 0 0 0;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li ul li:hover > ul {
opacity: 1;
position: absolute;
top: 0;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

/* VERTICAL */

#vertical-nav {
margin: 0;
padding: 0;
}

#vertical-nav ul {
padding: 10px;
list-style: none;
border: 1px solid #000000;
}

#vertical-nav ul li {
margin: 0;
padding: 0;
position: relative;
}

#vertical-nav ul li a {
display: block;
color: #444444;
border-bottom: 1px dotted rgba(255,255,255,0.5);
padding: 10px 5px;
margin: 0;
text-decoration: none;
}

#vertical-nav ul li:hover {

}

#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected, #vertical-nav ul li a.nav-path-selected {
}

#vertical-nav ul li.nav-selected {

}

#vertical-nav ul li.nav-path-selected {

}

#vertical-nav ul li ul {
height: auto;
width: 200px;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
margin: 0;
z-index: 25;
}

#vertical-nav ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#vertical-nav ul li ul li a {

}

#vertical-nav ul li ul li a:hover, #vertical-nav ul li ul li a.nav-selected, #vertical-nav ul li ul li a.nav-path-selected {

}

#vertical-nav ul li.nav-dropdown > a:after {

}

#vertical-nav ul li ul li.nav-dropdown > a:after {

}

/* RESPONSIVE */

#responsive-nav {
padding: 0;
margin: 15px 0 15px 0;
}

#responsive-nav select {
width: 100%;
border: 1px solid rgba(0,0,0,0.1);
padding: 5px;
border-radius: 5px;
}

/* #Buttons
================================================== */

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-size: 14px;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

/* Back To Top */

#back-top {
bottom: 43%;
position: fixed;
right: 20px;
}

#back-top a {
/* customize_back_to_top_color */ background-color:#FFFFFF; /* customize_back_to_top_color */
box-shadow: 0 0 3px rgba(0,0,0,0.1);
background-image: url(http://777group.com/packages/radius/themes/radius/images/grain-bg-1.png);
background-repeat: repeat;
height: 40px;
width: 40px;
text-indent: -999999px;
display: block;
border-radius: 40px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#back-top a:hover {
/* customize_back_to_top_hover_color */ background-color:#000000; /* customize_back_to_top_hover_color */
}

#back-top a span {
background-image: url(http://777group.com/packages/radius/themes/radius/images/back-to-top-icon.png);
background-position: center center;
background-repeat: no-repeat;
height: 40px;
width: 40px;
display: block;
}

/* Form Focus */

.input-focus {
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

/* Copyright */

#copyright {
font-size: 90%;
line-height: 32px;
}

/* Sortable Responsive Gallery */


.sortable_responsive_gallery_image {
margin: auto auto 50px auto !important;
float: left;
text-align: center;
}

/* CASE STUDY INTRO BOX
==================================================*/ 

.case-study-intro-box {
background-color: #f5f5f5;
margin-bottom: 20px;
padding: 5px 5px 5px 5px;
border: 3px solid #f5f5f5;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius: 10px 10px 10px 10px;
min-height: 300px;}

.case-study-photo {
background-color: #ffffff;
padding: 10px;
border: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;	

-moz-box-shadow: 3px 3px 4px #DEDEDE; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #DEDEDE; /* Safari/Chrome */
box-shadow: 3px 3px 4px #DEDEDE; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE');/* IE 5.5 - 7 */ 
}

.case-study-photo img {
border: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
}

.case-study-page-link {
margin-top: 10px;
padding: 0 10px;
text-decoration: none;
color: #007CC2;
text-transform: uppercase;
font-size: 12px;
font-family: 'oswald';
}


.case-study-page-link a {
text-decoration: none;
color: #007CC2;
}

.case-study-intro-text {
padding: 5px 10px 0 10px;
line-height: 1.5em;
}


/* PAGE INTRO BOX
================================================== */

.page-intro-box {
background-color: #f5f5f5;
padding: 5px 5px 5px 5px;
border: 3px solid #f5f5f5;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius: 10px 10px 10px 10px;
}

.page-intro-image {
background-color: #ffffff;
padding: 7px 0 3px 7px;
border: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;	

-moz-box-shadow: 3px 3px 4px #DEDEDE; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #DEDEDE; /* Safari/Chrome */
box-shadow: 3px 3px 4px #DEDEDE; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE');/* IE 5.5 - 7 */ 
}

.page-intro-text {
padding: 10px 10px 0 10px;
font-weight: normal;
line-height: 1.5em;
}

/* TWEETS
================================================== */


.ccm-jereme-tweetcrete-timeline {clear: both;}

.ccm-jereme-tweet-time {}

.ccm-jereme-tweet-text {
background-color: #ffffff;
padding: 10px;
margin-bottom: 10px;
border: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;

-moz-box-shadow: 3px 3px 4px #DEDEDE; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #DEDEDE; /* Safari/Chrome */
box-shadow: 3px 3px 4px #DEDEDE; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE');/* IE 5.5 - 7 */ 
}

.ccm-jereme-tweet-username {display: inline;}

ccm-jereme-tweet-follow-link {background: transparent url(http://777group.com/packages/radius/themes/radius/images/twitter-bird.png) no-repeat top left;}


/* PRO BLOG
================================================== */

ul.list-unstyled {
margin-left: 0;
padding-left: 0;
margin-right: 10px;
}

.list-unstyled li {
margin-bottom: 20px;
margin-left: 0;
background: none;
list-style-type: none;
display: block;

background-color: #ffffff;
padding: 10px;
border: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;

-moz-box-shadow: 3px 3px 4px #DEDEDE; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #DEDEDE; /* Safari/Chrome */
box-shadow: 3px 3px 4px #DEDEDE; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE');/* IE 5.5 - 7 */ 
}

.list-unstyled img {
margin: 2px 10px 0 0;
float: left;
border: none;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 3px 3px 3px;
}

.list-unstyled span {
font-weight: bold;
margin: 0 0 10px 0;
}


/* NEXT PREVIOUS
================================================== */
.ccm-next-previous-previouslink a {text-transform: uppercase; font-size: 10px; text-decoration: underline;}
.ccm-next-previous-parentlink a {text-transform: uppercase; font-size: 10px; text-decoration: underline;}
.ccm-next-previous-nextlink a {text-transform: uppercase; font-size: 10px; text-decoration: underline;}


/* SLIDESHOW
================================================== */

.ccm-SlideshowBlock-display img {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius: 10px 10px 10px 10px;
}


.one-third img {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
}

.two-thirds img {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
}

.formigo-slider-wrapper {max-height: 300px;}
.formigo-slider-bottom-nav {visibility: hidden; height: 0; line-height: 0; margin: 0;}

/* GENERAL STYLING */

.rounded-corners {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
.dropshadow {
-moz-box-shadow: 3px 3px 4px #DEDEDE; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #DEDEDE; /* Safari/Chrome */
box-shadow: 3px 3px 4px #DEDEDE; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE');/* IE 5.5 - 7 */ 
}

.grey-background {
background-color: #f5f5f5;
padding: 10px 20px;
margin-bottom: 20px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius: 10px 10px 10px 10px;
}

.left-border {
border-left: 1px dotted #c5c5c5;
padding-left: 8px;
}

.left-border img {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px 5px 5px 5px;
}

.indent {border-left: 1px dotted #c5c5c5; margin-left: 20px; padding-left: 10px; margin-bottom: 15px;}