/*
Theme Name: Internet by BIIS
Theme URI: http://internetbybiis.com
Description: This is the custom theme for internetbybiis.

*/



/* Remove padding and margin ------------------------------------------------*/ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: normal;
}

ul, ol {list-style: none;padding: 0 0 1.5em 0;}

button {background: none;border: none;outline: none;border: 0;}

p {padding: 0 0 1.5em 0;}

/* remember to define focus styles! */
:focus {outline: 0;}

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

/* Float Definitions -----------------------------------------------------------*/

.clear {clear:both;} 

.right {float: right;} 

.left {float: left;}

.alignright {float: right;margin: 0 0 2px 7px;}
.alignleft {float: left;margin: 0 7px 2px 0;}

img.left, img.alignleft {float: left;margin: 0 7px 2px 0;}

img.right, img.alignright {float: right;margin: 0 0 2px 7px;}

.post img.aligncenter, .attachment img.aligncenter { margin: 0 auto; text-align: center; }

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.nopad {
	padding: 0px;
}
.noborder {
	border: none !important;
}

/*---------------------------------- BODY TAG ----------------------------- */

body {
	background: url(images/layout_background_sub.jpg) top center #fff no-repeat;
	color: #;
	margin: 0px;
	font-size: .9em;
	font-family: helvetica, arial, sans-serif;
	line-height: 1.3em;
}
		body.page-id-2 {
			background-image: url(images/layout_background_front.jpg);
		}
		
/* ----------------- CONTAINER */

.container_top, .container_bottom {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
		.container_bottom {
			top: 122px;	
		}
		
/* ----------------- LOGO */

h1.logo {
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	z-index: 9999;
	height: 116px;
	overflow: hidden;
}
		h1.logo img {
			height: 116px;
		}
		
/* --------------- NAVIGATION */

.navigation {
	padding: 0;
	margin: 0;
	position: relative;
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	width: 800px;
	height: 37px;
	top: 32px;
	right: 0;
	font-size: 18px;
}
		.navigation li {
			float: right;
			height: 34px;
			padding: 0 7px 3px 7px;
			color: #3a3430;
			border-right: 1px solid #b0c0bc;
		}
				.navigation li:hover {
					background: url(images/layout_nav_highlight_arrow_dark.png) 50% bottom no-repeat;
				}
						.navigation li.selected {
							background: url(images/layout_nav_highlight_arrow.png) 50% bottom no-repeat;
						}
						.navigation li.slogan {
							background: none;
							padding: 5px 0px 0px 17px;
							border-right: none;
						}
				.navigation li h2 {
					font-size: 18px;
				}
				.navigation li a {
					display: block;
					float: right;
					*display: inline;
					*float: none;
					padding: 5px 10px;
					color: #376c62;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					
				}
						.navigation li a:hover {
							background: #c5d5ce;
							border-top-color: #222;
							border-top: 1px solid #5d5651;
						}
						.navigation li.selected a {
							background: #fff;
							border-top: 1px solid #92a5a0;
							*background: none;
							*border: none;
						}
						
				
/* RECENT NEWS FRONTPAGE */

.recent_news {
	width: 550px;
	float: left;
	font-size: 13px;
	line-height: 16px;
}
		.recent_news ul {
			width: 255px;
			margin-right: 20px;
			float: left;
		}
				.recent_news ul li {
					display: block;
					position: relative;
					overflow: hidden;
					height: 48px;
					padding: 0 0 15px 55px;
					background: url(images/icon_computer.png) top left no-repeat;
				}
						.recent_news ul li a {
							color: #393430;
						}
								.recent_news ul li a:hover {
									color: #4b757c;
									border-bottom: 1px solid #9e9e9e;
								}
						.recent_news ul li.monitor {
							background-image: url(images/icon_computer.png);
						}
						.recent_news ul li.globe {
							background-image: url(images/icon_globe.png);
						}
						.recent_news ul li.documents {
							background-image: url(images/icond_document.png);
						}
						
/* ------------------ CONTENT */

.content {
	padding: 20px;
	background: url(images/layout_content_bg.jpg) top repeat-x #f9fbfa;
	border-top: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 1px solid #c5c5c5;
}
		.content_left {
			width: 750px;
			float: left;
		}
		.content a {
			color: #4b757c;
			border-bottom: 1px solid #9e9e9e;
		}
				.content a:hover {
					color: #df181e;
				}
		.content h1 {
			font-size: 35px;
			color: #3c3532;
			margin-bottom: 15px;
		}
		.content h2 {
			font-size: 25px;
			color: #418175;
			margin-bottom: 15px;
		}
		.content h3 {
			font-size: 25px;
			color: #df181e;
			margin-bottom: 15px;
		}
		.content h4 {
			font-size: 25px;
			color: #3c3532;
			margin-bottom: 15px;
		}
		.content h5 {
			font-size: 20px;
			color: #418175;
			margin-bottom: 15px;
		}
		.content h6 {
			font-size: 20px;
			color: #df181e;
			margin-bottom: 15px;
		}
		
		.content ul li {
			padding-left: 20px;
			margin-left: 10px;
			line-height: 1.5em;
			background: url(images/layout_content_ul_li.png) 0 4px no-repeat;
		}
		.content ol li {
			margin-left: 10px;
			list-style: decimal;
			list-style-position: inside;
		}
		.article_post {
			background: #fff;
			padding: 20px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
		}
		.separator {
			height: 1px;
			display: block;
			margin: 15px 0;
			background: #fff;
			border-top: 1px solid #b8bebe;
		}
		
		
.content_right {
	float: right;
	width: 210px;
}
.sidebar {
	float: right;
	padding: 15px 15px 0 15px;
	width: 160px;
	color: #31474a;
	background: #dee6e7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 20px;
	border-top: 1px solid #b8bebe;
	font-size: 12px;
	line-height: 18px !important;
	margin-bottom: 10px;
}
		.content_right .sidebar {
			float: none;
		}
		
		.sidebar a {
			font-weight: bold;
			font-style: italic;
			color: #8a9593;
			border-bottom: none;
		}
		.sidebar h2 {
			font-size: 23px;
			font-weight: normal;
			color: #418175;
			padding-bottom: 10px;
			background: url(images/header_underline.gif) bottom left repeat-x;
			margin-bottom: 10px;
		}
		.sidebar ul li {
			background: url(images/layout_content_sidebar_li.png) 0 3px no-repeat;
			margin-left: 0;
			padding-left: 17px;
		}
				.sidebar ul ul {
					padding-bottom: 0;
				}
.single_sidebar {
width: 220px;
}
.single_sidebar img {
width: 210px;
padding: 4px 5px 5px 5px;
border-top: 1px solid #a6abab;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 5px;
background: #c7cfd0;
}
.single_sidebar a.single_viewwebsite {
display: block;
padding: 0 10px ;
text-align: center;
background: #c7cfd0;
border-top: 1px solid #a6abab;
width: 200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 15px;
color: #418175;
font-size: 14px;
line-height: 40px;
}
.single_sidebar a.single_viewwebsite:hover {
color: #3c3532;
}
		
.footer {
	background: #f7fafa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	height: 37px;
	line-height: 37px;
	font-size: 11px;
	color: #8a9593;
	padding: 0 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #c5c5c5;
}
		.footer ul.right li {
			float: right;
			margin-left: 10px;
		}
				.footer a {
					color: #8a9593;
				}
						.footer a:hover {
							color: #df181e;
							border-bottom: 1px solid #8a9593;
						}

/* FRONT FEATURED AREA FOR VIDEO */

.featured_area {
	position: relative;
	float: left;
	width: 450px;
	height: 280px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 15px;
}
				
/* Slider/Content Container */
#slider {
	position: absolute;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 241px;
	top: 88px;
	padding: 0;
	z-index: 1111;
}
/* Campaign items */
.campaign {
	height: 241px;
	width: 100%!important;
	padding: 0;
}
		.campaign .inside {
			width: 1000px;
			height: 241px;
			margin: 0 auto;
			position: relative;
		}
			.campaign .text {
				position: relative;
				position: absolute;
				left: 15px;
				top: 50px;
				z-index: 2;
				width: 515px;
				height: 150px;
				overflow: hidden;
				color: #c1b9b3;
				font-size: 12px;
				line-height: 16px;
			}
					.campaign .text h2 {
						font-size: 40px;
						color: #d5dfdd;
						text-transform: uppercase;
						margin-bottom: 10px;
						height: 40px;
					}
					.campaign .text a {
						color: #e8edec;
						font-weight: bold;
					}
			#feature_1 {
				background: url(images/slider_bg.jpg) top center no-repeat;
			}
			#feature_2 {
				background: url(images/slider_bg.jpg) top center no-repeat;
			}
			#feature_3 {
				background: url(images/slider_bg.jpg) top center no-repeat;
			}
			#feature_4 {
				background: url(images/slider_bg.jpg) top center no-repeat;
			}
			#feature_5 {
				background: url(images/slider_bg.jpg) top center no-repeat;
			}

/* Campaign Features */
.campaign_content {
position: absolute;
display: block;
left: 548px;
top: 24px;
width: 429px;
height: 171px;
padding: 12px 11px 11px 12px;
z-index: 3;
background: url(images/slider_image_container.png) top left no-repeat;
}
		.campaign_content {
			display: block;
			width: 429px;
			height: 171px;
		}
				.campaign_content img {
					width: 429px;
					height: 171px;
				}


p.tagline a {
	text-decoration: none;
	color: #666;
	padding: 0;
}
p.tagline em {
	color: #666;
	font-style: normal;
	padding: 0;
}
#slider_controls {
	width: 958px;
	position: relative;
	margin: 0 auto;
	height: 1px;
	padding: 0;
}
#slider_controls ul {
	padding: 0;
	margin: 0;
	background: transparent url('images/slider_arrows.png') no-repeat bottom center;
	display:block;
	height:32px;
	position:absolute;
	left:360px;
	text-indent:-9999px;
	top:57px;
	width:164px;
	z-index:9998;
}
#slider_controls li {
	float: left;
	width: 82px;
	height: 32px;
	padding: 0;
}
#slider_controls li a {
	display: block;
	width: 82px;
	height: 32px;
	padding: 0;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.featured_slider {
	position: relative;
	margin-left: 39px;
	margin-bottom: 20px;
}

.featured_slider .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* custom decorations */
	background: #dee6e7;
	height: 56px;
	width: 869px;
	border-top: 1px solid #bdc8d2;
	border-bottom: 1px solid #fff;
	margin-top: 1px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.featured_slider .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.featured_slider .scrollable img {
	float:left;
	margin:0 10px 0 0;
	margin-top: 7px !important;
	cursor:pointer;
	width:125px;
	height:42px;
	margin: 10px;
}

/* this makes it possible to add next button beside scrollable */
.featured_slider .scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
.featured_slider a.browse {
	background:#f00;
	z-index: 200;
	position: absolute;
	display:block;
	width:39px;
	height:58px;
	float:left;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
	border: none;
}

/* right */
.featured_slider a.right 				{ background: url(images/scrollable_arrow_right.png) top left no-repeat;clear:right; margin-right: 0px;left:859px}
.featured_slider a.right:hover 		{  } 


/* left */
.featured_slider a.left				{ background: url(images/scrollable_arrow_left.png) top left no-repeat;margin-left: -39px; } 
.featured_slider a.left:hover  		{ }


/* disabled navigational button */
.featured_slider a.disabled {
	visibility:hidden !important;		
}

/* COMMENTS */

.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;
	background: #ecf2f2;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
		.commentlist li li {
			background: #fff;
		}
				.commentlist li li li {
					background: #ecf2f2;
				}
				
		.comment-author-admin {
			background: #f3ecec !important;
		}

.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;
	}
	
.alt {
	background: #ecf2f2;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	}

.children { padding: 0; }


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}



/* RANDOM CLASSES */

.newer_older {
	padding-bottom: 20px;
}
		.newer_older .alignleft, .newer_older .alignright {
			width: 47%;
		}

.ridborder .featured_slider {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}



.work {
width:;
}


.work img {
padding: 5px;
background: #dee6e7;
border: 1px solid #b8bebe;
margin-right: 15px;
}