/*Tom Tran Design - Primitive */

/* ========================================================================

	HTML Reset

======================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }



/* ========================================================================

	Body Start

======================================================================== */

html { overflow-y: scroll; }

body {
	
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

a {
	text-decoration: none;
	outline: none;
}

a:link {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

img, a img {
	max-width: 100%;
	height: auto;
	width: auto; /* for ie 8 */
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

section .wrapper a:hover {
}

section .wrapper ul,
section .wrapper ol {
	padding: 10px 15px;
}

/* ========================================================================

	Header Styles

======================================================================== */

h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}

h1 {
	font-size: 2em;
	line-height: 1.5em;
}

h2 {
	font-size: 1.7em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.5em;
	line-height: 1.5em;
}

h5 {
	font-size: 1.4em;
	line-height: 1.5em;
}

h6 {
	font-size: 1.3em;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

img.scale-with-grid {
	max-width: auto;
	height: auto;
	width: 100%; /* for ie 8 */
}

.image-left {
	float: left;
	padding: 11px;
}

.image-right {
	float: right;
	padding: 11px;
}

blockquote, code {
	margin: 18px 0;
	padding: 8px 11px;
	display: block;
}

pre, code, kbd, samp { font-family: monospace, sans-serif; }

code {
	font: 1em 'Courier New', Courier, monospace;
	border: 1px solid #e0e0e0;
	display: inline-block;
	background: #fff;
}

/* LIST ELEMENTS */

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/* ========================================================================

	Font Face

======================================================================== */

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

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.1.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url("font/fontello.eot");
  src: url("font/fontello.eot?#iefix") format('embedded-opentype'), 
  	   url("font/fontello.woff") format('woff'), 
  	   url("font/fontello.ttf") format('truetype'), 
  	   url("font/fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeue-Roman';
    src: url('font/helveticaneue-roman.eot');
    src: url('font/helveticaneue-roman.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneue-roman.woff') format('woff'),
         url('font/helveticaneue-roman.ttf') format('truetype'),
         url('font/helveticaneue-roman.svg#helveticaneue-roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('font/helvetica.eot');
    src: url('font/helvetica.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica.woff') format('woff'),
         url('font/helvetica.ttf') format('truetype'),
         url('font/helvetica.svg#helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


@font-face {
    font-family: 'GothamMediumRegular';
    src: url('font/ufonts.com_gotham-medium-webfont.eot');
    src: url('font/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ufonts.com_gotham-medium-webfont.woff') format('woff'),
         url('font/ufonts.com_gotham-medium-webfont.ttf') format('truetype'),
         url('font/ufonts.com_gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}



/* End Font Face */

/* ========================================================================

	Top Bar

======================================================================== */

#hello_bar {
	background: url(images/dropdown_bg.png);
	width: 100%;
	height: 40px;
	margin: -40px 0 0;
	padding: 4px 0 4px;
}

#hello {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#open {
	font-size: .75em;
	background: url(images/hello_open.png) center top no-repeat;
	margin: 0 auto;
	width: 28px;
	height: 9px;
	
}


/* @group Structure */

body {
}

aside, #main {
	list-style-position: inside;

}

/* ========================================================================

	Social Icons

======================================================================== */

#social {
	width: auto;
	height: auto;
	background: #333;
	border-bottom: 1px solid #151515;
    border-top: 1px solid #383838;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#socialIcons {
    margin: 0 auto;
    font-style: normal;
    font-weight: 100;
    width: 960px;
	padding: 10px 0px 10px 0px;
}

#socialIcons a {
    padding: 0 20px 0 0;
    text-decoration: none;
    font-family: 'fontello';
    -webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);

}

#socialIcons a:hover {

}

span.social {
	display: inline-block;
    font-weight: 100;
}

header span.social {
	display: inline-block;
    font-family: 'fontello';
    font-size: 1em;
    font-style: normal;
    height: auto;
    line-height: normal;
}

header span.social a:hover {
	
}

.ie9 aside span.social {
    font-size: 0.95em;
}
.ie7 aside span.social {
    display: inline;
    float: none;
}

/* ========================================================================

	Header

======================================================================== */

header {	
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;	
    border-bottom: 1px solid #151515;
	padding-bottom: 25px;
}

header h1#title {
	margin: 0 auto;
	text-align: left;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: 8px; 
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	margin-top: 25px;
	display: inline-block;
}

header h2#slogan {
	text-align: left;
	font-size: .75em;
	line-height: 1.9em;
	letter-spacing: 4px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	display: table;
	
}

a#logo {
	height: 0px;
    clear: both;
}

a#logo img {
    float: left;
    margin-right: 10px;
	width: 57px;
	height: 57px;
	padding-top: 17px;

}

/* ========================================================================

	Navigation

======================================================================== */

#next {
	width: 100%;
	position: relative;
	letter-spacing: 1px;
	border-top: 1px outset #ccc;
	border-bottom: 1px solid #ccc;
	background-color: rgba(0, 0, 0, 0.1);
	border-top: 4px double rgba(0, 0, 0, 0.04);
}

nav a.current, #navcontainer #current {

	
}

nav {
	z-index: 10;
	position: relative;
	text-align: left;
}

nav ul {
	padding: 0;
	font-size: 12px;
}

nav li a:after {
	content: "";
}


nav li a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

nav li a:hover {
}

nav ul li {
	text-align: left;
	position: relative;
	display: inline-block;
	padding: 0;
	/*margin: 0 0 30px 0;*/
	line-height: 29px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

nav ul li a{
	display: block;
	padding: 17px 15px;
}

nav li ul li{
	font-size: 1em;
	line-height: 30px;
	background: #ffffff;
	opacity: ;
	filter: Alpha(opacity=95);
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0px;
}

nav li ul li a{padding: 8px 16px;}

/* @group Suckerfish CSS */

nav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
}

nav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	border-top: 2px outset #666;
	border-bottom: 2px outset #666;
}

nav li ul ul { margin: 0 0 0 170px;padding:0;}

nav li:hover ul ul, 
nav li:hover ul ul ul, 
nav li:hover ul ul ul ul, 
nav li:hover ul ul ul ul ul, 
nav li.sfhover ul ul, 
nav li.sfhover ul ul ul,
nav li.sfhover ul ul ul ul, 
nav li.sfhover ul ul ul ul ul {left: -999em;}

nav li:hover ul, 
nav li li:hover ul, 
nav li li li:hover ul, 
nav li li li li:hover ul, 
nav li li li li li:hover ul, 
nav li li li li li li:hover ul,
nav li.sfhover ul, 
nav li li.sfhover ul, 
nav li li li.sfhover ul,
nav li li li li.sfhover ul,
nav li li li li li.sfhover ul
nav li li li li lili.sfhover ul {left:auto;}

nav ul ul span.sf-sub-indicator { display: none;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* ========================================================================

	ExtraContent

======================================================================== */

#myExtraContent1,
#myExtraContent2,
#myExtraContent3, 
#myExtraContent4 {
	display: none;
}

#extraContainer1 #myExtraContent1,
#extraContainer2 #myExtraContent2,
#extraContainer3 #myExtraContent3,
#extraContainer4 #myExtraContent4 {
	display: block;
}

#extraContainer1 {
	z-index: -10;
	-webkit-box-shadow: 0px 1px 1px #d2d2d3;
	-moz-box-shadow: 0px 1px 1px #d2d2d3;
	box-shadow: 0px 1px 1px #d2d2d3;
}

#extraContainer1 #myExtraContent1{
	display: block;
	z-index: 1;
}

#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4 {
	display: none;
}

#myExtraContent3 {
	clear: both;
}

#container3{
	width: 100%;

}

#extraContainer4 {
	line-height: 1.875em;
	
}

#extraContainer4 a {
}

#extraContainer5 {	
	-webkit-box-shadow: 0px 1px 1px #d2d2d3;
	-moz-box-shadow: 0px 1px 1px #d2d2d3;
	box-shadow: 0px 1px 1px #d2d2d3;	
}

/* ========================================================================

	Banner

======================================================================== */

#banner {
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	border-bottom: 8px inset rgba(0, 0, 0, 0.05);
}

/* ========================================================================

	Section

======================================================================== */

section {

}

section li {
}

#content {
}

aside{
	margin: 16px 0 0 0;
}

span#asideTitle{
	display: block;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5em;
}

div#asidePlug{
}

.sb_hide{display: none;}
.sidebar.left{
	float: left;
}

#main.right{
	float: right;
}


/* ========================================================================

	Slider Footer

======================================================================== */

#insidefooter{
	width: 960px;
	margin: 0 auto;	
}

footer{
	margin: 0px 0 0 0;
	font-size: .75em;
	background: url(images/arrow_footer.png) center top no-repeat;
	padding-top: 45px;
	box-shadow: inset 0 0 17px 0 rgba(0, 0, 0, 0.66);	
	padding-bottom: 20px;	
}

#line {
	border-bottom: 1px solid #151515;
	border-top: 1px solid #383838;
	width: 100%;
	margin: 0 auto;	
	margin-bottom: 15px;
}

footer .container a {
}

footer .container {
	
}

footer p,	
footer ul,
footer ol{
	font-size: 1em;
	line-height: normal;
	
}

#crumb {
	width: 100%;
	font-size: .8em;	
	background: black;
}

.breadcrumbcontainer{
	width: 100%; 
	margin: 0 auto;  
	text-align: right;
}
	
.breadcrumbcontainer ul a {text-decoration: none; margin: 0; padding: 0; color: white; }
.breadcrumbcontainer ul{list-style-type: none;}
.breadcrumbcontainer li{list-style-type: none;}
.breadcrumblist span{}

.breadcrumbcontainer li:after {
	content: "";
}




/* ========================================================================

	Blog

======================================================================== */


.blog-entry {
    padding: 0;
	line-height: 28px;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 10px 0px 0;
	
}

h1.blog-entry-title {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	padding: 35px 0 0px;
	letter-spacing: px;
	
}

.blog-entry img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

h1.blog-entry-title a{
}

.blog-entry-date {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 1em;
	color: #989899;
	letter-spacing: 1.6px;
	border-bottom: 1px dashed #cacaca;
	margin-bottom: 20px;
	padding-bottom: 8px;
	
}


.blog-entry-category a:link, 
.blog-entry-category a:visited {
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    margin: 0 4px;
    padding: 0 6px;
	font-style:italic;
}

.blog-entry-category a:hover, 
.blog-entry-category a:hover {
	text-decoration: underline;
}

.blog-read-more {
	
}

.blog-entry-body {
	padding-bottom: 30px;
	overflow: inherit;
	border-bottom: 1px solid #cacaca;
}

a.blog-comment-link {
	margin-top: 1.0em;
	padding: 5px 0px 8px 50px;
	display: inline-block;
}

p.blog-entry-tags {
	margin-top: 1em;
	font-style: italic;
	font-size: .8em;
}

p.blog-entry-tags a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E4E4E2;
    border-radius: 3px 3px 3px 3px;
    color: #989899;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	margin-left: 9px;
}

p.blog-entry-tags a:hover {
	text-decoration: underline;	
}

#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
	display: block;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}


/* Categories */

#blog-categories,
#blog-archives {
	padding-top: 12px;
	line-height: 2.5em;
}

#blog-categories br,
#blog-archives br {
	display: none;
}

#blog-categories:before {
	content: "Categories";
	text-transform: uppercase;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-category-link-enabled,
.blog-archive-link-enabled {
	display: block;
	border-bottom: 1px dashed;
	margin-bottom: 10px;
	
}

.blog-category-link-enabled:before {
		content: "\f067";	
		position: relative;
		font-family: FontAwesome;
		font-size: 18px;
		padding-right: 8px;
}

.blog-archive-link-enabled {	
	padding: 0 11px 0 0px;
}


.blog-archive-link-enabled:before {
	content: "\f073";
	font-family: FontAwesome;
	font-size: 18px;
	padding-right: 8px;
}

.blog-category-link-enabled {
	padding: 1px 11px 0 0px;
	margin: 0;
}

.blog-category-link-enabled:hover,
.blog-archive-link-enabled:hover {

}

.blog-category-link-disabled,
.blog-archive-link-disabled {
	display: none;
}

/* Archives */

#blog-archives {
	margin-top: 16px;
}

#blog-archives:before {
	content: "Archives";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	
}

/* Tag Cloud */

section .wrapper ul.blog-tag-cloud {
	margin: 16px 0 0;
	padding: 16px 0 0;
}

ul.blog-tag-cloud:before {
	content: "blog tag";
	padding: 16px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	margin-top: 28px;
}

ul.blog-tag-cloud li {
	display: inline-block;
}

ul.blog-tag-cloud li a {
	font-size: 12px;
	margin-bottom: 3px;
	background: none repeat scroll 0 0 #424242;
   	border-bottom: 5px solid #717171;
    display: inline-block;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	padding:4px 15px 3px;
	color: #fff;
}

ul.blog-tag-cloud li a:hover {
	border-bottom: 5px solid #3CAB88;
}

.blog-tag-size-1 {
	font-size: 12px;
}

.blog-tag-size-2 {
	font-size: 12px;
}

.blog-tag-size-3 {
	font-size: 12px;
}

.blog-tag-size-4 {
	font-size: 12px;
}

.blog-tag-size-5 {
	font-size: 12px;
}

.blog-tag-size-6 {
	font-size: 12px;
}

.blog-tag-size-7 {
	font-size: 12px;
}

.blog-tag-size-8 {
	font-size: 12px;
}

.blog-tag-size-9 {
	font-size: 12px;
}

.blog-tag-size-10 {
	font-size: 12px;
}

.blog-tag-size-11 {
	font-size: 12px;
}

.blog-tag-size-12 {
	font-size: 12px;
}

.blog-tag-size-13 {
	font-size: 12px;
}

.blog-tag-size-14 {
	font-size: 12px;
}

.blog-tag-size-15 {
	font-size: 12px;
}

.blog-tag-size-16 {
	font-size: 12px;
}

.blog-tag-size-17 {
	font-size: 1.6em;
}

.blog-tag-size-18 {
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {
	font-size: 1.75em;
}

/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
	margin-top: 15px;
	padding-top: 15px;
}

#blog-rss-feeds:before {
	content: "Feeds";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-rss-link:before {
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 18px;
	padding-right: 8px;
}


.blog-rss-link {
	padding: 3px 11px 0 0px;
	margin: 0;
	display: inline-block;
}

.blog-rss-link a:hover {
	
}

.blog-comments-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/rss_icon.gif);
	background-position: left center;
	padding-left: 19px;
}

.blog-comments-rss-link a:hover {

}

/* @end */

/* ========================================================================

	File Sharing

======================================================================== */

.filesharing-item-title a{
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	padding: 11px 8px;
}

.filesharing-item-title a:hover {
	text-decoration: underline;
}

.filesharing-item-title {
	padding: 11px 0 7px 0;
	width: 100%;
}

.filesharing-item-title a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 15px 5px;
    text-decoration: none;
}


.filesharing-description {
	Width: 100%;
	font-size: 2em;
    line-height: 3em;
}

.filesharing-item {
	padding: 0;
	margin-bottom: 35px;
}

/* @end */

/* ========================================================================

	Photo Album

======================================================================== */

.album-title {
	font-size: 1.375em;
	margin: 0;
	padding: 0;
	font-style: normal;
}

.album-description {
	margin: 10px 0 20px 0;
	font-family: sans-serif;
}


.album-wrapper {
	width: 100%;
}

.thumbnail-wrap {
	display: block;
	float: left;
	height: auto;
	padding: 0 7px;
	margin: 1%;
}

.thumbnail-frame {
	float: left;
	position: relative;
}

.thumbnail-frame:hover {
	
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame a img {
  	border: 11px solid white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	
}

.thumbnail-frame a img:hover {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.thumbnail-caption {
	display: none;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
	background-image: url(images/dropdown_bg.png);
	background-repeat: repeat;
}
.photo-background img {
	width: 100%;
	max-height: auto;
}

.photo-background p {
	text-align: left;
	margin: 0;
	color: #ffffff;
}

.photo-navigation {
	width: 96%;
	margin: 20px auto 0 auto;
	padding: 20px;
	border-top: none;
	height: 111px;
	position: relative;
	text-align: left;
	font-size: 2.5em;
}

.photo-links {
	position: absolute;
	top: 100px;
	font-size: 1em;
}

.photo-navigation a:link, .photo-navigation a:visited {
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	font-size: .8em;
}

.photo-navigation a:hover {
	text-decoration: none;
	color: #878787;
}

.photo-frame{
	margin-top: 11px;
}

.photo-background p.photo-title {
	padding-bottom: 7px;
	line-height: 26px;
	font-size: 1em;
}

.photo-background p.photo-caption {
	font-size: .5em;
	line-height: 16px;
	font-style: italic;
	font-family: Times New Roman, Times;
	margin: 21px 0 0 0;
}

}
img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    visibility: hidden;
    width: 100%;
    height: auto;
}

img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    top: 10px;
    width: 100%;
}

/* @end */

/* @group EXIF data */
/* Data wrapper */
.exif-data {
}

.exif-data p {
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}
/* @end */

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
}
	
/* @end */

/* ========================================================================

	Quicktime Movie

======================================================================== */

.movie-page-description {
    margin-bottom: 15px;
	margin-top: 15px;
    display: block;
	width: 98%;
	font-style:italic;
}
.movie-thumbnail-frame {
	position: relative;
    display: inline-block;
    margin: 2%;
    width: 45%;
}
.movie-thumbnail-frame:hover {
}
.lastMov {
    margin-bottom: 5px;
}
.movie-thumbnail-frame img {
    height: auto !important;
    width: 100% !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.movie-thumbnail-caption {
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 11px 20px;
    text-shadow: none;
    visibility: hidden;
    width: auto;
}
#movieAlbum .movie-thumbnail-caption {
    visibility: visible;
}
.movie-thumbnail-frame a:before {
    cursor: pointer;
    position: absolute;
}
.movie-thumbnail-frame a:hover:before {
    opacity: 0.4;
}
.movie-background {
    background-color: #000000;
    height: 438px;
    overflow: hidden;
    padding: 30px 0 0;
    text-align: center;
    width: 100%;
}
.movie-title {
    color: #ececec;
    font-size: 1.375em;
    padding: 16px 0 0;
}
.movie-page-title {
    font-size: 2em;
    padding: 20px 0 3px 3px;
	margin-top: 20px;
	
}
.album-title {
    font-size: 2em;
    line-height: 3em;
    padding: 0 0 0px 3px;
}
.album-description {
    display: none;
}
.thumbnail-frame {
    float: left;
    position: relative;
}
.thumbnail-wrap {
    display: block;
    float: left;
    height: auto !important;
    margin: 2%;
}
.thumbnail-caption {
    display: none;
}
.thumbnail-frame img {
}
.thumbnail-frame img:active, .thumbnail-frame img:hover {
}
.thumbnail-frame {
}


/* ========================================================================

	Contact Form

======================================================================== */

.message-text {
	margin-top: 21px; 
	font-size: 2.4em;
	letter-spacing: 1px;
	border-bottom: 1px solid #E9E9E7;
	line-height: 1.5em;
} 

.message-text {
	margin-top: 21px; 
} 

form label {
    font-size: 0.8em;
    text-transform: uppercase;
	padding: 9px 1px 0 2px;
	margin: 0;
}

.required-text {
	letter-spacing: 1px;
} 

.form-input-field {
	width: 70%;
} 

.form-input-field:hover {
	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.70);
}

form > div textarea.form-input-field, form > div input.form-input-field[type="text"] {
	background-color: rgba(255, 255, 255, 0.5);
	outline: none;
	border: 1px solid #D6D6D6;
	padding: 7px 0;
	color: white;
}

.form-input-button {
	color: #959595;
	height: 40px;
	width: 70px;
	margin-right: 16px;
	background: white;
	border: 1px solid #D6D6D6;
	text-transform:uppercase;
	letter-spacing: 1px;
	
}

.form-input-button:hover {
	color: #2b2b2b;	
	background: #EFEFEF;
}

/* @end */

/* #IE CSS */

.mosaic article.ie-nth-child3n1{
	clear:both;
}
.responsive-example{
	margin-bottom:20px;
}
.responsive-example .columns,
.responsive-example .column{
	background:#dedede;
	margin-bottom:10px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
.responsive-example .columns:hover,
.responsive-example .column:hover{
	background:#333;
	color:#efefef;
}


/* ========================================================================

	Slider Start

======================================================================== */

#fwslider {
    position: relative;
    background:#000;
    width:100%;
}

#fwslider .slider_container {

}

#fwslider .slide {
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
}

#fwslider .slide img {
    width:100%;
}

#fwslider .slidePrev {
    background:#000;
    width:50px;
    height:50px;
    position: absolute;
    top:50%;
    left:-50px;
    opacity:0.5;
    z-index: 10;
}

#fwslider .slidePrev span {
    background-image:url("images/left_arrow.png");
    width:50px;
    height:50px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .slideNext {
    background:#000;
    width:50px;
    height:50px;
    position: absolute;
    top:50%;
    right:-50px;
    opacity:0.5;
    z-index: 10;
}

#fwslider .slideNext span {
    background-image:url("images/right_arrow.png");
    width:50px;
    height:50px;
    float:left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fwslider .timers {
    height:4px;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}

#fwslider .timer {
    height:4px;
    width:40px;
    background-color: #000;
    float:left;
    margin-right: 10px;
}

#fwslider .progress {
    height:4px;
    width:0%;
    background-color: #FC3;
    float:left;
}

#fwslider .slide_content {
    top:0;
    left:0;
    position: absolute;
    width:100%;
    height:100%;
}

#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
    max-width:960px;
    margin:15% auto;
}

#fwslider .title {  /* Slider Title Style */
    opacity: 0;
    color:#fff;     
    font-size:36px;
    background:#000;
    padding:10px;
    float:left;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .description { /* Slider Description Style */
    opacity: 0;
    color:#FC3;
    font-size:18px;
    background:#000;
    padding:10px;
    clear:both;
    float:left;
    margin-top:2px;
    line-height:24px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore { /* Slider Read More button Style */
    opacity: 0;
    clear:both;
    float:left;
    text-transform:uppercase;
    font-size:10px;
    color:#919191;
    background:#000;
    padding:10px;
    text-decoration: none;
    margin-top:2px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

#fwslider .readmore:hover {
    color:#fff;
}



/* ------------------------------- 3. Media Query Max Width 1300, Min Width 720 ------------------------------- */



@media only screen and (min-width:720px) and (max-width: 1300px) {

    #fwslider .slide_content_wrap { margin-left: 50px; margin-top:15%;}
    #fwslider .title { font-size:26px; }
    #fwslider .description {  font-size:12px;}

}

/* ------------------------------- 4. Media Query Max Width 719 ------------------------------- */

@media only screen and (max-width:719px) {

    #fwslider .slide_content_wrap { display:none; }
    #fwslider .timers { display:none; }
    #fwslider .slide_content {cursor: pointer;}

}

/* ========================================================================

	Responsive Menu Base

======================================================================== */


#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("images/hello_bg.png");
}

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  float: left;
}

#nav li {
  float: left;
  width: 100%;
}

#nav a {
  font-size: .8em;
  color: #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-shadow: 0 -1px rgba(0,0,0, .5);
  border-bottom: 1px solid rgba(0,0,0, .2);
  border-top: 1px solid rgba(255,255,255, .1);
  display: block;
  padding: 1.2em 2em;
  width: 100%;
  background-image: url("images/hello_bg.png");
}

#nav a:hover { background: rgba(255,255,255, .1) }
#nav #current { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); }
#nav li:first-child a { border-top: 0; border-bottom: 1px solid rgba(0,0,0, .2); border-top: 1px solid rgba(255,255,255, .1);}
#nav li:last-child a { border-bottom: 0; border-bottom: 1px solid rgba(0,0,0, .2); border-top: 1px solid rgba(255,255,255, .1); }

@media screen and (min-width: 769px) {
  #nav li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

@media screen and (min-width: 769px) {
  #nav a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
	background-image: url("images/hello_bg.png");
  }
}

#nav ul ul a {
  padding-left: 3em;

}

#nav ul ul a:before {
	content: "\F105";
	font-family: FontAwesome;
	padding-right: 5px;
}

#nav ul li li li a {
  padding-left: 5em;

}

#nav ul li li li a:before {
	content: "\F101";
	font-family: FontAwesome;
	padding-right: 5px;
}

#nav ul li li li li a {
  padding-left: 7em;

}

#nav ul li li li li a:before {
  	content: "\F105";
	font-family: FontAwesome;
	padding-right: 5px;

}

@media screen and (min-width: 769px) {
  #nav ul ul a {
    display: none;
  }
}

#nav-toggle {
    background: url("images/hamburger.gif") no-repeat scroll 100% 50% #333;
    float: right;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
	border-bottom: 1px solid #151515;
	border-top: 1px solid #383838;
	margin-bottom: 25px;
}

#nav-toggle:after {

}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}


/* ========================================================================

	Responsive Menu Style

======================================================================== */

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  
}

#nav li {
  width: 100%;
  display: block;

}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

@media screen and (min-width: 769px) {
  .js #nav {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}

/* ========================================================================

	Extra Bottom Navigation

======================================================================== */

#container4 {
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.05);
	border-top: 4px double rgba(0, 0, 0, 0.04);
}

#navcontainer {
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#navcontainer #current {

}

#navcontainer ul {
	margin: 0;
    padding: 0;
    z-index: 100;
	position: relative;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
}

#navcontainer ul li {
    display: inline-block;
    padding: 0;
    position: relative;
    *display: inline;

}

#navcontainer ul li ul {
	display: none;
}

#navcontainer ul a:hover {

}

#navcontainer ul li a {
    display: block;
    padding: 18px;
    text-decoration: none;
}

#navcontainer ul ul {
  	margin: -1px 0 0 -1px;
  	width: 100%;
  	padding: 0;
}