@charset "utf-8";
/* CSS Document */

body {
		background-image:url(images/1px.jpg);
		background-repeat:repeat-x;
		background-color:#deded6;
		font-family:Arial, Helvetica, sans-serif;
		font-size:.7em;
}


a:link {
		color:#00538d;
		text-decoration:none;
		font-weight:bold;
		outline:none;
}

a:visited {
	color:#00538d;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

a:active {
	color:#00538d;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

a:hover {
	text-decoration:underline;
	font-weight:bold;
	outline:none;
}

/*the main title on the page*/
h1 {
		color:#00538d;
		font-size:1.6em;
		font-weight:bold;
		margin:0px 0px 3px 0px;
		padding:0;
}

.title2 {
		color:#00538d;
		font-size:0.8em;
		font-weight:normal;
		margin:0px 0px 3px 0px;
		padding:0;
}



#sw_logo {
	width:400px;
	height:102px;
	float:left;
}

#header {
    position:relative;
}


#tel_number {
	float:right;
    padding:50px 70px 10px 0;
	color:#00538d;
	font-size:1.7em;
	font-weight:bold;
}

#feed,
#email {
    width:140px;
    position:absolute;
    right:70px;
}

#feed {
    bottom:5px;
}

#email {
    bottom:-10px;
}

strong {
		color:#00538d;
		font-size:1em;
}

/*Inline class for bold text*/
.boldder {
		font-weight:bold;

}

/*this is the code for the main container which houses everything*/
#container {
		width:900px;
		height:auto;
		margin:auto;
	
}

/*code for the div that contains the smartways logo and telephone number*/
#header {
		width:900px;
		height:102px;
		margin:auto;
}


/*this is the one piece nav div*/
#nav {
		width:900px;
		height:62px;
		margin:auto;
		text-align:center;
}



/*this is the main big graphic*/
#header_graphic {
		width:900px;
		height:200px;
		margin:auto;
		text-align:center;
		
}

/*this is the div that has the drop shadow as a background image at 1px wide, with white area*/
#main_shadow {
		width:900px;
		background-image:url(images/smarterways_bg_shadow.png);
		margin:auto;
		padding-top:18px;
		height:auto;
	
}

/*left hand div in which houses the main content*/
.left {
		width:400px;
		margin-left:80px;
		height:auto;
		float:left;
		padding-right:40px;
		margin-top:10px;
		
		
}

/*div on the right side of the page, where the smaller images are*/
.right {
		width:260px;
		height:auto;
		float:right;
		margin-right:50px;
		border-left:1px solid #999;
		padding-left:25px;
		padding-right:35px;
		margin-top:10px;
}

.main{
	width:740px;
	height:auto;
	padding:10px 80px 0;
}

/*smaller images on the right hand side of the page*/
.small_images {
		float:left;
		padding-right:3px;
		padding-bottom:15px;
}


/*the blue advert box*/
.blue_box {
		padding-left:15px;
}

/*the div that clears the right and left float*/
.clear {
		clear:both;
		
}

/*the div that clears the right and left float*/
.clear2 {clear:both; width:100%; height:20px;}



.sub_headings {
	
	color:#00538d;
		font-size:1.2em;
		font-weight:bold;
	
}

/*span class for the smaller read more text*/
.read_more {
		color:#00538d;
		font-size:.8em;
		font-weight:bold;
		text-decoration:none;
		
}

.read_more a:link {
		color:#00538d;
		text-decoration:none;
		
}

.read_more a:visited {
	color:#00538d;
	text-decoration:none;
}
.read_more a:active {
	color:#00538d;
	text-decoration:none;
}
.read_more a:hover {
	text-decoration:underline;
}

/*div that house the portfolio*/
#port_div {
		width:750px;
		height:auto;
		margin-left:80px;
		padding-bottom:20px;
		margin-top:10px;
}



#port_div a img{opacity: 1;filter: alpha(opacity = 100); outline:none; border:1px solid #fff;}
#port_div a:visited img{opacity: 1;filter: alpha(opacity = 100); outline:none; border:1px solid #fff;}
#port_div a:hover img{opacity: 0.7;filter: alpha(opacity = 70); outline:none; border:1px solid #00538d;}



.news {
	width:700px;
		margin-left:80px;
		height:auto;
		float:left;
		padding-right:40px;
		margin-top:20px;
}

/*constructive interactions logo on graphic design page*/
.coni {
		padding-bottom:8px;
		padding-right:10px;
}

/*confidence logo on the graphic design page*/
.confidence {
		padding-left:10px;
		padding-bottom:20px;
}


#site_div {
		width:720px;
		height:auto;
		margin-left:80px;
		padding-bottom:20px;
		margin-top:10px;
		padding-right:40px;
}

#sitemap_content {
		width:200px;
		height:auto;
		margin:auto;
		line-height:30px;
		
}

/*the div for the rounded white box footer*/
#footer_graphic {
		width:900px;
		height:50px;
		margin:auto;
		clear:both;
}

#footer {
		width:760px;
		height:auto;
		margin:auto;
		padding:0px 20px 60px 20px;
		color:#535352;
}

/*font for sitemap text*/

.social {
	padding:0px 0px 10px 6px;
}

.site {
	width:500px;
	height:auto;
	float:left;
	padding-top:2px;
	}

.site a:link {color:#535352; font-weight:normal; text-decoration:none;}
.site a:visited {color:#535352;	font-weight:normal;	text-decoration:none;}
.site a:active {color:#535352; font-weight:normal; text-decoration:none;}
.site a:hover {	color:#535352;	font-weight:normal;	text-decoration:underline;}

.facebbook {
	width:260px;
	height:auto;
	float:right;
	text-align:right;
}

.facebbook a:link {color:#535352; font-weight:normal; text-decoration:none;}
.facebbook a:visited {color:#535352; font-weight:normal; text-decoration:none;}
.facebbook a:active {color:#535352;	font-weight:normal;	text-decoration:none;}
.facebbook a:hover {color:#535352; font-weight:normal; text-decoration:underline;}

.black {font-weight:bold;}

p{padding:0px 0px 3px 0px;}
 
/*padding for the images on the portfolio page*/
.imgpad{padding:16px;}
.padding{padding:16px 16px 0px 16px;}


.blog{
	padding:0px 2px 1px 5px;
}

li{margin-bottom:15px;}

.padbottom{padding-bottom:10px;}
.padright{padding-right:40px;}

#breadcrumb {
		width:720px;
		height:auto;	
		color:#C4C4C4;
		text-align:center;
		padding:10px 90px 0px 90px;
}

#breadcrumb a:link{color:#c4c4c4; text-decoration:none;}
#breadcrumb a:visited{color:#c4c4c4; text-decoration:none;}
#breadcrumb a:hover{color:#c4c4c4; text-decoration:underline;}
#breadcrumb a:active{color:#c4c4c4; text-decoration:none;}