/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }
body, html {
background:#E1E4E9 url(images/noise__.png) repeat-x scroll 0 0;
color:#002B50;
font-family:arial,helvetica;
font-size:12px;
font-weight:normal;
line-height:135%;}

ul {	list-style:none;}
a {	color:#4D8CAA;	text-decoration:none;	}
a:hover {	text-decoration:underline;color:#002B50;}		
a:focus {	outline:none;}
p {	margin:1em 0;}		
h2, h3 {	padding:10px 0 10px;	line-height:100%;}

h2 {
color:#475475;
font-family:georgia;
font-size:23px;
font-style:italic;
font-weight:normal;
margin:17px 0;
padding:3px 0;
}
h1 {	font-size:30px;
	line-height:100%;
	font-weight:normal;
	color:#587280 ;
	display:block;
	padding-bottom:5px;
	display:none;
}
h1 a {	text-decoration:none;}
h1 a:hover {color:#587280;}

 /* LAYOUT STRUCTURE--------------------------------------------------*/
 
#mainWrapper {
background:transparent url(images/back_wrapper.png) no-repeat scroll 0 0;*background:none;}
#wrapper {	margin:0 auto;	width:960px;}

#header {height:150px;
position:relative;
z-index:99;}

#content {background:transparent url(images/bk_dotted.gif) repeat-x scroll 0 0;
border-top:0 solid #333333;
padding:9px 0 25px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}

#colLeft {float:left;margin-top:-10px;width:683px;}

#colRight {float:left;
left:8px;
margin-top:14px;
padding-left:0;
position:relative;
width:270px;}

#colRight .textwidget a {
background:transparent url(images/bullet_blue.jpg) no-repeat scroll 3px 10px;
color:#666666;
display:block;
padding:8px 0 8px 25px;
text-decoration:none;
}

#colRight .textwidget li  {
background:transparent url(images/bk_dotted.gif) repeat-x scroll 0 100%;
padding-bottom:1px;
position:relative;}

#footer {background:transparent url(images/bk_dotted2.gif) repeat-x scroll 0 0;
border-top:0 solid #333333;
color:#999999;
height:30px;
margin:1px auto;
padding:20px 0 5px 14px;
position:relative;
width:960px;}

/* HEADER ELEMENTS 
/* -- logo --*/
#logo {	position:absolute;	top:30px;	left:0;	}	
#logo a img{border:none;}
/* top menu */
#topMenu {
	position:absolute;
	left:0;
	top:88px;
	padding-top:17px;
	width:100%;
	background:url(images/bk_dotted.gif) 0 0 repeat-x;}
	
.sf-menu li {	position: relative;
	float: left;
	line-height: 37px;
	padding: 10px 1px 5px 0;
	text-align: center;
	height:35px;	}

.sf-menu li a {text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	display: block;
	float: left;
	text-decoration: none;
	text-transform:uppercase;
	padding:0 15px;
	position:relative;
	color:#002B50;
	border-left:1px dotted #333;
	line-height:100%;}

#topMenu ul.sf-menu li a:hover {color:#00A4CC;}

#topMenu ul.sf-menu li ul.children {	background:#333;	display:none;}

#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li  {
	position:relative;
	line-height:100%;
	height:28px;
	border-bottom:1px solid #444;
	display:none;	}

#topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a {
	color: #999;
	text-decoration: none;
	display:none;
	padding-top:10px;
	line-height:100%;
	border:none;}

#topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{
	text-decoration: none;
	background: none;
	border:none;
	line-height:100%;
	display:none;
	padding-top:10px;}

#topMenu ul.sf-menu li ul.children li ul.children {	border: none;	display:none;}
#topMenu ul.sf-menu li ul.children li ul.children li {	background:#000;		display:none;}
#topMenu ul.sf-menu li ul.children li ul.children a {	text-decoration: none;	position:relative;	border:none;		display:none;}
#topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li.page_item ul
{	margin:6px 0 0 0;		display:none;}

#topMenu ul.sf-menu li ul.children ul.children {margin:0 0 0 38px;		display:none;}
#topMenu ul li ul li a, #topMenu ul li:hover ul li a,  #topMenu ul li:hover ul li a, #topMenu ul li:hover ul li a:hover {
	background:none;
	border:none;
	color:#fff;
	line-height:100%;
	text-transform:none;
	padding-top:5px;
	height:27px;}
	
.twitter {background:transparent url(images/follow.png) no-repeat scroll 0 0;
position:absolute ;right:110px ;top:114px ;z-index:99;width:72px;}

.twitter:hover {background:transparent url(images/follow_h.png) no-repeat scroll 0 0;
position:absolute ;right:110px ;top:114px ;z-index:99;width:72px;}

.twitter a {display:block; height:26px; text-indent:-9999px; width:68px;}

.rss:hover {background:transparent url(images/subscribe_h.png) no-repeat scroll 0 0;
height:30px;
line-height:0;
padding-right:10px;
position:absolute;
right:0;
top:114px;}

.rss {
background:transparent url(images/subscribe.png) no-repeat scroll 0 0;
height:30px;
line-height:0;
padding-right:10px;
position:absolute;
right:0;
top:114px;}

.rss a {display:block;height:29px;text-indent:-9999px;width:89px;}

/* CONTENT ELEMENTS----------------------------------------------*/
.alignleft {	float:left;	margin:5px 15px -3px 0;}

.alignright {	float:right;	margin:5px 0 5px 15px;}

ul.homeColumns {
background:transparent url(images/bk_dotted.gif) repeat-x scroll 0 0;
display:block;
margin-top:-9px;
padding-bottom:0px;
padding-top:25px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

ul.homeColumns li h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#6A7384 none repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin:15px 0 5px;
padding:5px 7px;
text-shadow:none;
text-transform:none;
}

ul.lastRow {
	background:none;
}

ul.homeColumns li {
	float:left;
	padding:0 18px 0 0;
	margin-right:20px;
	width:294px;
	position:relative;
}

ul.homeColumns li img {	border:none;}
ul.homeColumns li.last {	margin-right:0;	background:none;	padding-right:0;}
ul.homeColumns li h2 {	margin-top:0;}
ul.homeColumns li ul {	margin:0;}
ul.homeColumns li ul li {
	padding-bottom:1px;
	background:none;
	border-bottom:1px dotted #666;
	margin:0;
	padding-right:0;
	padding-bottom:10px;
  padding-top:10px;}

ul.homeColumns li ul li a{
	padding:7px 0;
	background:url(images/bullet_blue.jpg) 3px 10px no-repeat;
	padding-left:25px;
	padding-right:0;
	text-decoration:none;	}

.catTitle {
	background:url(images/bk_dotted2.gif) 0 100% repeat-x;
	padding:9px 0 ;
	margin-bottom:10px;
	color:#666;
	font-size:14px;
	width:643px;}

.blogItem, .archiveItem  {
	margin-bottom:15px;
	padding-bottom:15px;
	width:643px;}

.archiveItem  {	padding-bottom:0;}

.blogItem span.posted, .archiveItem span.posted {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bk_dotted2.gif) repeat-x scroll 0 0;
color:#999999;
display:block;
font-size:11px;
margin-top:-4px;
padding-bottom:8px;
padding-top:10px;}

.blogItem .metadata, .archiveItem .metadata {
clear:both;
height:48px;
left:589px;
position:absolute;
text-align:center;
top:7px;
width:47px;
}

.blogItem .metadata .month, .archiveItem .metadata .month {
	color:#4D8CAA;
	font-size:10px;
	text-transform:uppercase;
	padding-bottom:10px;
}

.blogItem .metadata .day, .archiveItem .metadata .day {
	font-size:12px;	color:#002b50;	font-weight:bold; opacity:0.5;}

.blogItem div.details, .archiveItem div.details {clear:both;position:relative;}

.blogItem div.details h1, .archiveItem div.details h2 {
background:transparent none repeat scroll 0 0;
margin:0 0 -16px;
padding-left:0;
padding-right:0;
padding-top:10px;
}

*html .blogItem div.details, *html .archiveItem div.details  {	height:1%;}


.blogItem .meta, .archiveItem .meta {
background:transparent url(images/bk_dotted2.gif) repeat-x scroll 0 100%;
margin-bottom:20px;
margin-top:-1px;
width:643px;
padding-top:7px;
*margin-top:8px;
}

.archiveItem .meta{ 	background:none;}

.blogItem a.more-link {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bk_readmore.png) no-repeat scroll 0 0;
clear:both;
display:block;
float:right;
height:24px;
margin:6px -39px -9px 11px;
text-indent:-9999px;
width:120px;
}

#colLeft .portfolioItem {
float:left;
margin-bottom:2px;
margin-right:17px;
margin-top:15px;
padding-bottom:2px;
width:207px;
}

#colLeft .portfolioItem h2 {
background:transparent url(images/post_bg.png) no-repeat scroll 0 0;
/*_background:transparent url(images/post_bg.png) repeat-y scroll 0 0;*/
font-family:arial;
font-size:11px;
font-style:normal;
line-height:13px;
margin:0;
padding:4px 0 5px 9px;
height:13px;
}

*html #colLeft .portfolioItem{	margin-right:15px;	width:207px;}

#colLeft a img {border:none;}

#colLeft img {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
padding:3px;
*margin-bottom:-3px;}

* html #colLeft img {	margin-bottom:-3px;}

#colLeft ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/tick.png) no-repeat scroll left top;
display:block;
margin:3px 0 0 3px;
padding:2px 0 5px 22px;
width:94%;}

/* colRight */

ul.services li {
background:transparent url(http://www.re-winder.com/wp-content/uploads/2009/12/tick.png) no-repeat scroll left top;
display:block;
margin:3px 0 0 3px;
padding:2px 0 5px 22px;
width:94%;}

#colRight h2.sponsors {	background:#EE4A04;	color:#fff;}

#colRight ul li {background:transparent url(images/bk_dotted.gif) repeat-x scroll 0 100%;padding-bottom:1px;position:relative;}

#colRight ul li a{
	display:block;
	padding:8px 0;
	background:url(images/bullet_blue.jpg) 3px 10px no-repeat;
	padding-left:25px;
	color:#666;
	text-decoration:none;
}

#colRight ul li a:hover{url(images/bullet_green.jpg) 3px 10px no-repeat;color:#00A4CC}

#colRight #ads {	clear:both;	padding:8px 0 10px;	background:url(images/bk_dotted.gif) 0 100% repeat-x;} 

#colRight #ads a {	float:left;	margin:0 10px 10px 0; }

#colRight #ads img {	border:none; }

#colRight h2 {
background:#d2d7df none repeat scroll 0 0;
color:#FFFFFF;
font-family:serif;
font-style:normal;
font-size:12px;
letter-spacing:1px;
margin:21px 0 5px;
text-shadow:none;
padding:5px 7px;
text-transform:uppercase;
}

#ads_msg {
	padding:8px 8px 2px;
	background:#f4f4f4;
	border:1px dotted #ccc;
	float:left;
	line-height:100%;
	width:243px;
	height:22px;}

#ads_msg a {	color:#666;}

#colLeft .social {margin-bottom:-22px;}

#colLeft .social a img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
padding:0;
margin-bottom: 15px;
}

#colLeft .social a:hover img {	border:none;}
#colLeft .social strong {	color:#4A617D;}

/*COMMENTS---------------------------------------------*/

#colLeft ul.commentlist {	margin-bottom:10px;	list-style-type:none;}

#colLeft ul.commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DAE0E5 none repeat scroll 0 0;
padding:10px;}
#colLeft ul.commentlist li .avatar {display:none;float:left;margin-left:-40px;width:32px;}
* html #colLeft ul.commentlist li .avatar {	margin-bottom:-20px;}
#colLeft ul.commentlist li .commentmetadata {	font-size:11px;	color:#00A4CC;}


/* HOME SLIDER-----------------------------------------------*/
#slider {	padding-bottom:15px;	height:340px;}

.panel .text {
	color:#666;
	height:60px;
	padding-right:32px;
	padding-bottom:10px;
	float:left;
	width:300px;
	font-size:14px;
	display:none;
}
.panel .text p {
	display:block;
	background:url(images/bk_dotted.gif) 0 0 repeat-x;
	padding-top:15px;
	display:none;}

.panel .text h1, .panel .text h1 a {
	color:#00A4CC;
	font-size:28px;
	font-weight:normal;
	margin-bottom:0;
	line-height:110%;
	display:none;
}
.panel img {
border:1px solid #FFFFFF;
float:left;
height:338px;
width:957px;
}

.panel .label {	position:absolute;	top:0;	left:313px;	height:340px;	width:18px;}

.panel .post {	background:#00CCFF url(images/label_post.jpg) 0 0 no-repeat;}
.panel .project {	background:#F78B21 url(images/label_project.jpg) 0 0 no-repeat;}

/* CAROUSEL---------------------------------------------*/

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 340px; /*Height should enough to fit largest content's height*/;}

.stepcarousel span.featured {
	color:#666;
	font-size:11px;
	display:block;
	border-bottom:1px dotted #666;
	padding-bottom:5px;
	width:270px;
}

.stepcarousel .belt{	position: absolute; /*leave this value alone*/	left:0;	top: 0;}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	position:relative;}

/* FORMS---------------------------------------------------*//* search form */

#searchform {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bk_dotted.gif) repeat-x scroll 0 100%;
padding-bottom:21px;}

#searchform #s {
	width:130px;
	border:1px solid #fff;
	font-size:11px;
	padding:4px 2px;
	margin-left:5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

#searchform #searchsubmit {
background:#d2d7df none repeat scroll 0 0;
border:none;
color:#FFFFFF;
font-family:georgia;
font-size:11px;
font-weight:none;
letter-spacing:1px;
padding:3px 0;
text-align:center;
text-transform:uppercase;
width:63px;
cursor:pointer;}

/* post comment */

#commentform label {	display:block;	padding:5px 0 2px;}

#commentform input, #commentform textarea {
	border:1px solid #fff;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;}
	
#commentform textarea {	width:500px;}

#commentform input#submit{
	border:none;
	width:120px;
	height:28px;
	text-align:center;
	padding-top:4px;
	margin-top:5px;
	background:url(images/bk_postcomment.png) 0 0 no-repeat;
	font-size:11px;
 cursor:pointer;	}

/* contact */

#contact label {	display:block;	padding:8px 0 2px;}

#contact input, #contact textarea {
	border:1px solid #fff;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

#contact textarea {	width:500px;}

#contact input.submit {
	border:none;
	width:120px;
	height:28px;
	text-align:center;
	padding-top:4px;
	margin-top:5px;
	background:url(images/bk_sendmsg.png) 0 no-repeat;
	cursor:pointer;
}
.errormsg, .successmsg{	color:#DA4310;}
.successmsg {		color:#8FA943;}

/* CLEARING---------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
.clearfix {	display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {	clear: both;}

.noclear {	clear: none;}

#contactus {padding-top:15px;}