/***** Import File *****/

@import url("reset.css");
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
@import url("docs.css");


/***** General *****/

html,body {background-color:#ffffff !important; font-family: 'Open Sans', Arial, Helvetica, 'sans-serif'; font-weight:400;
color:#333; font-size:14px; line-height: 20px; padding: 0px;}

h1{font-family: 'Open Sans', sans-serif; font-weight:300;
color:#333; font-size:30px}

h2{font-family: 'Open Sans', Arial, Helvetica, 'sans-serif'; font-weight:400;
color:#333; font-size:20px; line-height: 28px;}

h3{font-family: 'Open Sans', Arial, Helvetica, 'sans-serif'; font-weight:700;
color:#395ea0; font-size:18px}

p{font-family: 'Open Sans', Arial, Helvetica, 'sans-serif'; font-weight:400;
color:#333; font-size:13px; line-height: 20px;}


a { 
	color:#395ea0;
	font-family: 'Open Sans', Arial, Helvetica, 'sans-serif';
	font-weight: 400;
}

a:hover, #top a:hover {
    color: #666666;
    /* text-decoration: none; */
}

a:hover i {
		text-decoration: none !important;
}

.left { float:left;}
.right {float:right;}
.center{ text-align:center;}
.divider{ width:100%; min-height:1px; margin-top:20px; margin-bottom:20px;  display:inline-block; position:relative;}
.divider-strip{padding-bottom:0px;  display:inline-block; position:relative; background:url(../images/line.png) 0 50% repeat-x; margin-bottom:15px;}

.divider-strip h1, .divider-strip h3, h3.widget-title, h2.widgettitle {
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0 20px 0 0;
}

h3.widget-title, h2.widgettitle {
    border-bottom: 1px dotted #E3E3E8;
    color: #333;
    display: block;
    float: none;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.divider-strip.author h3{ text-transform:capitalize;}
.strip-lines{border-bottom:1px #e3e3e8 solid;}
.divider-post{min-height:1px; margin-top:15px; margin-bottom:45px;  display:inline-block; position:relative; border-bottom:1px #e3e3e8 solid;}
.strip-block em{ font-size:16px;}
.no-float{ float:none;}
.no-padding-lr{ padding-left:0; padding-right:0;}
.margin-right{ margin-right:19px}
a, img , button { outline: none; }
.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;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
border: 0;
}
button{ border:none}

section{ padding-top:40px;}

/***** Typography & Element *****/

/*
#pagehead > h2 [class*="word"]:last-child, h2.widgettitle [class*="word"]:last-child {
  color: #666;
}
*/

.alignleft {float:left;margin: 10px 20px 10px 0;}
.alignright {float:right;margin: 10px 0 10px 20px}
.aligncenter {display: block;margin: 10px auto 10px auto;}
.imageLeft {float: left;margin: 5px 20px 0 0;}
.imageRight {float: right;margin: 5px  0 0 20px;}

.icon-left {
	background-color: #395EA0;
	border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    float: left;
    height: 40px;
    padding: 3px;
    margin-bottom: 50px;
    margin-right: 10px;
    width: 40px;
}

.icon-center {
	background-color: #395EA0;
	border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    height: 40px;
    padding: 3px;
    margin: 10px auto;
    width: 40px;
}

.round {
	border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.wp-caption-text {display:block;text-align:center;padding:7px 0 10px;}

a.read-more {
    display: block;
    font-size: 14px;
    font-style: italic;
    padding-top: 5px;
    text-align: right;
    margin-bottom: 20px;
}

a.read-more i {
	font-size: 16px;
	vertical-align: top;
}

img.featured {
	border: 10px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.15);
}

/***** Header *****/

.header {
	background: none repeat scroll 0 0 #FFFFFF;
    height: 75px;
    /* overflow: hidden; */
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 999;
}

.header .span3 {
	padding-top: 5px;
}
  

.strip-line{border-bottom:1px #e3e3e8 solid; height:103px;}
a.logo{ height:50px; display:block; margin:15px 0 0 0; padding:10px 0 0 0; }

#top-search .form-search{ 
	margin:4px 10px 0 0; 
	float:right;
}

#top-search .form-search label {
	text-indent: -9999px;
	width: 0px;
}

#searchform{ 
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	margin-bottom:0;
}

input.search-query  { 
    background: url("../images/search-icon.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0px;
    box-shadow: none;
    color: #FFFFFF;
    height: 20px;
    padding: 5px 15px 5px 30px;
    margin-top: -1px;
    text-align: right;
    width: 80px;
}

#searchform input[type="text"]:focus {
	width: 200px;	
}


/***** Main Nav *****/

nav select{ display:none; width:100%;}
nav ul.menu {margin: 10px 0 0; float:right;}
nav ul.menu li:hover { visibility: inherit; }
nav ul.menu li {float:left;position:relative; margin-left:1px;}
nav ul.menu li > a{
	border: 1px solid transparent;
	display: block;
	margin:10px 0;
	padding: 10px;
	font-size:13px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	color: #333;
}


/*
nav > ul.menu > li:first-child > a {
	padding-left: 0px;
}

nav > ul.menu > li:last-child > a {
	padding-right: 0px;
}
*/

	
nav ul.menu li a:hover,nav ul.menu li a:active, nav ul li.current-menu-item > a,nav ul li.current-menu-parent > a,nav ul li.current_page_parent > a{
	/*
	color: #e16652;
	border: none;
	*/
	text-decoration: none;
}

nav ul.menu li ul li a {
	font-size: 12px;
}

nav ul.menu li ul li a:hover,.menu li ul li.sfHover > a,nav ul.menu li ul li ul li a:hover { 
	padding-left:12px; 
	text-decoration: none;
}

nav ul.menu li.sfHover > a {
	background:#FCFBF9;
	border: 1px solid #F8F7F4;
	border-bottom: none;
	box-shadow: 1px 1px 1px #F7F5F2;
}

nav ul.menu li.sfHover > a:hover{
	text-decoration: none;
	
}
nav ul.menu li a em { display:block; margin:0 0 0 5px; text-transform:none;font-weight: 400;font-family: 'Open Sans', sans-serif; font-size:10px; line-height:11px}

/*
nav ul.menu li a{font-family: 'Open Sans Condensed', 'sans serif'; font-weight:700;
font-size:18px;color:#395ea0;}
nav ul.menu li a:hover{color:#4D90DF;background-color:}
nav ul li.current-menu-item > a,nav ul li.current-menu-parent > a,nav ul li.current_page_parent > a{color:#4D90DF}
nav ul.menu li ul li a{background:#4d4d4d;color:#ccc;}
nav ul.menu li ul li a:hover{background:#6f7072;color:#f8f8f8;}
nav ul.menu li ul li{background-color:#6f7072;}
nav ul.menu li.sfHover > a{color:#ccc;}
nav ul.menu li.sfHover > a:hover{color:#f8f8f8;}
nav ul.menu li.sfHover > a:hover,nav ul.menu li.sfHover > a{background-color:#4d4d4d;}
*/

/***** Sub-Menu *****/

nav ul.menu li:hover li ul, nav ul.menu li.sfHover li ul {top:-9999px;}
nav ul.menu li:hover ul, nav ul.menu li.sfHover ul {left:0px;top:50px;z-index:9999;}
nav ul.menu li li:hover ul, nav ul.menu li li.sfHover ul {left:160px;top:0;}
nav ul.menu ul {
	
	background-color: #FCFBF9;
    border: 1px solid #F8F7F4;
    border-top: none;
    box-shadow: 1px 1px 1px #F7F5F2;
	position:absolute;
	top:-9999px;
	width: 200px;
	margin-left:0; 
	padding-top: 10px;
	z-index:9999;	
}
nav ul.menu li ul li{padding: 0 0 1px 0;width:100%; margin:0;}
nav ul.menu li ul li.sfHover,nav ul.menu li ul li.sfHover a{border-top:none; margin-top:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

nav ul.menu li ul li a {
    background: none repeat scroll 0 0 #FCFBF9;
    border-bottom: 1px solid #F8F7F4;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    color: #474747;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 8px 10px;
}

nav ul.menu li ul li a:hover{
	color: #FFF;
	background:#395ea0; 
}

/***** Side-Menu *****/


.scroll-side {
	margin-left: 40px;
	margin-top: -15px; /* To adjust aside container */
}

 {
	
}

aside, .scroll-side > span {
	background-color: #FCFBF9;
	border: 1px solid #F8F7F4;
	display: block;
	-webkit-box-shadow: 1px 1px 1px #F7F5F2;
	-moz-box-shadow: 1px 1px 1px #F7F5F2;
	box-shadow: 1px 1px 1px #F7F5F2;
	padding: 15px 15px 20px;
}

aside .menu, .scroll-side > span .menu {
	margin:0;
	padding: 0;
}

aside .menu > li > a, .scroll-side > span .menu > li > a {
	display: block;
	margin: 0 0 -1px;
	padding: 5px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;	
}
	
aside .menu i, .scroll-side > span .menu i {
	float: left;
    margin-left: -3px;
    margin-right: 10px;
    margin-top: 0;
}

/*
aside .menu > li > a:hover {
	background-color: #f5f5f5;
}

aside .menu a:hover i {
	opacity: .7;
}
*/


.scroll-side.affix {top: 30px;}
.scroll-side.affix-bottom {position: absolute;top: auto;bottom: 300px;}
#menu-coe-side-navigation.menu li.current-menu-item .icon-chevron-right{opacity: .7;}


/***** Home Page *****/

.home .post-title {
	margin: 5px 0 0;
}

.home .divider-post {
    border-bottom: none;
    margin-bottom: 15px;
}


#student-resources {
	background: url(../images/resource-bg.jpg) repeat-x center top #777;
}

#student-resources .span4 {
    display: block;
    height: 310px;
}

#student-resources .span4 > a > img {
    display: block;
    /* margin: 0 auto; */
    position: relative;
    top: -80px;
    -webkit-transition: top 0.4s ease 0s;
     -moz-transition: top 0.4s ease 0s;
      -ms-transition: top 0.4s ease 0s;
       -o-transition: top 0.4s ease 0s;
          transition: top 0.4s ease 0s;
}

#student-resources .span4 > a > img:hover {
	top: -90px;
}

#student-resources .span4 > span {
    clear: both;
    display: block;
    margin-bottom: 0px;
    position: relative;
    top: -70px;
}

#student-resources .span4 > span .widget-title {
	display: none;
}

#student-resources .span4 > span a {
	color: #FFFFFF;
	display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 5px;
}

/*
#student-resources .span4 > span a:hover {
	padding-left: 15px;
}
*/

#student-resources .span4 > span a i {
	left: -10px;
	position: relative;
}

#student-resources .span4 > span a i:hover {
	text-decoration: none;
}

#student-resources .span4 > span ul {
	border-right: 1px dotted #b2b5c2;
}

#student-resources .span4:last-child > span ul {
	border-right: none;
}

/***** Resource Page Styles *****/

#resource-banner {
	background: url("../images/resource-banner.jpg") center top #165ba3;
	height: 490px;
}

#resource-banner .container {
	padding-top: 110px;
}

#resource-banner h1 {
	
}

#resource-banner h1, #resource-banner h2, #resource-banner p, #resource-banner p a {
	color: #FFF;
}

#resource-banner h2 {
	margin-top: 15px;
}

#resource-banner p a {
	text-decoration: underline; 
}

#resource-banner .span7 {
	position: relative;
}

#resource-banner .button {
	margin-top: 25px;
    color: #395EA0;
    text-decoration: none;
}

#resource-banner img.featured {
	right: 20px;
	top: 25px;
	position: absolute;
	z-index: 10;
	width: 90%;
}

#resource-banner img.featured.rotate {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.1);
	z-index: 5;
}

#resource-content {
	margin-bottom: 20px;
}

#resource-content .post-title {
	margin-bottom: 10px;
}

#resource-content .post-title.inline {
	display: inline-block;
	width: 17%;
	padding: 0 20px 20px;
}

/***** Department Page Styles *****/

#department-banner {
	background: url("../images/resource-banner.jpg") center top #165ba3;
	height: 555px;
}

#department-banner #slider-top {
	height: 375px;
}

#department-banner .flexslider .slides > li {
	min-height: 350px;
}

#department-banner .flex-control-nav {
	display: none;
}

#department-banner > .container {
	padding-top: 110px;
}

#department-banner h1, #department-banner h2, #department-banner p, #department-banner p a {
	color: #FFF;
}

#department-banner h2 {
	margin-top: 60px;
}

#department-banner h5, #department-banner h5 a {
	color: #FFF;
}
	
#department-banner p a {
	text-decoration: underline; 
}

#department-banner img.featured {
    border: 8px solid #FFFFFF;
    width: auto;
}

#department-banner .span7 {
	position: relative;
}

#department-banner .menu {
	
}

#department-banner .menu .menu-item {
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    line-height: 12px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}

#department-banner .menu .menu-item:first-child {
	padding-left: 0;
}

#department-banner .menu .menu-item:last-child {
	border-right: 0;
}

#department-banner .widget-title {
	display: none;
}

#department-banner .menu a {
	color: #FFF;
}

#department-banner .button {
	margin-top: 25px;
    color: #395EA0;
    text-decoration: none;
}

#department-banner img.featured {
	/* right: 20px; */
	top: 35px;
	position: absolute;
	z-index: 10;
	padding: 0;
}

#department-banner img.featured.rotate {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.1);
	z-index: 5;
}

#department-content {
	
}

#department-content .post-title {
	margin-bottom: 10px;
}




#department-resources {
	background: url(../images/resource-bg.jpg) repeat-x center top #777;
}

#department-resources .span4 {
    display: block;
    height: 225px;
}

#department-resources .span4 > a > img {
    display: block;
    /* margin: 0 auto; */
    margin: 25px 0 5px;
    position: relative;
    top: 0px;
    -webkit-transition: top 0.4s ease 0s;
     -moz-transition: top 0.4s ease 0s;
      -ms-transition: top 0.4s ease 0s;
       -o-transition: top 0.4s ease 0s;
          transition: top 0.4s ease 0s;
}

#department-resources .span4 > a > img:hover {
	top: -10px;
}

#department-resources .span4 > a:hover {
	text-decoration: none;
}

#department-resources .span4 span {
	color: #FFFFFF;
	clear: both;
    display: block;
    font-size: 14px;
    text-align: center;
}

/*
#department-resources .span4 > span {
    clear: both;
    display: block;
    margin-bottom: 0px;
    position: relative;
    top: -70px;
}

#department-resources .span4 > span .widget-title {
	display: none;
}

#department-resources .span4 > span a {
	color: #FFFFFF;
	display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 5px;
}


#department-resources .span4 > span a:hover {
	padding-left: 15px;
}


#department-resources .span4 > span a i {
	left: -10px;
	position: relative;
}

#department-resources .span4 > span a i:hover {
	text-decoration: none;
}

#department-resources .span4 > span ul {
	border-right: 1px dotted #b2b5c2;
}

#department-resources .span4:last-child > span ul {
	border-right: none;
}

*/


/***** Development Page Styles *****/

#development-banner {
	background: url("../images/resource-banner.jpg") center top #165ba3;
	height: 555px;
}

#development-banner .container {
	padding-top: 110px;
}

#development-banner h1, #development-banner h2, #development-banner p, #development-banner p a {
	color: #FFF;
}

#development-banner h2 {
	margin-top: 60px;
}

#development-banner h5, #development-banner h5 a {
	color: #FFF;
}
	
#development-banner p a {
	text-decoration: underline; 
}

#development-banner img.featured {
    border: 8px solid #FFFFFF;
}

#development-banner .span7 {
	position: relative;
}

#development-banner .menu {
	
}

#development-banner .menu .menu-item {
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    line-height: 12px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}

#development-banner .menu .menu-item:first-child {
	padding-left: 0;
}

#development-banner .menu .menu-item:last-child {
	border-right: 0;
}

#development-banner .widget-title {
	display: none;
}

#development-banner .menu a {
	color: #FFF;
}

#development-banner .button {
	margin-top: 25px;
    color: #395EA0;
    text-decoration: none;
}

#development-banner img.featured {
	/* right: 20px; */
	top: 35px;
	position: absolute;
	z-index: 10;
}

#development-banner img.featured.rotate {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.1);
	z-index: 5;
}
#development-content {
	background: url("../images/resource-banner.jpg") center -20px #165ba3;
	height: 84px;
}

#development-content h1 {
	color: #FFF;
	margin-top: 22px;
}


#development-resources {
	background: url(../images/resource-bg.jpg) repeat-x center top #777;
}

#development-resources .span4 {
    display: block;
    height: 255px;
}

#development-resources .span4 > a > img {
    display: block;
    /* margin: 0 auto; */
    margin: 25px 0 5px;
    position: relative;
    top: 0px;
    -webkit-transition: top 0.4s ease 0s;
     -moz-transition: top 0.4s ease 0s;
      -ms-transition: top 0.4s ease 0s;
       -o-transition: top 0.4s ease 0s;
          transition: top 0.4s ease 0s;
}

#development-resources .span4 > a > img:hover {
	top: -10px;
}

#development-resources .span4 span {
	color: #FFFFFF;
	clear: both;
    display: block;
    font-size: 14px;
    text-align: center;
}


/***** Page Styles *****/


#pagehead, #pagehead-2 {
	margin-bottom: 25px;
    padding: 0;
	border-bottom:1px #e3e3e8 dotted;
}

#pagehead h1 small , #pagehead-2 h1 small{ font-weight:400; text-transform:lowercase; line-height:35px;}


#pagehead h2, #pagehead-2 h2{
	font-weight:400;
	color:#333; 
	font-size:20px;
	line-height: 28px;
	margin: 0 0 10px;
}

#pagehead-2 h2 {
	margin-top: 25px;
}

#breadcrumbs {
	color: #FFF;
    list-style:none;
    font-size: 14px;
    margin:10px 0;
    max-height: 40px;
    overflow:hidden;
}
 
#breadcrumbs a {
	color: #FFF;
}
 
#breadcrumbs span.sep {
	margin: 0 5px;
}

#breadcrumbs span.trail-end {
	display: none;
}

#default-banner {
	background: url("../images/resource-banner.jpg") center -200px #165ba3;
	height: 220px;
}

#default-banner .container {
	padding-top: 110px;
}

#default-banner h1, #default-banner h2, #default-banner p {
	color: #FFF;
}

#default-banner h1 {
    height: 40px;
    overflow: hidden;
}

.inner img.featured {
	margin-top: -15px;
	margin-bottom: 25px;
}

.inner article h2 {
    padding: 0 0 10px;
	border-bottom:1px #e3e3e8 dotted;
	font-weight:400;
	color:#333; 
	font-size:20px;
	line-height: 28px;
	margin: 20px 0 10px;
}

.inner article h2:first-child {
	margin-top: 0px;
}

#content_page img.featured {
	margin-bottom: 15px;
}




/***** Blog post *****/

.blog-home h3{ margin-top:10px;}
.blog-home .carousel{ margin-bottom:0;}
.meta{ text-align:center;}
.blog-meta hr{ margin:5px 0;}

.meta .data {
    background-color: #395ea0;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    height: 46px;
    width: 46px;
}

.blog-meta .data .day{ 
	color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 7px;
}

.blog-meta .data .month{ 
	color: #FFFFFF;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
}

.blog-meta .data .year{ font-weight:400;color:#577088; padding:5px 0;font-size:14px }
.post-format span{display:block; background:#577088 url(../images/post-format-sprite.png) 50% 40px no-repeat; margin-bottom:10px;}
.blog-meta .post-format span{ height:40px; display:block; background:#4D90DF url(../images/post-format-sprite.png) 50% 40px no-repeat; margin:0px auto 10px auto;}
.format-aside .post-format span { background-position: 50% 0;}
.format-audio .post-format span{ background-position: 50% -40px;}
.format-chat .post-format span{ background-position: 50% -80px;}
.format-standard .post-format span{ background-position: 50% -120px;}
.format-gallery .post-format span{ background-position: 50% -160px;}
.format-link .post-format span{ background-position: 50% -200px;}
.format-quote .post-format span{ background-position: 50% -240px;}
.format-status .post-format span{ background-position: 50% -280px;}
.format-video .post-format span{ background-position: 50% -320px;}
.format-image .post-format span{ background-position: 50% -360px;}

.addthis_counter{ margin:0 auto; float:none;}

.post-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
}

#blog_page .type-post img{ margin-bottom:30px;}

.entry-header{ 
	font-size:12px; 
	text-transform: capitalize;
	color: #17468e;
}


.entry-info {
    color: #777777;
    display: inline-block;
    font-size: 11px;
    font-style:italic;
    position: relative;
    text-transform: capitalize;
}

/*
.entry-info span{ font-size:10px; color: #777777;}

.entry-info span a,.entry-info a { font-weight:700; font-style:normal;font-size:12px}
*/

.entry-content{ 
	margin-top:15px;
	font-size: 13px;
}
.entry-content p{ 
	margin-bottom: 10px;
}
.entry-content a {
  font-weight:700;
  font-style:normal;
  font-size:13px;
}


.tagcloud{ margin: 0;}
.tagcloud a { font-size:12px;padding:5px; display: inline-block; text-transform:lowercase; margin:0 1px 3px 0; border:1px #e0e0e0 solid;}
.home-p p{ margin-bottom:0;}
.blog-quote blockquote{ font-style:italic;font-size:16px; background:url(../images/quote.png) 95% 90% no-repeat;}
.blog-quote blockquote small{ font-style: normal; font-weight:700; margin-top:20px; font-size:16px;}

.edit-link {
	margin-left: 20px;
}

/***** Featured Post *****/

.featured-post img.featured {
	border: 0;
	box-shadow: none;
	margin: 0 10px 10px 0;
}

/***** Search Page *****/

#search_page {
    padding-top: 20px;
}

#search_page article h4 {
	font-weight: 400;
	padding: 15px 0 0;
}

#search_page .entry-info {
	display: none;
}

#search_page .pagination {
	margin-top: 20px;
}

/***** Sidebar *****/

.widget ul{ margin-left:0 !important;}

.navigation{float:left;}
.pagenavi > a,.pagenavi > span { margin-right:3px;}
#blog_page .pagenavi span.current,#blog_page #commentform button{ color:#f8f8f8}
.pagenavi .pages { display:none;}
.w-recentpost{ margin-left:0;}
.w-recentpost li{ margin-bottom:10px; display: inline-block;}
.w-recentpost li img{padding: 3px; background:#e3e3e8;}
.coe_latest_portfolio{ margin-left:0;display:inline-block; margin-bottom:0;}
footer .flickr_badge_image{ float: left; margin: 0 5px 5px 0; padding: 2px; background:#262626;}
.flickr_badge_image img {height: 51px;width: 51px;}
.flickr_badge_image,.coe_latest_portfolio li{float: left; margin: 0 5px 5px 0; padding: 2px; background:#e3e3e8;}
.flickr{ display:inline-block;}
.flickr_badge_image{ float: left; margin: 0 5px 5px 0; padding: 2px; background:#e3e3e8;}
.coe-acc-widget li a,.coe-recent-posts li a,.coe-tab-widget li a{ font-size:13px;font-family: 'Open Sans',sans,serif; line-height:12px; font-weight:700;}
.coe-acc-widget li span,.coe-recent-posts li span,.coe-acc-widget li span a,.coe-recent-posts li span a,.coe-tab-widget li span a,.coe-tab-widget li span   {font-size:12px;font-family: 'Open Sans',sans,serif; font-weight:400;color: #999999;}
.coe-acc-widget li span a,.coe-recent-posts li span a ,.coe-tab-widget li span a  {font-size:12px;font-family: 'Open Sans',sans,serif; font-weight:700;color: #999999;}
.accordion-group,.nav-tabs > li > a{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; font-weight:400}

/***** Hack Bootstrap*****/

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: none;
    box-shadow: none;
    outline: 0 none;
}

/***** Social link*****/

ul.socicon {margin:20px 0 0 0; height:26px; overflow:hidden;}
ul.socicon-2.top-w {margin:4px 0; width:33px; height:33px; overflow:hidden;}
ul.socicon li{ display:block; padding:0; margin:0 0 0 4px; float:left;}
ul.socicon li a{ width:26px; height:26px; display:block; padding:0; margin:0;}
ul.socicon li a.dribbble { background:url(../images/social/dribbble_dark.png) 0 0 no-repeat;}
ul.socicon li a.facebook { background:url(../images/social/facebook_dark.png) 0 0 no-repeat;}
ul.socicon li a.twitter { background:url(../images/social/twitter_dark.png) 0 0 no-repeat;}
ul.socicon li a.flickr { background:url(../images/social/flickr_dark.png) 0 0 no-repeat;}
ul.socicon li a.linkedin { background:url(../images/social/in_dark.png) 0 0 no-repeat;}
ul.socicon li a.vimeo{ background:url(../images/social/vimeo_dark.png) 0 0 no-repeat;}
ul.socicon li a.google{ background:url(../images/social/google_dark.png) 0 0 no-repeat;}
ul.socicon li a.share-icon{ background:url(../images/social/share-icon.png) 0 0 no-repeat;}
ul.socicon li.last{ margin-right:0;}
/*
ul.socicon-2 {
	margin: 0 0 20px;
	height:33px;
}
*/

ul.socicon-2 li{ 
	display: inline-block; 
	padding: 0;
/* 	margin:0 0 25px;  */
}

ul.socicon-2 li span {
	display: none;
}

a.soc-follow{ 
	border-radius: 50px;
	width:33px; 
	height:33px; 
	display:block; 
	padding:0; 
	margin:0 2px 2px 0; 
	float:left;
}

a.soc-follow.dribbble { background:#c2c2c2 url(../images/social/dribbble.png) 0 0 no-repeat;}
a.soc-follow.facebook { background:#c2c2c2 url(../images/social/facebook.png) 0 0 no-repeat;}
a.soc-follow.twitter { background:#c2c2c2 url(../images/social/twitter.png) 0 0 no-repeat;}
a.soc-follow.flickr { background:#c2c2c2 url(../images/social/flickr.png) 0 0 no-repeat;}
a.soc-follow.linkedin { background:#c2c2c2 url(../images/social/linkedin.png) 0 0 no-repeat;}
a.soc-follow.vimeo{ background:#c2c2c2 url(../images/social/vimeo.png) 0 0 no-repeat;}
a.soc-follow.google{ background:#c2c2c2 url(../images/social/google+.png) 0 0 no-repeat;}
a.soc-follow.ember{ background:#c2c2c2 url(../images/social/ember.png) 0 0 no-repeat;}
a.soc-follow.evernote{ background:#c2c2c2 url(../images/social/evernote.png) 0 0 no-repeat;}
a.soc-follow.forrst{ background:#c2c2c2 url(../images/social/forrst.png) 0 0 no-repeat;}
a.soc-follow.github{ background:#c2c2c2 url(../images/social/github.png) 0 0 no-repeat;}
a.soc-follow.last-fm{ background:#c2c2c2 url(../images/social/last-fm.png) 0 0 no-repeat;}
a.soc-follow.paypal{ background:#c2c2c2 url(../images/social/paypal.png) 0 0 no-repeat;}
a.soc-follow.rss{ background:#c2c2c2 url(../images/social/rss.png) 0 0 no-repeat;}
a.soc-follow.sharethis{ background:#c2c2c2 url(../images/social/sharethis.png) 0 0 no-repeat;}
a.soc-follow.skype{ background:#c2c2c2 url(../images/social/skype.png) 0 0 no-repeat;}
a.soc-follow.tumblr{ background:#c2c2c2 url(../images/social/tumblr.png) 0 0 no-repeat;}
a.soc-follow.wordpress{ background:#c2c2c2 url(../images/social/wordpress.png) 0 0 no-repeat;}
a.soc-follow.yahoo{ background:#c2c2c2 url(../images/social/yahoo.png) 0 0 no-repeat;}
a.soc-follow.youtube{ background:#c2c2c2 url(../images/social/youtube.png) 0 0 no-repeat;}
a.soc-follow.zerply{ background:#c2c2c2 url(../images/social/zerply.png) 0 0 no-repeat;}
a.soc-follow.aim{ background:#c2c2c2 url(../images/social/aim.png) 0 0 no-repeat;}
a.soc-follow.behance{ background:#c2c2c2 url(../images/social/behance.png) 0 0 no-repeat;}
a.soc-follow.digg{ background:#c2c2c2 url(../images/social/digg.png) 0 0 no-repeat;}
a.soc-follow.instagram{ background:#c2c2c2 url(../images/social/instagram.png) 0 0 no-repeat;}
a.soc-follow.rss:hover{ background-color:#f8bc2e}
a.soc-follow.dribbble:hover{ background-color:#d97aa5}
a.soc-follow.facebook:hover{ background-color:#39599f}
a.soc-follow.twitter:hover{ background-color:#45b0e3}
a.soc-follow.flickr:hover{ background-color:#ff0084}
a.soc-follow.linkedin:hover{ background-color:#65b7d2}
a.soc-follow.vimeo:hover{ background-color:#7edde8}
a.soc-follow.google:hover{ background-color:#1872bf}
a.soc-follow.ember:hover{ background-color:#ffb244}
a.soc-follow.evernote:hover{ background-color:#f8bc2e}
a.soc-follow.forrst:hover{ background-color:#1c8328}
a.soc-follow.github:hover{ background-color:#f8bc2e}
a.soc-follow.last-fm:hover{ background-color:#f40909}
a.soc-follow.paypal:hover{ background-color:#f8bc2e}
a.soc-follow.sharethis:hover{ background-color:#3ea04a}
a.soc-follow.skype:hover{ background-color:#00c6ff}
a.soc-follow.tumblr:hover{ background-color:#f8bc2e}
a.soc-follow.wordpress:hover{ background-color:#f8bc2e}
a.soc-follow.yahoo:hover{ background-color:#f8bc2e}
a.soc-follow.youtube:hover{ background-color:#e70031}
a.soc-follow.zerply:hover{ background-color:#f8bc2e}
a.soc-follow.aim:hover{ background-color:#f8bc2e}
a.soc-follow.behance:hover{ background-color:#f8bc2e}
a.soc-follow.digg:hover{ background-color:#b2b2b2}
a.soc-follow.instagram:hover{ background-color:#517FA4}
footer a.soc-follow { background-color:#262626}
footer a.soc-follow.rss:hover{ background-color:#f8bc2e}
footer a.soc-follow.dribbble:hover{ background-color:#d97aa5}
footer a.soc-follow.facebook:hover{ background-color:#39599f}
footer a.soc-follow.twitter:hover{ background-color:#45b0e3}
footer a.soc-follow.flickr:hover{ background-color:#ff0084}
footer a.soc-follow.linkedin:hover{ background-color:#65b7d2}
footer a.soc-follow.vimeo:hover{ background-color:#7edde8}
footer a.soc-follow.google:hover{ background-color:#1872bf}
footer a.soc-follow.ember:hover{ background-color:#ffb244}
footer a.soc-follow.evernote:hover{ background-color:#f8bc2e}
footer a.soc-follow.forrst:hover{ background-color:#1c8328}
footer a.soc-follow.github:hover{ background-color:#f8bc2e}
footer a.soc-follow.last-fm:hover{ background-color:#f40909}
footer a.soc-follow.paypal:hover{ background-color:#f8bc2e}
footer a.soc-follow.sharethis:hover{ background-color:#3ea04a}
footer a.soc-follow.skype:hover{ background-color:#00c6ff}
footer a.soc-follow.tumblr:hover{ background-color:#f8bc2e}
footer a.soc-follow.wordpress:hover{ background-color:#f8bc2e}
footer a.soc-follow.yahoo:hover{ background-color:#f8bc2e}
footer a.soc-follow.youtube:hover{ background-color:#e70031}
footer a.soc-follow.zerply:hover{ background-color:#f8bc2e}
footer a.soc-follow.aim:hover{ background-color:#f8bc2e}
footer a.soc-follow.behance:hover{ background-color:#f8bc2e}
footer a.soc-follow.digg:hover{ background-color:#b2b2b2}
footer a.soc-follow.instagram:hover{ background-color:#517FA4}
#top a.soc-follow { background-color:#262626}
#top a.soc-follow.dribbble { background: url(../images/social/dribbble.png) 0 0 no-repeat;}
#top a.soc-follow.facebook { background: url(../images/social/facebook.png) 0 0 no-repeat;}
#top a.soc-follow.twitter { background: url(../images/social/twitter.png) 0 0 no-repeat;}
#top a.soc-follow.flickr { background: url(../images/social/flickr.png) 0 0 no-repeat;}
#top a.soc-follow.linkedin { background: url(../images/social/linkedin.png) 0 0 no-repeat;}
#top a.soc-follow.vimeo{ background: url(../images/social/vimeo.png) 0 0 no-repeat;}
#top a.soc-follow.google{ background: url(../images/social/google+.png) 0 0 no-repeat;}
#top a.soc-follow.ember{ background: url(../images/social/ember.png) 0 0 no-repeat;}
#top a.soc-follow.evernote{ background: url(../images/social/evernote.png) 0 0 no-repeat;}
#top a.soc-follow.forrst{ background: url(../images/social/forrst.png) 0 0 no-repeat;}
#top a.soc-follow.github{ background: url(../images/social/github.png) 0 0 no-repeat;}
#top a.soc-follow.last-fm{ background: url(../images/social/last-fm.png) 0 0 no-repeat;}
#top a.soc-follow.paypal{ background: url(../images/social/paypal.png) 0 0 no-repeat;}
#top a.soc-follow.rss{ background: url(../images/social/rss.png) 0 0 no-repeat;}
#top a.soc-follow.sharethis{ background: url(../images/social/sharethis.png) 0 0 no-repeat;}
#top a.soc-follow.skype{ background: url(../images/social/skype.png) 0 0 no-repeat;}
#top a.soc-follow.tumblr{ background: url(../images/social/tumblr.png) 0 0 no-repeat;}
#top a.soc-follow.wordpress{ background: url(../images/social/wordpress.png) 0 0 no-repeat;}
#top a.soc-follow.yahoo{ background: url(../images/social/yahoo.png) 0 0 no-repeat;}
#top a.soc-follow.youtube{ background: url(../images/social/youtube.png) 0 0 no-repeat;}
#top a.soc-follow.zerply{ background: url(../images/social/zerply.png) 0 0 no-repeat;}
#top a.soc-follow.aim{ background: url(../images/social/aim.png) 0 0 no-repeat;}
#top a.soc-follow.behance{ background: url(../images/social/behance.png) 0 0 no-repeat;}
#top a.soc-follow.digg{ background: url(../images/social/digg.png) 0 0 no-repeat;}
#top a.soc-follow.instagram{ background: url(../images/social/instagram.png) 0 0 no-repeat;}
.post-format span{background:#4D90DF url(../images/post-format-sprite.png) 50% 40px no-repeat;}
#top a.soc-follow.rss:hover{ background-color:#f8bc2e}
#top a.soc-follow.dribbble:hover{ background-color:#d97aa5}
#top a.soc-follow.facebook:hover{ background-color:#39599f}
#top a.soc-follow.twitter:hover{ background-color:#45b0e3}
#top a.soc-follow.flickr:hover{ background-color:#ff0084}
#top a.soc-follow.linkedin:hover{ background-color:#65b7d2}
#top a.soc-follow.vimeo:hover{ background-color:#7edde8}
#top a.soc-follow.google:hover{ background-color:#1872bf}
#top a.soc-follow.ember:hover{ background-color:#ffb244}
#top a.soc-follow.evernote:hover{ background-color:#f8bc2e}
#top a.soc-follow.forrst:hover{ background-color:#1c8328}
#top a.soc-follow.github:hover{ background-color:#f8bc2e}
#top a.soc-follow.last-fm:hover{ background-color:#f40909}
#top a.soc-follow.paypal:hover{ background-color:#f8bc2e}
#top a.soc-follow.sharethis:hover{ background-color:#3ea04a}
#top a.soc-follow.skype:hover{ background-color:#00c6ff}
#top a.soc-follow.tumblr:hover{ background-color:#f8bc2e}
#top a.soc-follow.wordpress:hover{ background-color:#f8bc2e}
#top a.soc-follow.yahoo:hover{ background-color:#f8bc2e}
#top a.soc-follow.youtube:hover{ background-color:#e70031}
#top a.soc-follow.zerply:hover{ background-color:#f8bc2e}
#top a.soc-follow.aim:hover{ background-color:#f8bc2e}
#top a.soc-follow.behance:hover{ background-color:#f8bc2e}
#top a.soc-follow.digg:hover{ background-color:#b2b2b2}
#top a.soc-follow.digg:instagram{ background-color:#517FA4}

.share{ background:#f8f8f8; padding-top:10px; padding-bottom:10px;margin-left: 20px; margin-top:30px;}
.share ul.socicon-2 { margin:0px; padding:0; height:25px; margin-right:0px;}
.share ul.socicon-2 li{ float:left;  margin-right:10px;}
.share ul.socicon-2 li a.soc-follow{ width:25px; height:25px;background-size: 24px 24px; margin:0;}
.share h3{ float:left; margin:3px 0 0 20px; line-height:18px; font-size:18px;}
.team-block a.soc-follow,#top a.soc-follow,#social-contact a.soc-follow{ width:25px; height:25px;background-size: 24px 24px !important; float:right;}
footer a.soc-follow{ margin-top:15px;}

/***** Comments *****/

#comments,#comments h4{font-family:'Open Sans', sans-serif;}
#commentform label{color:#577088;font-size:14px;padding:10px 0 7px;}
#commentform label small{color:#F14A29;}
#comments p{padding-bottom:20px;}
#comments span,#respond-title span{font-size:10px;font-weight:400;display:block;color:#666;}
.commentlist{list-style-type:none;margin:20px 0 40px;}
.pinglist{list-style-type:decimal;margin:20px 0 40px 20px;}
.comment{margin:0 0 10px!important;padding:0!important;}
#commentform input{position:relative;}
#commentform p:last-child{margin-bottom:0!important;}
#respond #submit{width:auto;margin-bottom:0;}
.children{list-style-type:none;margin:10px 0 0 80px;padding:0!important;}
.comment .avatar{float:left;border-right:solid 1px #CCC;margin:0 14px 0 0;padding:0 15px 0 0;}
.comments-pagination{margin:0 0 40px;padding:0;}
.comments-pagination a{font-size:10px;margin:0;}
.author-tag{font-size:12px!important;color:#888;text-transform:uppercase;float:right;line-height:13px;}
.comment-author{margin:-4px 0 0 75px;}
.comment-inner{margin:0 0 0 65px;}
.comment-inner p{margin-bottom:10px!important;}
.comment-meta{margin-top:7px;margin-bottom:15px;font-size:14px;}
.cancel-comment-reply{margin:0 0 20px;}
.comment-author cite{font-weight:700;}
.nocomments{text-align:center;padding:20px;}
.comment-body{background-color:#f8f8f8;position:relative;padding:20px 20px 0;}
a.comment-reply-link{background-color:#e3e3e8;font-size:10px;position:absolute;bottom:10px;right:10px;text-transform:uppercase;padding:0 7px;}
a.comment-reply-link:hover{background-color:#96a9bb;color:#f8f8f8;}
#respond-title,#comments .vcard{font-size:16px;}

/***** Pricing  *****/

#price .block { margin:0 0.1%; width:24.8%;}
#price2 .block { margin:0 0.1%; width:19.8%;}
#price3 .block { margin:0 0.1%; width:16.4%;}
ul.price{margin:0 auto; padding:0; overflow:hidden; position:relative; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
ul.price.best{ margin-top:-10px;-webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; z-index:99;}
ul.price.best li:first-child{ padding-top:30px;}
ul.price.best li:last-child{ padding:20px 0;}
ul.price li { margin:0 ; padding:10px 0; border-bottom:1px #ffffff solid; background:#f8f8f8;text-align:center; position:relative;}
ul.price li.cost{ padding:20px 0; border:none; position:relative; background:#e8e8e8; color:#577088;background-color: #e8e8e8;}
ul.price li.cost h3{ font-size:30px; color:#577088; }
ul.price li.cost p {font-size:36px; margin:20px 0 0 0;font-weight:700;}
ul.price li.cost span {font-size:14px;font-weight:400;}
ul.price.best li.cost { color:#f8f8f8;background-color: #577088;}
ul.price.best li.cost h3 { color:#f8f8f8;}
ul.price.best li.cost p {color:#f8f8f8}
ul.price li a.plus{ width:20px; height:20px; background:url(../images/plus-tabs.png) bottom center no-repeat; display:block; position:absolute; bottom:0; right:1px; z-index:100; cursor:pointer;}
ul.price li.child {background:#eee;}
ul.price li p{font-size:13px; margin:0;}
ul.price li p strong { font-size:14px; font-weight:bold;}
ul.price li:hover{background:#e8e8e8;}
ul.price li.buy {background:#e8e8e8;}

/***** Google map *****/

#google_map{height: 400px; margin-bottom:40px;}
#google_map2{height: 400px;}
#google_map_home{height: 300px;margin-bottom:20px;}

/***** Contact form *****/

#form .error-input {border:1px solid #ffe7a7;}
.sending{margin:0; padding:3px;font-size:15px; display:none; position:absolute; bottom:10px; right:20px;}
.mess {display: none; padding:40px 0 40px 0;}
.mess h3{ padding:10px; font-weight:400;}
#form input,#form textarea{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

/***** Footer *****/


.footers{ 
	background: url('../images/footer-bg.jpg') repeat-x top center #393937; 
	color:#8f8e8e; 
	height: 365px;
	position: relative;
}

footer {
	padding-top: 20px;
}

footer .span {
    margin-left: 1.5%;
    width: 12.75%;
}

footer .textwidget p{color:#8f8e8e;}

footer h5.widget-title {
    border-bottom: 1px dotted #898990;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 8px;
    padding: 0 0 8px;
}

footer .widget{ 
	color: #FFF;
	line-height: 20px;
	font-weight: 400;
	font-size: 10px;
	padding-bottom:0; 
	background-image:none;
}
	
footer .widget li a{ 
	color: #FFF;
	display: block;
	line-height: 14px;
    padding-bottom: 8px;
	font-size: 10px;	
}

footer .copy {
	color: #FFFFFF;
    font-size: 11px;
    padding: 15px 0 10px;
    text-align: center;
    text-shadow: 1px 1px 0 #262626;
}

footer .copy > span {
	vertical-align: top;
}

footer #link-back {
    height: 40px;
    margin: 0 auto;
    padding-left: 20px;
    width: 180px;
}

footer #link-back > a img {
    height: 40px;
    width: 175px;
}

footer .bottom_copy {
    bottom: 30px;
    height: 30px;
    margin-top: -27px;
    /* position: absolute; */
}

footer .bottom_copy .row {
	vertical-align: top;
}

.menu-f { display:inline-block; margin:0;}
.menu-f li{ float:left; margin:0 0 0 5px;}
.menu-f li a { 
	font-size:11px;
	text-shadow:1px 1px 0 #262626;
	color:#FFF;
}

.widget { 
	margin-bottom:20px;
}

#twitter_update_list{ margin:0;}
.tweets{padding:0;font-size:12px; line-height:16px; overflow:hidden;}
.tweets ul li,.tweets p {font-size:15px; line-height:16px;}
.tweets ul li { background:#f8f8f8 url(../images/bird-small.png) 8px 12px no-repeat; padding:10px 10px 10px 35px; margin:0 0 15px 0;-moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.tweets ul li a{font-style:italic; font-weight:bold;font-size:12px; font-weight:400}
footer .tweets{padding:0;font-size:12px; line-height:16px; overflow:hidden;}
footer .tweets ul li,.tweets p {font-size:13px; line-height:14px;}
footer .tweets ul li { background:#262626 url(../images/bird-small.png) 8px 12px no-repeat; padding:10px 10px 10px 35px; margin:0 0 15px 0;-moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
footer .tweets ul li a{font-style:italic; font-weight:bold;font-size:12px;color:#ffe7a7;font-weight:400}

/* Calendar Box Styles */

.calendar-box {
	padding-top: 10px !important;
}

.calendar-box .calendar-cancel {
  background: #395ea0;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
  padding: 5px 10px;
  text-decoration: none;
  border: none;
  width: 100%;
}

.calendar-box table td {
  padding: 4px;
}

.calendar-box .header {
  background: none;
  height: auto;
  overflow: visible;
  position: relative;
  top: auto;
  width: auto;
  z-index: auto;
}

.calendar-box .selected a {
  background-color: #ddd !important;
  margin: 0 auto;
}

.calendar-box .today a {
	margin: 0 auto;
}


/***** Back to Top *****/

#toTop{ display:none !important; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }
#toTopHover{ background:url(../images/ui.totop.png) no-repeat left -50px; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus{ outline:none; }

/***** Dropcap *****/

.dropcap{display:block;float:left;font-size:24px;line-height:30px;text-align:center;width:34px;margin:4px 8px 1px 0; background:#577088; color:#f8f8f8}

/***** Button *****/

.button{
	background: none repeat scroll 0 0 #395ea0;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px;
    outline: medium none;
    padding: 6px 10px;
    text-decoration: none;
}

.button.reverse{
	background: none repeat scroll 0 0 #FFF;
    color: #395ea0;
}

.button:hover, .button:focus{
	color: #666;
	text-decoration: none;
	outline: none;
	/* background: #ffe7a7; */
}

.button:active{color: #ffffff;text-decoration: none;outline: none;}
.button.small{padding: 8px 10px 8px;font-size: 12px;line-height: 12px;}
.button.large{padding: 16px 25px 16px;font-size: 16px;line-height: 16px;}
.button.biglarge{padding: 20px 30px 20px;font-size: 20px;line-height: 20px;}
.button.blue { background: #577088;}
.button.blue:hover { background: #ffe7a7;}

/***** List style *****/

ul.circle li{
  padding: 0 0 1px 14px;
  background: url(../images/circle.png) no-repeat left 2px;
  list-style: none outside none
  ;font-size:13px;
}
ul.square li{
  background: url(../images/square.png) no-repeat left 2px;
  font-size:13px;
  list-style: none outside none;
  padding: 0 0 1px 14px;
}
ul.bullet li{
  background: url(../images/bullet.png) no-repeat left 2px;
  font-size:13px;
  list-style: none outside none;
  padding: 0 0 1px 14px;
}
ul.arrow li{
  background: url(../images/arrow.png) no-repeat left 2px;
  font-size:13px;
  list-style: none outside none;
  padding: 0 0 1px 14px;
}
ol.normal li{
  font-size: 13px;
  list-style-type: decimal;
}
ol.romanl li{
  font-size: 13px;
  list-style-type: lower-roman;
}
ol.romanu li{
  font-size: 13px;
  list-style-type: upper-roman;
}
ol.bigletters li{
  font-size: 13px;
  list-style-type: upper-alpha;
}
ol.smallletters li{
  font-size: 13px;
  list-style-type: lower-alpha;
}
ol.geek li{
  font-size: 13px;
  list-style-type: lower-greek;
}

/***** Message Boxes *****/

.message-box{position: relative;margin: 0 0 20px;padding: 10px 20px;font-size: 14px;line-height: 1.2em;border-width: 1px;border-style: solid;}
.message-box .closemsg{position: absolute;display: block;width: 9px;height: 10px;right: 12px;top: 14px;background-position: 0 0;background-repeat: no-repeat;cursor: pointer;}
.message-box.info{background-color: #dff2fa;color: #2e7893;border-color: #85cfec;}
.message-box.info .closemsg{background-image: url(../images/close-info.png);}
.message-box.note{background-color: #f8f2cb;color: #8f5c0b;border-color: #edca42;}
.message-box.note .closemsg{background-image: url(../images/close-note.png);}
.message-box.confirm{background-color: #e5f2c0;color: #4a630e;border-color: #aacf49;}
.message-box.confirm .closemsg{background-image: url(../images/close-confirm.png);}
.message-box.error{background-color: #ffd4d4;color: #cd0a0a;border-color: #d97676;}
.message-box.error .closemsg{background-image: url(../images/close-error.png);}

/***** Accordion / Toggle *****/

.open-block-acc {float: left;width: 100%;padding: 10px 0 10px 0;margin:0 0 5px 0;background:#eee url(../images/open-close.png) 97% 10px no-repeat;cursor:pointer;}
.open-block-acc span {padding-left: 15px;}
.open-block-acc.active {background:#577088 url(../images/open-close.png) 98% -30px no-repeat; color:#fff;}
.accordion-box {float: left;padding: 10px;}
.toggle-block {float: left;width: 100%;margin:0 0 5px 0;}
.open-block a {display: block;padding: 10px 10px 10px 15px;text-decoration: none;background:#eee url(../images/open-close.png) 97% 10px no-repeat;}
.open-block.active a { background:#577088 url(../images/open-close.png) 98% -30px no-repeat;color:#fff;}
.toggle-box {float: left;padding: 10px;}
.open-block-acc,.open-block{ font-family: 'Open Sans', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;}
.open-block-acc:hover,.open-block a:hover{ background-color:#ddd}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.9s;
     -moz-transition-duration: 0.9s;
      -ms-transition-duration: 0.9s;
       -o-transition-duration: 0.9s;
          transition-duration: 0.9s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.item-block-isotope * {
  position: absolute;
  margin: 0;
  z-index:1;
}

ul.portfolio {
  max-width: 960px;
  margin: 0 auto;
  padding:0;
  border:none;
}

.item-block-isotope .zoomi,.item-block-isotope .linki,.item-block-isotope .info:hover,#change-small .change-select,ul.filter-change li a:hover,ul#portfolio-filter li a:hover,ul.filter-data li a:hover,ul.control-menu li a:hover,.carousel-left:hover,.carousel-right:hover,a.thumbnail:hover,.item-block .desc a:hover,a.comment-reply-link:hover,ul.price li:hover,.button:hover,.button.blue:hover,.btn-success:hover,.open-block-acc:hover,.open-block a:hover ,a.nivo-nextNav:hover,a.nivo-prevNav:hover,.item-block:hover > a.description,#img_z.item-block-isotope:hover > .description,a.soc-follow:hover,#menu-coe-side-navigation.menu li a:hover, nav ul.menu li ul li a:hover, input.search-query {
	-webkit-transition: all 0.6s ease 0s;
     -moz-transition: all 0.6s ease 0s;
      -ms-transition: all 0.6s ease 0s;
       -o-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;}
.item-block-isotope .zoomi:hover,.item-block-isotope .linki:hover,.item-block-isotope .info:hover{ background-color:#ffe7a7;}

/* directory stuff */
.dir-name, .dir-email, .dir-phone {
  float: left;
  margin-left: 6px;
  width: 220px;
}
.dir-title, .dir-dept, .dir-address {
  clear: right;
  overflow: hidden;
  whitespace: nowrap;
}

/* Tables */

td { border: 1px solid #000; }

td:first-child, td:last-child { width:15%; }

/* fix silly Google Custom Search tables */
.gsc-search-box td { border: 0; }

.gsc-table-result td { border: 0; }

.gsc-resultsHeader td { border: 0; }

.gsc-above-wrapper-area-container td { border: 0; }

.gsc-search-box  td:first-child { width:auto; }

.gsc-table-result td:first-child { width:auto; }

.gsc-search-box  td:last-child { width:auto; }

.gsc-table-result td:last-child { width:auto; }

/* fix course tables */
.courset td { border: 0; }

/* Responsive
-------------------------------------------------- */
@media (max-width: 320px) {
#top{ width: 100%; padding:0;}
.info-text,.post-format,.blog-meta    { display: none; }
.nivo-caption,.nivo-directionNav {display:none !important; }
.container{padding-left: 20px;padding-right: 20px;}
#price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;}
#pagehead small,.nivo-caption,.promo-slogan,.promo-slogan-buy{display:none !important;}
.port-info-wrap{ left:0 !important; top:0 !important;}
.port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;}
.port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.basis{ padding:0;}
.basis-footer{padding:0px;}
.blog-meta .data .month{ font-size:7px }
.blog-meta .data .day{ font-size:12px }
.blog-meta .data .year{ font-size:7px }
iframe{ width:100%}
article{ margin-bottom:20px;}
.clients_block .span2{margin-bottom:10px;}
.clients_block > a{ text-align:center; }
footer h3{ display:inline-block}
/* .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} */
.span3.item-block{ width:120px; height:120px; margin-left:9px !important; margin-top:9px !important;}
.span3.item-block .port-info-front,.span3.item-block .port-item { background:no-repeat center center;background-size: 120px 120px;}
.port-info-wrap{ box-shadow:none !important;}
.span3.item-block .port-info-back p{ display:none;}
.span3.item-block .port-info-back h3{ padding-top:5px;}
.span3.item-block .port-info-back h3 a{ font-size:12px; padding-top:0;}
#filters { display:none;}

	#department-banner .span7 {
	    height: 200px !important;
	}
	
	#department-banner img.featured {
	    top: 15px;
	}
}

@media (max-width: 480px) {
/* directory responsive stuff */
  .dir-name, .dir-email, .dir-phone {
  margin-left: 6px;
  width: 220px;
}
.dir-title, .dir-dept, .dir-address {
  margin-left: 6px;
  clear: both;
}

#top{ width: 100%; padding:0;}
 nav ul,.info-text,.promo-area-slider,.post-format,.blog-meta    { display: none; }
 nav { margin:0 0 25px 0; }
 nav select { display: inline-block; }
.nivo-caption,.nivo-directionNav {display:none !important; }
.container{padding-left: 20px;padding-right: 20px;}
#price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;}
#pagehead small,.nivo-caption,.promo-slogan,.promo-slogan-buy{display:none !important;}
.port-info-wrap{ left:0 !important; top:0 !important;}
.port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;}
.port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.basis{ padding:0;}
.basis-footer{padding:0px;}
.blog-meta .data .month{ font-size:7px }
.blog-meta .data .day{ font-size:12px }
.blog-meta .data .year{ font-size:7px }
iframe{ width:100%}
article{ margin-bottom:20px;}
.clients_block .span2{margin-bottom:10px;}
.clients_block > a{ text-align:center; }
footer h3{ display:inline-block}
/* .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} */
.span3.item-block{ width:120px; height:120px; margin-left:9px !important; margin-top:9px !important;}
.span3.item-block .port-info-front,.span3.item-block .port-item { background:no-repeat center center;background-size: 120px 120px;}
.port-info-wrap{ box-shadow:none !important;}
.span3.item-block .port-info-back p{ display:none;}
.span3.item-block .port-info-back h3{ padding-top:5px;}
.span3.item-block .port-info-back h3 a{ font-size:12px; padding-top:0;}
#filters { display:none;}
	
	#searchform input[type="text"]:focus {
		width: 80px;	
	}
	
	/*
.container {
	     padding-right: 35px;
	}
*/
}



@media (min-width: 480px) and (max-width: 767px) {
#top{ width: 100%; padding:0;}
.info-text,.promo-area-slider    { display: none; }
.container{padding-left: 20px;padding-right: 20px;}
#price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;}
#pagehead small,.promo-slogan,.promo-slogan-buy{display:none !important;}
.port-info-wrap{ left:0 !important; top:0 !important;}
.port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;}
.port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.basis{ padding:0;}
.basis-footer{padding:0px;}
iframe{ width:100%}
article{ margin-bottom:20px;}
.clients_block{ width:100%}
.clients_block .span2{margin-bottom:10px; width:154px; float:left;}
.clients_block > a{ text-align:center; }
footer h3{ display:inline-block}
.basis{padding:0 10px !important; margin-top:0px;}
.basis-footer{padding:0 10px !important;margin-bottom:0px;}
/* .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} */
.span3.item-block{ width:120px; height:120px; margin-left:9px !important; margin-top:9px !important;}
.span3.item-block .port-info-front,.span3.item-block .port-item { background:no-repeat center center;background-size: 120px 120px;}
.port-info-wrap{ box-shadow:none !important;}
.span3.item-block .port-info-back p{ display:none;}
.span3.item-block .port-info-back h3{ padding-top:5px;}
.span3.item-block .port-info-back h3 a{ font-size:12px; padding-top:0;}
#filters { display:none;}

	.flexslider .slides img {
	    max-width: 70%;
	}
}

@media (max-width: 768px) {

	.header {
		height: 135px;
	}
	
	#default-banner {
	    padding-top: 50px;
	    height: 250px;
	}
	
	#default-banner h1 {
    height: auto;
	}
	
	nav {
		margin-bottom: 0px;
	}
	
	#top-search .form-search {
	    margin: 0 10px 0 0;
	}
	
	.scroll-side {
		margin: 0px;
	}
		
	#resource-banner {
	    height: 625px;
	}
	
	#resource-banner h1 {
		margin-top: 50px;
	}
	
	footer .span {
		display: none; /*Temp*/
	}
	
	.footers {
		background-position: center -235px;
		height: 140px;
		
	}
	
	/* Home CSS */
	
	.slider-content {
		padding-top: 60px;
	}
	
	h1, .slider-content h1 {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	.flex-control-nav {
	    display: none;
	}
	
	.flexslider .slides img {
	    max-height: 300px;
	}
	
	#student-resources .span4 {
		height: auto;
	}
	
	#student-resources .span4 > img {
    	float: left;
        position: static;
  	}
  	
  	#student-resources .span4 > span {
	  	position: static;
	  	
  	}
  	
  	#student-resources .span4 > a > img, #student-resources .span4 > a > img:hover {
		float: none;
		top: 0px;
	}
	
	#student-resources .span4 > span ul {
	    border-right: 0 none;
	}
	
	#resource-banner .span7 {
    	margin-top: 10px;
    }
    
    #resource-banner img.featured {
	    left: 0;
	    right: auto;
	    width: 320px !important;
	}
		
	#department-banner .container {
//		padding-top: 140px;
	}	
	
	#department-banner {
	    height: 770px;
	}
	
	#department-banner h1 {
		margin-top: 40px;
	}
	
	#department-banner h2 {
		margin-top: 0px;
	}
	
	#department-banner .span7{
		height: 285px;
	}
	
	#department-resources .span4 span {
		text-align: left;
		padding-left: 60px;
	}
	
	#department-resources .span4 > a > img {
		float: left;
	}
	
	#development-banner {
	    height: 450px !important;
	    background-position-y: 100px;
	}
	
/*
	#development-banner h1 {
		margin-top: 40px;
	}
	
	#development-banner h2 {
		margin-top: 0px;
	}
*/
	#development-banner .container {
		padding-top: 150px;
	}

	#development-banner .span7{
		height: 285px;
	}
	
	#development-content {
		height: 90px;
	}
	
	#development-content h1 {
		display: none;
	}
	
	#development-content img {
		display: block;
		margin: 0 auto;
	}
	
	#development-resources .span4 span {
		text-align: left;
		padding-left: 0px;
	}
	
	#development-resources .span4 > a > img {
		float: left;
	}
	
	
}

@media (min-width: 768px) and (max-width: 980px) {

	#top{ width: 100%; padding:0;}
	.container{padding-left:0px;padding-right: 0px;}
	.info-text,.promo-area-slider    { display: none; }
	#price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;}
	#pagehead small,.promo-slogan,.promo-slogan-buy{display:none !important;}
	.port-info-wrap{ left:0 !important; top:0 !important;}
	.port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;}
	.port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	.basis{padding:0 10px !important; margin-top:0px;}
	.basis-footer{padding:0 10px !important;margin-bottom:0px;}
	/* .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} */

	/* Home CSS */
	
	#slider_top {
	    height: 550px;
	}
	
	.slider-content {
    	padding-top: 50px;
	}
	
	.slider-content h1 {
	    font-size: 24px;
	    line-height: 32px;
	}
	
	.flexslider .slides img {
    	padding-top: 20px;
    }
	
	.flex-control-nav {
	    top: -185px;
	}	
	
	#student-resources .span4 {
	    height: 270px;
	}
	
	#student-resources .span4 > span a {
		font-size: 12px;
	}
	
	#department-banner h2 {
		margin-top: 40px;
	}
	
	#development-banner h2 {
		margin-top: 40px;
	}
	
	#development-content {
		height: 64px;
	}
	
	#development-content h1 {
		font-size: 24px;
		margin-top: 10px;
	}
	
	footer .span {
	    width: 15%;
	}
	
}


@media (max-width: 980px) {

	nav ul { display: none; }
	nav select { 
		display: inline-block;
		margin: 20px 0;
	}
		
	.flex-direction-nav {
		display: none;
	}
	
	#resource-banner img.featured {
		width: 400px;
		right: 0px;
	}
	
	#department-banner img.featured {
		width: 380px;
	}
	
	#development-banner img.featured {
		width: 380px;
	}
	
	
}

@media (min-width: 980px) {
	
	.header .span9 {
		margin-left: 0px;
		width: 720px;
	} 
	
	.blog-title {
		margin-left: 5px;
	}
	

	.footers {
		height: 350px;
	}
}

/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {


}

#Hyno_ContenFolder .header_1 {
	display:none;
}

#Hyno_ContenFolder #icon_folder {
	background-image:url(img/icohhh_dropbox.png) ;
}