/*Copyright (c) 2009, Brexson Media Group. All rights reserved. www.brexson.com
version: 1.0.0
Contains any elements that are common throughout the site. Mainly the core layout, font, and form settings.
*/
/*=========================================== CORE ===========================================*/
body {
	margin:0px;
	padding:0px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}

html {
	margin:0px;
	padding:0px;
}

/*========================================== LAYOUT ==========================================*/
#wrapper {
	width:1057px;
	margin:0px auto;
}

#container {
	width:1057px;
	float:left;
	clear:both;
}

#control-bar {
	float:left;
	width:202px;
	margin-right:28px;
	position:relative;
}

#content-area {
	float:left;
	width:528px;
	position:relative;
}

#content-body {
	width:490px;
	float:left;
	clear:both;
	color:#4D4F44;
	font-size:14px;
	line-height:17px;
	margin-bottom:25px;
}

#copyright-body {
	width:100%;
	float:left;
	clear:both;
	color:#B0B0B0;
	font-size:11px;
}
#auxiliary-bar {
	float:right;
	width:297px;
	position:relative;
}
#control-bar .infield-logo {
	margin-bottom:23px;
	margin-top:20px;
	float:left;
	clear:both;
}

#main-menu,
.sub-menu {
	display:block;
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	width:100%;
	clear:both;
	text-align:right;
	font-size:16px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}
.sub-menu.active {
	display:block;
}
.sub-menu {
	font-size:10px;
	line-height:15px;
	display:none;
}

#main-menu li,
.sub-menu li {
	margin:3px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:100%;
	clear:both;
	background:none;
}

.sub-menu li {
	margin:2px 0px;
}
#main-menu a:link {
	color:#808A91;
}

#main-menu a:visited {
	color:#808A91;
}

#main-menu a:hover {
	color:#009EC4;
	text-decoration:none;
}
#main-menu a:focus {
	color:#009EC4;
	text-decoration:none;
}

#main-menu a:active {
	color:#808A91;
}

.title-banner {
	position:relative;
	width:528px;
	height:123px;
	overflow:hidden;
	float:left;
	clear:both;
	margin-bottom:25px;
}
.title-banner .overlay {
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/title-banner-overlay.png) no-repeat;
	width:73px;
	height:51px;
	position:absolute;
	top:0px;
	right:0px;
}
.title-banner.case-study {
	height:227px;
}
.right-squares {
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/featured-case-squares.gif) no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	right:0px;
	top:20px;
}

#social-controls {
	clear:both;
	float:left;
	margin-top:15px;
	width:232px;
}
.news-blog {
	clear:both;
	float:left;
	margin-top:2px;
	width:232px;
}
.bottom-squares {
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/bottom-squares.gif) no-repeat top left;
	width:100%;/*width:95px;*/
	height:106px;
	float:left;
	clear:both;
	margin-top:25px;
}

.client-table {
	margin-top:-25px;
}
.noborder,
.noborder td,
.noborder tr {
	border:0px !important;
}

.client-table td {
	padding:25px 7px 25px 7px;
	text-align:center;
	font-size: 11px;
	line-height: 14px;
	color: #8a8a8a;
}

.profile-pic {
	float:left;
	margin-bottom:14px;
	margin-right:20px;
}

.testimonials {
	width:232px;
	float:left;
	clear:both;
	margin-top:2px;
}
.testimonials-title {
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/testimonials.gif) no-repeat;
	height:37px;
	width:232px;
	margin-bottom:15px;
}

#flash-video {
	position:absolute;
	background:red;
	height:169px;
	width:298px;
	right:-299px;
	top:510px;
}
/*========================================== FONTS ===========================================*/
p {
}

h1 {
	color:#009EC4;
	font-size:31px;
		line-height:31px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0.5em;
}

h2{
	color:#7DC242;
	font-size:17px;
		line-height:17px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin:10px 0 5px;
	padding:0;
}

h3{
	color:#7DC242;
	font-size:21px;
		line-height:21px;
	letter-spacing:3px;
	margin-top:5px;
	margin-top:-0.5em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}

h4{
}

h5{
}

h6{
}

.selected {
	color:#009EC4 !important;
}

a:link {
	color:#009EC4;
	text-decoration:none;
}

a:visited {
	color:#009EC4;
	text-decoration:none;
}

a:hover {
	color:#009EC4;
	text-decoration:underline;
}

a:focus {
	color:#009EC4;
	text-decoration:underline;
}

a:active {
	color:#009EC4;
	text-decoration:none;
}

ul li {
	list-style:none;
	padding:0px 0px 0px 15px;
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/blue-bullet.gif) no-repeat 0px 5px;
	margin:.5em 0px .5em 0px;
}
/*========================================== FORMS ===========================================*/
form {
}

form fieldset {
}

form label {
}

form select {
}

form textarea {
}

form input.text {
}

form input.button {
}

form input.checkbox {
}

form input.radio {
}

form input.file {
}

form input.image {
}

form input.hidden {
}


/*========================================== GLOBAL MODULE: "FEATUED" CASES ===========================================*/
/* begin: feat-slideshow */
.promo-slideshow {
	position:relative;
	padding:0;
	margin:0;
}

.promo-slideshow ul,
.promo-slideshow ul li {
	margin:0px;
	padding:0px;
}

.promo-slideshow ul li {
	background:none;
}

.promo-slideshow a img {
    border:none;
}
.promo-slideshow li.promo-slide {
    list-style-type:none;
}
.promo-slideshow .promo-slides {
	height:261px;
	width:232px;
	margin:0;
}
.promo-slideshow .promo-slides li.promo-slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}
/* end: feat-slideshow */

/*========================================== LOCALIZED MODULE: PIC GALELRY ===========================================*/
.thumbs {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px;
	position:relative;
	left:-15px;
}

.thumbs li {
	width:75px;
	height:75px;
	overflow:hidden;
	margin-left:15px;
	padding:0px;
	display:block;
	float:left;
	list-style:none;
	background:none;
	border:1px solid #ccc;
	padding:5px;
}

.thumbs li img {
	width:75px;
	height:75px;
}
.top.pagination {
	display:none;
}
.bottom.pagination {
	background:#F2F2F2;
	padding:5px;
	width:478px;
	height:auto;
	border:1px solid #ccc;
	margin-top:15px;
	float:left;
	clear:both;
}
.bottom.pagination a {
	margin:0px 5px 0px 5px;
}

.image-wrapper {
	display:block;
	float:left;
	clear:both;
	border:1px solid #ccc;
	padding:5px;
}
/*========================================== LOCALIZED MODULE: PORTFOLIO BANNERS ===========================================*/
/* begin: slideshow */
#portfolio-banners {
	position:relative;
	padding:0;
	margin:0;
	margin-top:15px;
}
#portfolio-banners a img {
    border:none;
}
#portfolio-banners li.slide {
    list-style-type:none;
    list-style:none;
    background:none;
    margin:0px;
    padding:0px;
}
#portfolio-banners .slides {
	height:175px;
	margin:0;
}
#portfolio-banners .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:5px;
	top:0;
}
#portfolio-banners .buttons {
    display:none;
}
#portfolio-banners .buttons {
    display:block;
	position:absolute;
	z-index:100;
	left:15px;
	top:10px;
	margin:0;
	padding:0px;
}
#portfolio-banners .buttons li {
	float:left;
	display:inline;
	width:30px;
	height:30px;
	margin:0;
	padding-left:11px;
	line-height:30px;
	background-image:url(../../Website/Digiflare/IFMG%20New/_assets/images/control-button.png);
	background-repeat:no-repeat;
}
#portfolio-banners .buttons li a {
	float:left;
    text-decoration:none;
	width:30px;
	height:30px;
	color:#fff;
	outline:0;
}
#portfolio-banners ul.buttons li a:hover {
    text-decoration:none;
    color:#0a0a0a;
}
#portfolio-banners ul.buttons li.active a:hover,
#portfolio-banners ul.buttons li.active a {
	color:#666666;
}
/* end: slideshow */


/*========================================== LOCALIZED MODULE: HOMEPAGE FEATURED ===========================================*/
/* begin: slideshow */
#homepage-featured {
	position:relative;
	padding:0;
	margin:0;
	margin-top:15px;
	margin-bottom:16px;
}
#homepage-featured a img {
    border:none;
}
#homepage-featured li.slide {
    list-style-type:none;
    list-style:none;
    background:none;
    margin:0px;
    padding:0px;
}
#homepage-featured .slides {
	height:236px;
	margin:0;
}
#homepage-featured .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}
#homepage-featured .white-bg-text {
	background:#fff;
	position:absolute;
	width:355px;
	bottom:-16px;
	height:24px;
	color:#8A8A8A;
	padding:10px;
	font-size:11px;
	left:0px;
}

#homepage-featured .logo-box {
background:#fff;
border:5px solid #FFFFFF;
height:44px;
line-height:44px;
position:absolute;
right:10px;
text-align:center;
top:0;
vertical-align:middle;
width:133px;
}
#homepage-featured .logo-box img {
	vertical-align:middle;
}
#homepage-featured .buttons {
    display:none;
    background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/bg-navigation.gif) bottom repeat-x;
    height:21px;
}
#homepage-featured .buttons {
    display:block;
	position:absolute;
	z-index:100;
	right:0px;
	bottom:-20px;
	margin:0;
	padding:0px;
}
#homepage-featured .buttons li {
	float:left;
	display:block;
	width:17px;
	text-align:center;
	line-height:21px;
	background:none;
	height:21px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#homepage-featured .buttons li a {
	float:left;
   	 text-decoration:none;
	 display:block;
	 width:17px;
	 height:30px;
	 line-height:33px;
	color:#fff;
	outline:0;
	margin-top:-7px;
}
#homepage-featured ul.buttons li.active a,
#homepage-featured ul.buttons li a:hover {
    text-decoration:none;
    color:#0a0a0a;
    background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/arrow-navigation.gif) top  center no-repeat;

}
#homepage-featured ul.buttons li.active,
#homepage-featured ul.buttons li:hover{
	background:url(../../Website/Digiflare/IFMG%20New/_assets/images/misc/bg-navigation-hover.gif) bottom repeat-x;
}
#homepage-featured ul.buttons li.active a:hover,
#homepage-featured ul.buttons li.active a {
	color:#666666;
}
/* end: slideshow */
#homepage-featured {
	float:left;
	clear:both;
	width:528px;
	height:236px;
	margin-top:0px;
}























/* Begin Form Elements */
#sidebar {
	margin-left:28px;
}
#sidebar h2 {
	font-size:14px;
}
#sidebar form {
	margin: 0;
	}
#searchform {
	margin: 10px auto;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
	.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */
#sidebar ul,
#sidebar ul li {
	background:none;
	margin:0px;
	padding:0px;
}
.widecolumn h3,
.narrowcolumn h3 {
	margin-top:0px;
	letter-spacing:0px;
	font-size:14px;
	font-weight:bold;
}

.post small {
	color:#333;
	font-size:12px;
	font-style:italic;
}
.post {
	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:10px;
}
.entry {
	margin-top:10px;
}

.rss-output h2 {
	font-size:14px;
	font-weight:bold;
}
.rss-output .date {	color:#666;
	font-size:12px;
	font-style:italic;
}

.rss-output {	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:10px;
}

#gallery {
	float:left;
	width:100%;
	clear:both;
}
#gallery img {
	float:left;
	clear:both;
}

p.postmetadata,
p.nocomments {
	display:none;
}