/*   
Theme Name: Fimedia
Theme URI: http://www.webdevelopmentcalgary.ca/
Description: Theme for Fimedia
Author: Efren Labrador
Author URI: 
Version: 1
*/
*{
	font-family:'Droid Sans', sans-serif;
	outline:none;
	padding:0;	
	margin:0;
}


.left{
	float:left;
}
.right{
	float:right;
}
.clear{	
	clear:both;
	height:0;
}
.clearImg {
	clear:both;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.alignRight{
	text-align:right;
}
.alignCenter{
	text-align:center;
}

/* Predefined */

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

@font-face {
    font-family: 'RockwellRegular';
    src: url('fonts/rock-webfont.eot');
    src: url('fonts/rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rock-webfont.woff') format('woff'),
         url('fonts/rock-webfont.ttf') format('truetype'),
         url('fonts/rock-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'FuturaBold';
    src: url('fonts/futurabt-bold-webfont.eot');
    src: url('fonts/futurabt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurabt-bold-webfont.woff') format('woff'),
         url('fonts/futurabt-bold-webfont.ttf') format('truetype'),
         url('fonts/futurabt-bold-webfont.svg#FuturaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-R-webfont.eot');
    src: url('fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body#homepage{
	background:#020202 url(images/header-border.gif) top repeat-x;
	padding-top:7px;
}
body{
	background:url(images/body-bg.gif) repeat-x #FFF;
	padding-top:7px;
}
h1{
	font:normal 47px 'FuturaBold';
	text-shadow:#300000 0 -1px 0;
	text-transform:uppercase;
	padding-bottom:15px;
	line-height:1em; 	
	color:#fff;
}
h5{
	font:18px 'Ubuntu', sans-serif;
	padding-bottom:15px;
	font-weight:500;	
	color:#990000;
	text-transform:uppercase;

}
h2{
	font:bold 17px 'Ubuntu', sans-serif;
	padding-bottom:15px;
	letter-spacing:-1px;
	color:#000;
}
h2 a{
	text-decoration:none;
    color:#000;
}
h2 a:hover{
	text-decoration:underline;
}
h3{
    font:bold 15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-bottom:18px;
	color:#990000;
}
h3 a{
    font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
    color:#990000;
}
h3 a:hover{
	text-decoration:underline;
}
h4{
	padding-bottom:12px;
	font-size:14px;
	color:#990000;
}
h4 a{  
	text-decoration:none;
    color:#990000;
}
h4 a:hover{
	text-decoration:underline;
}
p{
	padding-bottom:18px;
	line-height:1.4em;
	font-size:13px;
	color:#333;
}
ul{
	padding:0 0 16px 30px;
}
ol{
	padding:0 0 16px 36px;
}
ul li, ol li{
	padding-bottom:4px;
    line-height:1.4em;
	font-size:13px;
	color:#333;
}
p a, li a{
	text-decoration:none;
	color:#990000;
}
p a:hover, li a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}

/* Header */

body#homepage #header{
	background:url(images/header-bg.gif) top repeat-x;
}
body#homepage #header .headerInside{
	background:url(images/header-inside-bg.png) no-repeat;
	margin:0 auto;
	height:563px;
	width:1072px;
}
#header .headerInside{
	background:url(images/header-bg.jpg) no-repeat;
	margin:0 auto;
	height:auto;
	width:1105px;
}
body#homepage .logo{
	padding:25px 0 0 10px;	
	height:129px;
	width:450px;
	float:left;
}
.logo{
	padding:25px 0 0 10px;	
	height:114px;
	width:450px;
	float:left;
}

body#homepage .headerRight{
	height:129px;
	width:612px;
	float:left;
}
.headerRight{
	height:138px;
	width:612px;
	float:left;
}
.headerRight .contactInfo{
	background:url(images/getTouch-bg.png) no-repeat;
	margin:-1px 0 0 335px;
	padding:4px 0 0 10px;
	height:24px;
	width:240px;
}
.headerRight .contactInfo p{
	font:normal 12px 'Ubuntu', sans-serif;
	text-transform:uppercase;
	padding-bottom:0;
	color:#fff;
}
.headerRight .contactInfo p img{
	vertical-align:middle;
	margin-right:8px;
}
body#homepage .headerRight .socialMedia{
	padding:20px 25px 0 280px;
	height:45px;
}
.headerRight .socialMedia{
	padding:20px 0 0 260px;
	height:45px;
}
.headerRight .socialMedia img{
	vertical-align:middle;
}
.headerRight .socialMedia .likeUs{
    margin-left:5px;
} 

/* Main Navigation */

body#homepage #mainNavArea{
	padding-top:6px;
	margin:0 auto;
	width:1000px;
	height:47px;
}
#mainNavArea{
	padding-top:7px;
	margin:0 auto;
	width:1000px;
	height:47px;
}
/* Main Content */

#content-main{
	background-color:#fff;
}
.content-mainInside{
	padding:22px 0;
	margin:0 auto;
	width:930px;
}
body#homepage #postArea{
	padding:8px 20px 0 0;	
	width:670px;
	float:left;
}
#postArea{
	padding:25px 20px 0 0;	
	width:670px;
	float:left;
}
body#homepage #sideBar{
	background:url(images/sideBar-shadow.gif) left center no-repeat;
	padding-left:24px;
	width:216px;
	float:left;
	min-height:755px;
}
#sideBar{
	background:url(images/sideBar-shadow.gif) left bottom no-repeat;	
	width:216px;
	float:left;
}
#sideBar ul{
	padding-left:0;	
}
body#homepage #sideBar ul li{
	list-style-type:none;
	padding-bottom:20px;
	width:100%;
}
#sideBar ul li{
	list-style-type:none;
	padding-bottom:20px;
}
#postArea ul li {
	list-style-image:url(images/list-style.jpg);
}


/* Bottom Content */

#content-btm{
	background:#2e2e2e url(images/content-2nd-bg.gif) top repeat-x;
}
#content-btm .content-btmOutside{
	background:url(images/content-2nd-bg.png);	
}
#content-btm .content-btmInside{
	padding:0 40px 0 15px;
	min-height:220px;
	margin:0 auto;
	width:875px;
}
.content-btmInside .content-btmCols1{
	padding:20px 0 0 0;
	width:218px;
	float:left;
}
.content-btmInside .content-btmCols2{
	padding:20px 0 0 0;
	width:276px;
	float:left;
}
.content-btmInside .content-btmCols2 p{
	padding-bottom:5px;
}
.content-btmCols2 .colsInside{
	padding:0 96px 0 24px;
}
.content-btmInside .content-btmCols3{
	padding:0 0 0 0;
	width:379px;
	float:left;
}
.content-btmInside .content-btmCols3 h2{
	background:url(images/requestQuote-bg.png) no-repeat;
	font:normal 32px 'RockwellRegular';
	text-shadow:#650101 0 -1px 0;
	text-transform:uppercase;	
	padding:36px 0 0 36px;
	letter-spacing:1px;
	margin-top:-30px;	
	height:76px;
	width:342px;
	color:#fff;
}
.content-btmCols3 .colsInside{
	padding:25px 18px 0 8px;
}
.content-btmCols3 .colsInside h3{
	padding-bottom:3px;
}
.content-btmCols3 .colsInside p{
	padding-bottom:5px;
}
#content-btm .content-btmInside h3{
	color:#f3f5f5;
}
#content-btm .content-btmInside input[type="text"]{
	background-color:#6f7070;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:10px;
	padding:8px;
	color:#fff;
	border:none;
	width:236px;
	float:left;
}
#content-btm .content-btmInside input[type="button"]{
	background:url(images/btn-subscribe.gif) no-repeat;
	cursor:pointer;
	float:left;
	border:none;
	height:31px;
	width:90px;
}
#content-btm .content-btmInside ul{
	padding:0;
}
#content-btm .content-btmInside ul li{
	list-style-type:none;
	font-size:13px;
	color:#f3f5f5;
}
#content-btm .content-btmInside ul li a, #content-btm .content-btmInside p a{
	text-decoration:none;
	color:#f3f5f5;
}
#content-btm .content-btmInside ul li a:hover, #content-btm .content-btmInside p a:hover{
	text-decoration:underline;
}
#content-btm .content-btmInside p{
	line-height:1.6em;
    font-size:13px;
	color:#f3f5f5;
}
.serviceRequest{
	background:url(images/serviceRequest-bg.png) no-repeat;
	padding:35px 0 0 25px;
	height:47px;
	width:155px;
}
.serviceRequest a{
	font:bold 13px 'Ubuntu', sans-serif;
	text-shadow:#998761 0 -1px 0;
	text-decoration:none;	
	color:#f3f5f5;
}
.serviceRequest a:hover{
	text-decoration:underline;
}

/* Footer */

#footer{
	background:url(images/footer-bg.gif) top repeat-x;	
}
#footer .footerInside{
	padding-top:28px;
	margin:0 auto;
	width:930px;
	height:45px;
}
#footer .footerInside p{
	padding:2px 0 0 0;
	font-size:12px;		
	float:right;    
	color:#999;	
}

/* Links */

.pagination, .pagination2, .pagination1 {
	list-style:none;
	margin:0;
	padding:0;
}
.pagination li, .pagination1 li{
	padding:0 10px 0 0;
	float:left;		
}
.pagination li a, .pagination2 li a, .pagination1 li a{
	font:normal 13px 'Ubuntu', sans-serif;			
	text-transform:uppercase;
	text-shadow:#000 0 1px 0;			
	padding:12px 12px;
	float:left; 
	color:#fff;		
}		
.pagination .current a, .pagination a:hover, .pagination2 li a:hover, .pagination1 li a:hover  {
	background:url(images/mainNav-bg.gif) top repeat-x;
	border-top:1px solid #353434;
	-webkit-border-radius:14px 14px 18px 18px;	
	-moz-border-radius:14px 14px 18px 18px;
	border-radius:14px 14px 18px 18px;					
	padding:11px 12px 12px; 
	text-decoration:none;
}
#pagination2 a  {
	background:url(images/request-aquote.png) no-repeat !important;
	text-align: center;
    text-decoration: none;
    width: 149px;				
	padding:11px 12px 12px; 

}

#pagination2 a:hover  {
	background:url(images/request-aquote-hover.png) top repeat-x !important;
	text-align: center;
    text-decoration: none;
    width: 149px;						
	padding:11px 12px 12px; 
	border-top:0 !important;
	-webkit-border-radius:0 !important;	
	-moz-border-radius:0 !important;
	border-radius:0 !important;		
	
}

ul#footerNav{
	float:left;	
	width:500px;
    padding:0;
}
ul#footerNav li{
	text-transform:uppercase;
    list-style-type:none;
	padding-right:12px;
	font-size:11px;
	display:inline;
	color:#999;
}
ul#footerNav li a{
	text-decoration:none;
	color:#999;
}
ul#footerNav li a:hover{
	text-decoration:underline;
}

/* Slider Area */

.slides_container {
	margin-left:56px;		
	width:1016px;
	display:none;
}		
.slides_container div {
	width:1016px;
	height:357px;
	display:block;
}
.slides_container div .sliderLeft{
	width:316px;
	float:left;
}
.slides_container div .sliderLeft h1{
	padding-left:6px;
}
.slides_container div .sliderLeft p{
	padding-bottom:14px;
	color:#fff;
}
.sliderLeft .btnLink, .sliderLeft .btnLink2{
	background:url(images/btn-slider.png) no-repeat;
	font:normal 14px 'FuturaBold';
	text-shadow:#250000 0 -1px 0;
	text-transform:uppercase;
	text-align:center;
	padding-top:14px;
	display:block;	
	width:246px;
	height:28px;
	color:#fff;	
}
.sliderLeft .btnLink2{
	background:url(images/btn-slider2.png) no-repeat;
	width:368px;
}
.sliderLeft .btnLink:hover, .sliderLeft .btnLink2:hover{
	text-decoration:none;
	color:#d90e0e;
}
.slides_container div .sliderRight{
	width:690px;
	float:left;
}

/* Carousel */

#carousel_container{
	width:669px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;  /* important (hide the items outside the div) */
}
#carousel_inner {
	float:left; /* important for inline positioning */
	width:669px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;  /* important (hide the items outside the div) */
	position:relative;
	/* non-important styling bellow */
	 height: 785px;
}
#carousel_ul {
	position:relative;
	left:0px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;
}

#carousel_ul li{
	float: left; /* important for inline positioning of the list items */                                    
	width:223px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:510px;
	margin-top:10px;
	margin-bottom:10px;
	list-style:none !important;
}

#carousel_ul li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
	cursor:pointer;
	cursor: hand; 
	border:0px; 
}
.btnHolder{
	background:url(images/arrow-bg.gif) no-repeat;
	padding:3px 0 0 3px;
	height:20px;
	width:39px;
	float:right;
}
#left_scroll, #right_scroll{
 	 height:18px;
	 width:18px;
     float:left;  
}
#left_scroll a, #right_scroll a{
  	 background-image:url(images/arrow-left.png);
	 background-repeat:no-repeat;
	 background-position:0 top;
	 text-indent:-9999px;  
	 display:block;
	 height:18px;
	 width:18px;
}
#right_scroll a{
     background-image:url(images/arrow-right.png);
}
#left_scroll a:hover, #right_scroll a:hover{
 	 background-position:0 bottom;
}		

/* Classes */

.featuredWork{
	padding-top:22px;
}
.featuredWork h3{
	padding-bottom:0px;
}
.featuredWork .featuredCols{
	margin-right:8px;
	height:255px;
	width:215px;
	float:left;
}
.featuredCols .featuredImg{
	background:url(images/img-featured-shadow.gif) center bottom no-repeat;
	padding-bottom:11px;
	margin-bottom:8px;
	height:125px; 
}
.featuredCols p{
	font:italic 13px Georgia, "Times New Roman", Times, serif;
	line-height:1.6em;
	color:#999;
}
.widgetPost li{
	background:url(images/widget-line.gif) bottom repeat-x;
	padding-top:8px;
}
.widgetPost li p{
	padding-bottom:10px;
	font-size:16px;
	color:#bb4747;
}
.widgetPost li p span{
	font-size:12px;
}
.widgetPost li p a{
	text-decoration:none;
    color:#bb4747;
}
.widgetPost li p a:hover{
	text-decoration:underline;
}
.widgetTesti li{
	padding-bottom:0 !important;
}
.widgetTesti li p{
	padding-bottom:20px;
	font-size: 14px;
	color:#333;
}
.widgetTesti li p.author{	
	padding-right:16px;
	text-align:right;
}


.form_wrapper {
	background:url(images/form-bg.jpg) no-repeat;
	width:596px;
	height:878px;
	margin:0 auto;
	padding:35px 0 0 38px;
}
.form_wrapper.two {
	height:560px;
}
.input_wrapper label {
	color:#333333;
	font-family: 'Ubuntu',sans-serif;
	font-size:13px;
	float:left;
	width:142px;
	margin-top:10px;
}
.input_wrapper fieldset {
	border:none;
	float:left;
}
.input_wrapper fieldset input[type="text"] {
	background:url(images/input-bg.jpg) no-repeat;
	width:399px;
	height:25px;
	border:1px solid #fdfdfd;
	padding:3px;
}
.margintop10 {
	margin-top:10px;
}
.margintop16 {
	margin-top:16px;
}
.input_wrapper fieldset select {
	border:1px solid #fdfdfd;
	background:url(images/select-bg.jpg) no-repeat;
	width:196px;
	height:25px;
	padding:3px;
}
.width250 {
	width:250px;
}
body#homepage .input_wrapper fieldset textarea {
	background:url(images/textarea.jpg) no-repeat;
	width:547px;
	height:98px;
	border:1px solid #fdfdfd;
}
.input_wrapper fieldset textarea {
	background:url(images/textarea.jpg) no-repeat;
	width:531px;
	height:88px;
	border:1px solid #fdfdfd;
	font-size:13px;
	padding:5px 8px;
}

body#homepage .thumbnail_wrapper {
	width:331px;
	margin-right:30px;
}
.thumbnail_wrapper {
	width:365px;
}
body#homepage .website_url {
	width:125px;
	margin: 0 auto;
}
.website_url {
	width:125px;
	margin:15px auto 0 auto;
}

body#homepage .form_fields_containter {
	background:url(images/jobs-bg.jpg) no-repeat;
	width:638px;
	height:612px;
}

.form_fields_containter {
	background:url(images/jobs-bg.jpg) no-repeat;
	width:598px;
	height:606px;
	padding-top:28px;
	padding-left:40px;
	font-size:13px !important;
	margin: 0 auto;
}
.form_fields_containter h3 {
	font: bold 13px 'Droid Sans',sans-serif !important;
	padding-top:22px;
	padding-bottom: 0px;
}

.marketing_login_form {
	background:url(images/login-form-bg.png) no-repeat;
	width:219px;
	height:132px;
	margin-bottom:10px;
}
.marketing_login_form h4 {
	font:normal 16px 'Ubuntu', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#f3f5f5;
	padding-top:10px;	
	padding-bottom:7px;
}

.marketing_login_form input.textMarketing {
    background-color: #d4c4c4 !important;
    border: medium none !important;
    border-radius: 3px 3px 3px 3px !important;
    color: #666666 !important;
    float: none !important;
    margin-right: 0px !important;
    padding: 8px !important;
    width: 175px !important;
	height:10px;
	font-style:italic;
	margin-bottom:5px;
}
.marketing_login_form input#loginbutton {
	float: right;
    margin-right: 14px;
}
.twitter-share-button {
	float:right;
}
body#homepage .fb-like {
	float:right;
}
.fb-like {
	float:right;
	margin-right:35px;
}
#___plusone_0 {
	float:right !important;
}
#phpsectools_safe {
	display:none;
}

/* Mobile Banner */

.mobileBanner{
	background:url(images/mobile-bg.jpg) left repeat-y;
	position:relative;
	width:670px;
}
.mobileBanner .imgMobile{
	position:absolute;
	left:2px;
	top:2px;
}
.mobileBanner .tagline{
	background:url(images/mobile-top-bg.jpg) top no-repeat;
	padding:8px 30px 0 278px;
}
.mobileBanner .tagline h3{
    font:normal 27px 'FuturaBold';
	text-transform:uppercase;
	text-shadow:#fff 0 1px 0;
	padding-bottom:5px;
	color:#790000;
}
.mobileBanner .tagline p{
    font:normal 14px 'Ubuntu', sans-serif;
	text-shadow:#fff 0 1px 0;
	padding-bottom:8px;
	line-height:1.4em;
	color:#000;
}
.mobileBanner .tagline p span{
	font:bold 18px 'Ubuntu', sans-serif;
	color:#990000;
}	
.mobileBanner .tagline p a{
	font:bold 12px 'Ubuntu', sans-serif;
	text-decoration:none;
	padding-left:4px;
	color:#990000;
}
.mobileBanner .tagline p a:hover{
	text-decoration:underline;
}
.mobileBanner .fbLike{
	background:url(images/mobile-btm-bg.jpg) bottom no-repeat;
	padding:10px 8px 10px 278px; 
}
.mobileBanner .fbLike .btnLike{	
	margin-right:8px;
	float:left;
}
.mobileBanner .fbLike p{
    font:normal 12px 'Ubuntu', sans-serif;
	text-shadow:#fff 0 1px 0;
	padding:10px 0 0 0;
	color:#000;
}
.boxFinancingBtm{
	background:url(images/box-financing-btm.gif) left bottom no-repeat;
	padding-bottom:11px;
	margin:20px 0 20px;
	width:669px;
}
.boxFinancingBtm .boxFinancingTop{
	background:url(images/box-financing-top.gif) no-repeat;
	padding:15px 0 0 80px;
	height:36px;
}
.boxFinancingBtm .boxFinancingTop h4{
	font-weight:normal;
	font-size:16px;
}
.boxFinancingBtm .boxFinancingMid{
	border-right:3px solid #ccc;
	border-left:3px solid #ccc;
	padding:16px 15px;
}
.pagebanner{
	background:url(images/banner-webfinance.jpg) no-repeat;
	padding:40px 28px 0 436px;
	text-align:center;
	margin-bottom:28px;
	height:198px;
	width:193px;
}
.pagebanner h2{
	font:normal 29px 'FuturaBold';
	color:#000;
}
.btmTagline{
	background:url(images/btmTagline-bg.jpg) no-repeat;
	padding-top:24px;
	text-align:center;
	margin:10px auto;
	height:59px;
	width:587px;
}
.btmTagline p, .btmTagline p a{
	font-size:18px;
	color:#fff;
	text-decoration:none;
}

/* New CSS - Marketing Case Studies and Detail Sections */

.marginLeft40{
	margin-left:40px;
}
.marketingHolder{
	background:url(images/line-horizontal.gif) bottom repeat-x;
	padding:20px 10px 5px;
}
.caseStudy-web{
	padding-right:25px;
	width:490px;
	float:left;
}
.caseStudy-list{
	padding-top:32px;
	width:135px;
	float:left;
}
.redBulletsList{
	padding:0;
}
.redBulletsList li{
	background:url(images/list-bullets.gif) left 5px no-repeat;
	list-style-image:none !important;
	list-style-type:none;
	line-height:1.2em;
	padding:0 0 0 18px;
}
.projNameHolder{
	background:url(images/projName.gif) no-repeat;
	padding:15px 45px 0 28px;
	position:relative;
	height:65px;
	width:652px;
	left:-34px;
}
.projNameHolder h2{
	font:bold 20px "Myriad Pro";
	padding-bottom:0;
	line-height:1em;
	float:left;
	color:#fff;
}
.projNameHolder p{
	font:normal 13px "Myriad Pro";
	padding:4px 0 0 0;
	line-height:1em;
	float:right;
	color:#ccc;
}
.projNameHolder p a{
    font:normal 13px "Myriad Pro";
	text-decoration:none;
	padding:0 4px;
	color:#ccc;
}
.projNameHolder p a:hover{
	text-decoration:underline;
}
.redHeading{
	font:bold 20px "Myriad Pro";
	padding-bottom:8px;
	line-height:1em;
	color:#cc0000;
}
.marketingWeb-holder{
	background:url(images/customer-web-shadow.gif) center bottom no-repeat;
	padding-bottom:10px;
 	margin-right:16px;
	width:215px;
	float:left;
}
.caseStudyNav{
	padding:24px 0 20px 0;
	text-align:center;
}
.caseStudyNav p{
	font:bold 13px "Myriad Pro";
	color:#333;
}
.caseStudyNav p a{
	text-decoration:none;
    color:#333;
}
.caseStudyNav p a:hover{
	text-decoration:underline;
}
div.webWrapper{
	margin:14px auto 16px;
	height:345px !important;
	width:550px !important;
	
	-moz-box-shadow:0 0 3px 1px #bdbdbd;
    -webkit-box-shadow:0 0 3px 1px #bdbdbd;
    box-shadow:0 0 3px 1px #bdbdbd;
}
.marketList{
	padding:10px 10px 20px 0;	
	width:265px;
	float:left;
}
.marketList .redBulletsList li{
	padding:0 0 6px 20px;
	font-size:15px;
}
.marketComment{
	padding-bottom:20px;	
	width:368px;
	float:left;
}
.marketComment .marketCommentTxt{
	padding:20px 20px 2px 20px;
	background-color:#ededed;	
	margin-bottom:18px;
}
.marketComment .marketCommentTxt p{
	font-size:11px;
}
.marketComment .pagination{
	padding-left:192px;
}
.marketComment .pagination li{
	list-style-image:none !important;	
	list-style-type:none;
}
.caseStudyBtm{
	padding:24px 0 30px 0;	
}
.caseStudyBtm .caseStudyContent{
	padding:15px 0 0 18px;
}
.caseStudyBtm .caseStudyWebs{
	background:url(images/customer-web-shadow2.gif) center bottom no-repeat;
	margin:0 4px 16px 0;
	padding-bottom:7px;	
	width:159px;
	float:left;
}
.caseStudyList{
	padding-left:10px;
	margin-top:10px;
	width:158px;
	float:left;
}
.caseStudyList .redBulletsList li{
	padding-bottom:6px;
}



/* for sub pages */
#postArea h3 {
	font:bold 15px 'Droid Sans',sans-serif;	
}
#sideBar p a, #sideBar li a{
	text-decoration:none;
	color:#990000;
	font-size:13px !important;
}
.page_title {
	height:40px;
}
.sidebarinner {
	padding-left:24px;
	width: 250px;
}
.page_title h1 {
	font-family:FuturaBold;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	padding-top: 10px;
	padding-bottom:30px;
}
.form_wrapper1 {
	background:url(images/form_wrapper.jpg) no-repeat;
	width:329px;
	height:428px;
	padding:30px 0 0 21px;
	
}
.form_wrapper1 .input_wrapper fieldset input[type="text"] {
    background: url("images/input-bg.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #FDFDFD;
    height: 25px;
    padding: 3px;
    width: 205px;
}
.form_wrapper1 .input_wrapper fieldset textarea {
    background: url("images/textarea.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #FDFDFD;
    height: 90px;
    width: 215px;
	
}
.form_wrapper1 .input_wrapper label {
    color: #333333;
    float: left;
    font-family: 'Ubuntu',sans-serif;
    font-size: 13px;
    margin-top: 10px;
    width: 90px;
}
.form_wrapper1 p {
	display:none;
	height:0;
}
.mmf-validation-errors {
	width:300px;
}
.form_wrapper br, .form_wrapper1 br {
	height:0px;
	display:none;
}
.form_wrapper p {
	display:none;
	height:0px;	
}

table.job-table tr:last-child td, table.job-table tr:last-child th { 
	border-top:1px dotted #cccccc;
	padding-top:20px;
}
table.highlighted {
    background-color: #ffffff !important;
}
table.job-table tr td, table.job-table tr th,table.job-table tr td a {
	color:#990000;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
table.job-table tr td p, table.job-table tr td ul li, table.job-table tr td ol li {
	font-weight:normal;
}
.navigation, .navigation a{
	font-size:13px;
	color:#000000;
	text-decoration:none;
	text-align: right;
	padding-bottom: 45px;
}
.navigation span {
	color:#6b0000;
}
.navigation a.nextprev {
	color:#6b0000;
}
.searchengine {
	width:315px;
}
.searchengine ul li {
	list-style-image:url(images/check-li.jpg) !important;
}
.design_wrapper {
	background:url(images/design.gif) top left no-repeat;
	width: 315px;
	margin-right:30px;
}
.functionality_wrapper {
	background:url(images/functionality.gif) top left no-repeat;
	width: 315px;
}
.site_navigation {
	background:url(images/site-navigation.gif) top left no-repeat;
	width: 315px;
	margin-right:30px;
}
.contentweb_wrapper {
	background:url(images/content.gif) top left no-repeat;
	width: 315px;
}
.time_wrapper {
	background:url(images/time-bg.jpg) no-repeat;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
    width: 579px;	
	height:228px;
	margin-bottom:50px;
}
table.job-apply-table th, table.job-apply-table td.th {
    width: 25% !important;
	padding-top: 10px;
}
.form_fields_containter input[type="text"] {
    background: url("images/input-bg.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #FDFDFD;
    height: 25px;
    padding: 3px;
    width: 399px;
	margin-bottom: 5px;
}
.searchList {
	background:url(images/search-engine-li.gif) no-repeat top left;
	padding-top:13px;
	padding-left:75px;
}
.searchEngineCalgary {
	background:url(images/search-engine-calgary.jpg) no-repeat top left;
	padding-top:13px;
	padding-left:75px;
	height:60px;
	margin-top:32px;
}
.websitesCalgary {
	background:url(images/professional-web-calgary.jpg) no-repeat top left;
	padding-top:13px;
	padding-left:75px;
	height:40px;
	margin-top:32px;
}
.roi-container {
	background:url(images/roi-bg.png) no-repeat;
	height: 335px;
	width: 575px;
	margin:0 auto;
	padding-top: 50px;
	padding-left:20px;
	padding-right:24px;
}
.ecommer-container {
	background:url(images/ecommerce-bg.png) no-repeat;
	width:575px;
	margin:0 auto;
	padding-top:50px;
	padding-left:20px;
	padding-right:24px;
	height:170px;
	margin-top: 18px;
}
.think_wrapper {
	background:url(images/think.jpg) no-repeat;
	width:434px;
	height:113px;
	padding-left: 185px;
    padding-top: 18px;
	margin:0 auto 18px auto;	
}
.services_container {
	background:url(images/services.jpg) no-repeat;
	width:588px;
	height:97px;
	padding-left:31px;
	padding-top:24px;
	color:#990000;
	font-size:12px;
	line-height: 18px;
	margin:0 auto 18px auto;
}
.sideleft {
	width: 290px;
}

.comment_wrapper fieldset input[type="text"] {
    background: url("images/input-bg.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #FDFDFD;
    height: 25px;
    padding: 3px;
    width: 365px;
	margin-bottom: 10px;
}
.comment_wrapper fieldset {
    border: medium none;
    float: left;
}
.comment_wrapper label {
    color: #333333;
    float: left;
    font-family: 'Ubuntu',sans-serif;
    font-size: 12px;
    margin-top: 10px;
    width: 70px;
}
.comment_wrapper fieldset textarea {
    background: url("images/textarea.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #FDFDFD;
    height: 98px;
    width: 545px;
}
.gamma_readmore, .konfident_readmore, .claudia_readmore, .micasa_readmore, .benner_readmore, .zoolion_readmore {
	display: none;
	color: #333333;
    font-size: 13px;
    line-height: 1.4em;
    padding-bottom: 12px;
}

.searchList p.searchHeader, .searchEngineCalgary p.searchHeader, .websitesCalgary p.searchHeader, .mobileright p.searchHeader, .mobilevspcheader p.searchHeader {
	color:#990000; 
	font-size:16px;
}
.mobileright {
	width:435px;		
}
.mobileRightBg {
	background: url("images/design.gif") no-repeat scroll left top transparent;
	height: 50px;
    padding-left: 70px;
    padding-top: 13px;
	width: 365px;
}
.mobileleft {
	width: 235px;	
}
.mobilevspcheader {
	background: url("images/functionality.gif") no-repeat scroll left top transparent;
	height: 55px;
    padding-left: 70px;
    padding-top: 13px;
}
.makingyoumobile ul li {
    list-style-image: url("images/check-li.jpg") !important;
	padding-bottom: 10px !important;
}
.makingyoumobile ul {
	padding-top: 25px;
}
.makingyoumobile {
	width: 430px;
}
.post_thumbnail {
	width:210px;
}
.blogpost_content {
	width:455px;
}
.contactus .wpcf7-response-output{
	width:300px;
}
.mensSidebar {
	width:231px;
	height:auto;
}
.mensExpContent {
	width:428px;
	height:auto;
}
.mensExpoForm {
	background:url(images/form-mensbg.jpg) no-repeat;
	height:719px;
	width:367px;
	padding:24px 35px 0 22px;
}
.mensExpoForm br, .mensExpoForm p {
	display:none;
}
.mensExpoForm .input_wrapper fieldset input[type="text"] {
	width:245px;
}
.mensExpoForm .input_wrapper fieldset textarea{
	width:235px;
}
.mensExpoForm .input_wrapper label {
	width:105px;
}
.mensExpoForm h6 {
	color:#990000;
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:18px;
}
.width180 {
	width:180px;
}

.projectMensWrapper {
	border:5px solid #efefed;
	padding:4px;
}
.projectMensWrapper h3 {
	display:block;
	height:5px;
	background:#9e0000;
	color:#ffffff;
	padding:7px 0 18px 11px;
	font-size:13px;
}
.projectMens img {
	border:4px solid #e1dfdf;
	padding: 2px 2px 2px 3px;
	margin-top:8px;
}

.img-left{
	margin:0 12px 16px 0;
	float:left;	
}
.img-right{
	margin:0 0 16px 12px;
	float:right;	
}
.heading-red{
	 font:normal 30px 'FuturaBold';
	 color:#8d0000;	
}
.maintenance-table{
	border-left:1px solid #e9edf0;
	border-top:1px solid #e9edf0;
	margin:0 auto 22px; 
	width:560px;
}
.maintenance-table th{
	font:normal 15px 'FuturaBold';
	border-bottom:1px solid #e9edf0;
	border-right:1px solid #e9edf0;
	background-color:#f3f6f8;  
	text-transform:uppercase;
	letter-spacing:-.2px;	
	padding:7px 24px; 	
	color:#8d0000;	
}
.maintenance-table tr{
	background-color:#eaeff2;	
}
.maintenance-table tr:nth-child(odd){
    background-color:#f3f6f8;
}
.maintenance-table tr td{
	font:normal 14px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e9edf0;
	border-right:1px solid #e9edf0;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:7px 24px;
	color:#333;	
}
.maintenance-table tr td:first-child{
	border-left:none;
}

/* remove the WPEC form for now */
.product_form { display:none; }