/*

Theme Name: blupint

Theme URI: http://blupint.com/

Description: The default WordPress theme on the blupint.com.

Version: 1.0

Author: Din 

Author URI: http://creamylayouts.com/

Tags: fixed width, two columns



*/

ol li{list-style: decimal outside;}

cite {text-decoration: none;}

hr {display: none;}

.clear {clear: both;}

img{border: none;}

a{ color: #4D4D4D;text-decoration: none;}

a:hover {color: #4D4D4D;text-decoration: underline;}

h1 {

	font-size: 4em;

	text-align: center;

	padding: 70px 0 0 0;

	margin: 0;

	}

h1 a{color: #000;}

h2 {

	margin: 10px 0 0;

	font-size: 1.6em;

	color: #000;

	}

h2.pagetitle {

	margin-top: 30px;

	text-align: center;

	font-size: 1.6em;

}



h2 a{color: #000;}	



h3 {

	padding: 0;

	margin: 30px 0 0;

	font-size: 1.3em;

	color: #000;

	}



h3 a{color: #000;}





small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	color: #777;

	}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0px; font-size:0px;}

body {

	font-size: 13px;

	line-height:15px;

	font-family:Helvetica, sans-serif;

	background: url(images/bg01.gif) repeat left top;

	color: #4D4D4D;

	margin: 0;

	padding:82px 0 12px 0;

	}



#page{ width:1024px; clear:both;  margin:0 auto; background:#fff;}



#header{ border-bottom:solid 5px #000; height:22px; position:relative;}

#header div.logo{ position:absolute; z-index:12; margin:-70px 0 0 -28px; }

#header div.logo img{width:125px; height:124px;}

#header div.topmenu{ float:right; width:auto; position:absolute; z-index:6; right:0;}

#header div.topmenu ul{ float:left; width:auto; padding:0; margin:0; list-style:none;}

#header div.topmenu ul li{ float:left; width:auto; }

#header div.topmenu ul li a{ font-size:15px; font-weight:bold; line-height:22px; display:block; float:left; width:auto;padding:0 12px; cursor:pointer;}

#header div.topmenu ul li.current_page_item a,#header div.topmenu ul li.current-cat a,#header div.topmenu ul li a:hover{ background:url(images/arrow01.gif) no-repeat center bottom;color:#008DC9; text-decoration:none;}

div.contact-block{ display:none; position:absolute; z-index:2; background:url(images/contact.gif) no-repeat left bottom; width:162px; height:65px; margin:-65px 0 0 -20px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold;}

#header div.topmenu div.contact-block ul{ padding:4px 8px; float:none; clear:both;}

div.contact-block img{ vertical-align:middle;}

#header div.topmenu ul li.hover div.contact-block{ display:block;}

#header div.topmenu ul li div.contact-block a{ color:#fff;font-family:Verdana, Geneva, sans-serif; font-size:11px; display:inline; float:none; clear:both; padding:0; }

#header div.topmenu ul li div.contact-block a:hover{ text-decoration:underline; background:none;}

div.concepts{ position:absolute; z-index:13; padding:3px 16px; font-size:13px; color:#808083;}

div.home{ width:1008px; height:494px; overflow:hidden; clear:both; margin:0 0 0 16px; background:url(images/home.jpg) no-repeat right top; position:relative;}

div.home h1.t1{ text-align:left; line-height:62px; font-size:60px; padding:78px 0 0 0; margin:0;}

div.home h2.t2{ font-size:34px; line-height:36px; padding:0; margin:0;}

div.home div.intro{ margin:10px 0 0 130px; width:230px;}

div.home div.social{ position:absolute; bottom:10px;}

div.home div.social img{ vertical-align:middle;}

div.home div.main{width:792px; float:left;}

div.home div.side{width:216px; float:left; }

div.home div.chatter{ padding:28px;}

div.home div.chatter div.t3{ font-size:13px; text-align:center; color:#008DC9; font-weight:bold;}

div.home div.chatter ul.blogs{ padding:0; margin:0; list-style:none; font-size:11px;}

div.home div.chatter ul.blogs li{ border-bottom:solid 1px #4D4D4D; padding:4px 2px;}

div.offerings-page{width:1008px; height:494px; position:relative;}

div.offerings-page img.offerings{ margin:0 0 0 -29px; position:relative;}

div.offerings-page div.offerings{ position:absolute; z-index:4; top:320px; left:430px;}

div.offerings-page ul.offerings{ list-style:none; padding:0; margin:0;}

div.offerings-page ul.offerings li{ background:url(images/arrow02.gif) no-repeat left 8px; padding:4px 0 4px 22px;}

div.offerings-page ul.offerings li a{ color:#000; font-size:20px; font-weight:bold; line-height:22px; cursor:pointer;}

body,html{height:100%; width:100%;}

div.overlay{ 



    position:fixed;

	z-index:100;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

	-moz-opacity: 0.60;

	opacity: 0.60;

	filter:alpha(opacity=45);

	background: #000 url(none); 

	margin:0 auto;

	display:none;

}

a.overlay1,a.close{ cursor:pointer;}

div.popup{width:524px;  display:none; z-index:999; position:fixed; top:50%; left:50%; }

div.popup div.box01-top{ width:609px; line-height:21px; height:21px; background:url(images/box01-top.gif) no-repeat left top;}

div.popup div.box01-btm{ width:609px; font-size:6px; line-height:6px; height:6px; background:url(images/box01-btm.gif) no-repeat left bottom;}

div.popup div.box01-mid{ background:#fff; width:549px; padding:5px 30px;}

div.popup img.close{ position:absolute; top:-13px; left:-13px;}

div.popup div.cols1{ width:549px; clear:both;}

div.popup div.col1{ width:500px; float:left;}

div.popup div.col2{ width:38px; float:right;}

*html div.overlay{ position:absolute; }

*html div.popup{ position:absolute; }

div.process-page{width:1023px; height:494px; position:relative; padding:0 0 0 1px;}

div.process-page img.process{ position:relative; margin:0 -55px 0 0;}

div.process-page img.process1{position:absolute; z-index:4; top:-127px; left:42px;behavior:url("http://192.168.1.100/blogs/blupint/wp-content/themes/blupint/images/iepngfix.htc"); width:402px; height:621px;}

div.process-page h1.t1{ position:absolute; top:51px; left:480px; text-align:left; font-size:48px; line-height:50px; z-index:5; padding:0; margin:0;}

div.process-page div.offerings{ position:absolute; z-index:4; top:174px; left:496px; width:427px;}

div.process-page ul.offerings{ list-style:none; padding:0; margin:0;}

div.process-page ul.offerings li{  padding:20px 0 20px 0px;}

div.process-page ul.offerings li a{background:url(images/arrow02.gif) no-repeat right 6px; color:#000; font-size:20px; font-weight:bold; line-height:22px; cursor:pointer; padding:0 22px 0 0;}

div.clients-page{width:1024px; height:494px; position:relative;background:url(images/content.jpg) repeat-y right top;}

div.clients-page img.clients{ position:relative; margin:-103px 0 0 -41px;behavior:url("http://192.168.1.100/blogs/blupint/wp-content/themes/blupint/images/iepngfix.htc"); width:458px; height:686px;}

div.clients-page h1.t1{ position:absolute; top:51px; left:456px; text-align:left; font-size:48px; line-height:50px; z-index:5; padding:0; margin:0;}

img.aligncenter{ display:block; margin:0 auto;}

div.clients-block{ position:absolute; top:180px; left:416px; width:548px;}

div.clients-block ul.clients{ list-style:none; padding:0; margin:0;}

div.clients-block ul.clients li{border-bottom:solid 1px #75B1C6; padding:6px 0; font-size:14px; line-height:16px;}

div.clients-block ul.clients li a.client{background:url(images/arrow02.gif) no-repeat right 6px; color:#000; font-size:25px; font-weight:bold; line-height:27px; cursor:pointer; padding:0 22px 0 0;}

div.clients-block ul.clients li p{ padding:0; margin:0;}

div.clients-block div.col1{ width:25px; float:left; height:240px; border-right:solid 1px #75B1C6;}

div.clients-block div.up{ padding:95px 0 10px 0;}

div.clients-block div.col2{ width:472px; float:left; margin:0 15px;}

div.clients-block div.col3{ width:12px; float:left;}

div.clients-block ul.nav{ list-style:none; padding:0; margin:0;}

div.clients-block ul.nav li{ padding:3px 0;}

div.clients-block ul.nav li a{ width:12px; height:11px; background:url(images/icon02.gif) no-repeat left top; display:block; cursor:pointer;}

div.clients-block ul.nav li a:hover{ text-decoration:none;}

div.clients-block ul.nav li.on a{ background:url(images/icon01.gif) no-repeat left top;}

div.partners-page{width:1024px; height:494px; position:relative;background:url(images/partners.jpg) no-repeat right top;}

div.partners-page img.partners{ position:relative; margin:83px 0 -103px 302px;behavior:url("http://192.168.1.100/blogs/blupint/wp-content/themes/blupint/images/iepngfix.htc"); width:542px; height:473px;}

div.partners-block{ position:absolute; top:62px; left:32px; width:270px; background:url(images/bg02.gif) repeat-y left top;}

div.partners-block div.partners{ padding:0px 12px 10px 22px;}

div.welcome-block{position:absolute; top:62px; left:710px; width:300px;}

div.welcome-block h1.t1{  color:#000; text-align:left; font-size:48px; line-height:50px; padding:0; margin:0;}

div.welcome-block h2.t2{ font-size:24px; line-height:26px; padding:0; margin:0;}

div.sizers-page{width:1024px; height:494px; position:relative;background:url(images/content.jpg) repeat-y right top;}

div.sizers-page h1.t1{color:#000; text-align:left; font-size:48px; line-height:50px; padding:47px 0 0 47px; margin:0;}

div.sizer img{behavior:url("http://192.168.1.100/blogs/blupint/wp-content/themes/blupint/images/iepngfix.htc");}

div.sizers-page div.sizerbg1{ position:absolute; top:0; left:713px; z-index:51;}

div.sizers-page div.sizerbg2{ position:absolute; top:184; right:180px; z-index:54;}

div.sizers-page div#sizer1{position:absolute; top:-10px; left:650px; z-index:52;}

div.sizers-page div#sizer2{position:absolute; top:123px; right:-34px; z-index:53;}

div.sizers-page div#sizer05{position:absolute; top:20px; left:369px; z-index:505;}

div.sizers-page div#sizer06{position:absolute; top:96px; left:520px; z-index:506;}

div.sizers-page div#sizer07{position:absolute; top:258px; left:420px; z-index:507;}

div.sizers-page div#sizer08{position:absolute; top:180px; left:202px; z-index:508;}

div.sizers-page div#sizer09{position:absolute; top:161px; left:-14px; z-index:509;}

div.sizers-page div#sizer10{position:absolute; top:258px; left:681px; z-index:510;}

div#sizer-box1{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:62;top:14px;left:27px; display:none;}

div#sizer-box2{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:63;top:-20px;left:90px; display:none;}

div#sizer-box05{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:605;top:-13px;left:83px; display:none;}

div#sizer-box06{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:606;top:-11px;left:20px; display:none;}

div#sizer-box07{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:607;top:21px;left:138px; display:none;}

div#sizer-box08{ background:url(images/box03.gif) no-repeat left bottom; height:43px; color:#fff; padding:10px 8px 0 8px; position:absolute; z-index:608; bottom:0;left:44px; display:none;}

div#sizer-box09{ background:url(images/box03.gif) no-repeat left bottom; height:43px; color:#fff; padding:10px 8px 0 8px; position:absolute; z-index:609; bottom:0;left:44px; display:none;}

div#sizer-box10{ background:url(images/box02.gif) no-repeat left top; height:54px; color:#fff; padding:0 8px; position:absolute; z-index:610;top:-7px;left:141px; display:none;}
div.firstname{ font-weight:bold; padding:4px 0 2px 0;}

div.lastname{ white-space:nowrap;}

div.wrapper{ width:1008px; overflow:hidden; clear:both; margin:0 0 0 16px; background:url(images/content.jpg) repeat-y right top;}

div.content{ width:1008px; overflow:hidden; clear:both; margin:0 0 0 16px; background:url(images/content.jpg) repeat-y right top;}

div.content div.main{width:762px; float:left; padding:20px 0 0 0;}

div.content div.side{width:216px; float:left; margin:0 0 0 20px; }

/**********narrowcolumn***************/	

.narrowcolumn {



	}

.narrowcolumn .entry{

	line-height: 1.4em;

	}

.narrowcolumn .postmetadata {

	text-align: center;

	}

.narrowcolumn .postmetadata {

	padding-top: 5px;

	}	

/*************post*********************/	

.post {

	margin: 0 0 20px;

	}



.post hr {

	display: block;

	}

.postmetadata {

	clear: left;

	color: #777;

}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}

.entry p a:visited {

	color: #b85b5a;

	}

.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 20px;

	overflow:hidden;

	widows:100%;

	}

/* Begin Sidebar */

#sidebar{}

#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	font-size: 1.2em;

	}





#sidebar ul{

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}

#sidebar ul ul{

	margin: 5px 0 0 10px;

	}

#sidebar ul ul li{

	margin: 3px 0 0;

	padding: 0;

	}	

#sidebar ul p{

	margin: 5px 0 8px;

	}



	



#sidebar ul ul ul{

	margin: 0 0 0 10px;

	}

#sidebar ul ol {

	margin: 5px 0 0 10px;

	padding: 0;

	}

#sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	list-style: decimal outside;

}

/* End Sidebar */



#footer {

	background: #000;

	text-align:right;

	padding:8px;

	color:#B2B2B2;

	font-family:Verdana, Geneva, sans-serif;

	font-size:9px;

	}

#footer a{color:#B2B2B2; position:relative;}













/**********widecolumn***************/

.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 450px;

	line-height: 1.6em;

	}

.widecolumn .post {

	margin: 0;

	}

.widecolumn .entry {

	line-height: 1.4em;

	}	

.widecolumn .entry p {

	font-size: 1.05em;

	}

.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}	







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

.center {

	text-align: center;

	}

/* End Images */













	









/* Begin Form Elements */

select {

	width: 130px;

	}



#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}

#sidebar form {

	margin: 0;

	}

#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}

#sidebar ul select {

	margin: 5px 0 8px;

	}

#sidebar #searchsubmit {

	padding: 1px;

	}

.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}

#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



#commentform #submit {

	margin: 0;

	}

/* End Form Elements */







/* Begin Comments*/

h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}





.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}

.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}

.commentlist p {

	margin: 10px 5px 10px 0;

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	font-weight: normal;

	}

	



/* End Comments */













/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}





#wp-calendar a {

	text-decoration: none;

	}

#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	font-size: 9pt;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	font-size: 9pt;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	text-decoration: none;

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;	

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

.alt {

	margin: 0;

	padding: 10px;

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



.nocomments, strike {

	color: #777;

	}





code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}





span.caps {

	cursor: help;

	font-size: 0.9em;

	letter-spacing: .07em;

	}

acronym, abbr {

	border-bottom: 1px dashed #999;

	cursor: help;

	font-size: 0.9em;

	letter-spacing: .07em;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	color: #777;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}





/* End Various Tags & Classes*/



/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}