@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
/* background-color: #d1e8f4; */
background: #fff url(null) fixed no-repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
.clear {
display: block;
height:1px;
clear:both;
margin: 0;
}
.spacer {
height: 250px;
min-height: 250px;
} 
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Page Structures -------------------------------------*/
/* Page Header -----------------------------------------*/
#header {
background: #000;
width: 100%;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
clear: both;
border-bottom: solid 3px #999;
}

#headercontent {
width: 950px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
min-height: 100px;
text-align: left;
}

* html #headercontainer{height: 246px;}

/*
#logocontainer {
float: left;
width: 301px;
height: 80px;
margin-top: 15px;
margin-left: 20px;
}
#tagcontainer {
float: right;
width: 425px;
margin: 75px 25px 0 0;
}
#navcontainer {
text-align: center;
margin-right: auto;
margin-left: auto;
width: 954px;
height: 42px; 
} 
/* Page Body --------------------------------------------------- */
#uppercontent {
background: #fff url(images/upper_bg.jpg) top center;
background-repeat: repeat-x;
width: 100%;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
clear: both;
}
/*-- Home Page Only --------*/
#uppercontainer {
width: 950px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#uppercontainer h1 {
font-family: "Gill Sans", Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #000;
padding: 0;
line-height: 160%;
}
#lowercontent {
background: url(images/lower_bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
width: auto;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
clear: both;
}
/*-- Home Page Only --------*/
#lowercontainer {
width: 950px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#container {
width: 950px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#leftcontent {
padding: 0;
float: left;
width: 700px;
}
#leftcontent h1 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.6em;
font-weight: normal;
color: #000;
line-height: 170%;
padding-top: 5px;
text-align: left;
margin-top: 10px;
}
#leftcontent h2 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.1em;
font-weight: normal;
color: #000;
line-height: 170%;
padding-top: 5px;
text-align: left;
}
#rightcontent {
padding: 0;
float: right;
width: 250px;
} 
#bottomcontent {
background: #fff;
width: auto;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
clear: both;
}
#bottomcontainer {
width: 950px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
/*
#leftcol {
float: left;
width: 236px;
margin-top: 0;
margin-left: 0;
}

#rightcol {
width: 718px;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: #fff;
}

.rightspace {
height: 400px;
min-height: 400px;
}
/* ----Footer -------------------------------------------------*/
#footercontent {
background: #000;
width: auto;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
clear: both;
}
#footercontainer {
background: #000 url(images/footer_bg.jpg);
background-position: center;
background-repeat: repeat-y;
width: 950px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
/* Logo -----------------------*/
#logocontainer {
padding: 10px 0 5px 10px;
float: left;
}
#logocontainer #logo { 
position: relative;
margin: 0;
padding: 0;
width: 246px; 
height: 135px;
}
#logocontainer #logo a {
position: static;
display: block;
height: 346px;
height: 135px;
white-space: normal;
color: #fff;
} 

#tagcontainer {
float: right;
text-align: right;
padding: 40px 0 0 0;
}
#tagcontainer #tagline { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 389px; 
height: 20px;
}
#tagcontainer #tagline span {
display: block;
position:absolute;
right: 0;
top: 0;
z-index: 1;
width: 389px;
height: 20px;
margin: 0;
padding: 0;
background: url("images/contact_us.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: text;
overflow: hidden;
}
#tagcontainer #tagline p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
color: #fff;
}
/* --- Global Navigation -------------------------------------------------- */
/*=NAVIGATION PRIMARY - BASE STYLES
-------------------------------------------------------------------------------------------*/	
#nav {
height: 72px;
width: 566px;
float: right;
font-size: 90%;
margin: 0;
padding: 15px 25px 0 0;
clear: right;

}
#nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav li {
float: left;
display: block;
height: 72px;
background: #000 url(images/navigation.jpg) 0 0 no-repeat;
}

/*=NAVIGATION PRIMARY - LIST ITEM - BACKGROUND POSITIONS
-------------------------------------------------------------------------------------------*/	
#nav li.home      			   { background-position: 0 0; width: 88px;	}
#nav li.about     		       { background-position: -88px 0; width: 102px; }
#nav li.portfolio 			   { background-position: -190px 0; width: 100px; }
#nav li.news     			   { background-position: -290px 0; width: 72px; }	
#nav li.articles   			   { background-position: -362px 0; width: 86px;	}
#nav li.contact   			   { background-position: -448px 0; width: 117px;	}

#nav a {
display: block;
height: 72px;
text-indent: -9999px;
background: #000 url(images/navigation.jpg) 0 -144px no-repeat;
}


	
/*=NAVIGATION PRIMARY - ANCHOR - DEFAULT BACKGROUND POSITIONS
-------------------------------------------------------------------------------------------*/
#nav li.home a 				   { background-position: 0 -144px; width: 88px;	}
#nav li.about a 				   { background-position: -88px -144px; width: 102px; }
#nav li.portfolio a 			   { background-position: -190px -144px; width: 100px; }
#nav li.news a 				   { background-position: -290px -144px; width: 72px; }
#nav li.articles a 			   { background-position: -362px -144px; width: 86px; }
#nav li.contact a 			   { background-position: -448px -144px; width: 117px; }
		
/*=NAVIGATION PRIMARY - ANCHOR - HOVER BACKGROUND POSITIONS
-------------------------------------------------------------------------------------------*/
#nav li.home.hover a:hover 	   { background-position: 0 0; width: 88px; }
#nav li.about.hover a:hover 	   { background-position: -88px 0; width: 102px; }
#nav li.portfolio.hover a:hover { background-position: -190px 0; width: 100px;	}
#nav li.news.hover a:hover 	   { background-position: -290px 0; width: 72px;	}
#nav li.articles.hover a:hover   { background-position: -362px 0; width: 86px; }
#nav li.contact.hover a:hover   { background-position: -448px 0; width: 117px; }

/*=NAVIGATION PRIMARY - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS
-------------------------------------------------------------------------------------------*/	
#home #nav li.home a 		   { background-position: 0 -72px; width: 88px; }
#about #nav li.about a 		   { background-position: -88px -72px; width: 102px; }
#portf #nav li.portfolio a  { background-position: -190px -72px; width: 100px; }
#news #nav li.news a 		   { background-position: -290px -72px; width: 72px; }
#articles #nav li.articles a 	   { background-position: -362px -72px; width: 86px; }
#cont #nav li.contact a 	   { background-position: -448px -72px; width: 117px; }


/*----------- Home Page Title ------------------------------------*/
#upperleft {
padding: 10px 0 0 5px;
float: left;
}
#upperleft #title h2 {position: absolute; left: 1px; top: 1px;}

#uppercontainer #upperleft #title { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 420px; 
height: 219px;
}
#uppercontainer #upperleft #title span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 420px;
height: 219px;
margin: 0;
padding: 0;
background: url(images/websites_designed.jpg);
background-position: top left;
background-repeat: no-repeat;
cursor: text;
}

/* ------- featured Projects -------------------------------------*/

#upperright {
float: right;
width: 520px;
padding: 5px 5px 0 0;
}

#ftproject {
margin-left: 55px;
background: #fff;
padding: 5px;
width: 430px;
border: solid 1px #e6e4e6;
}
/*-- Image Slider Container for Portfolio Detail Pages --------------*/
#project_images {
margin: 10px 0 0 0;
background: #fff;
padding: 5px;
width: 430px;
height: 275px;
border: solid 1px #e6e4e6;
float: left;
}

#slidercontainer {
		position:relative;
	}	
/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:430px;
		height:275px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:32px;
		height:32px;
		position:absolute;
		left:-18px;
		top:135px;
		}	
	#nextBtn{ 
		left:418px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:32px;
		height:32px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

/*------------- Home Page Content -------------------------*/
#intro {
float: left;
width: 460px;
text-align: left;
padding: 20px 0 0 0;
}
#intro p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.5em;
font-weight: normal;
color: #000;
padding: 0 25px 10px 0;
line-height: 180%;
}
#intro span {
font-size: 1.2em;
}
#intro h2 {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.8em;
font-weight: normal;
color: #000;
padding: 0 25px 10px 0;
line-height: 160%;
}

#intro a  {
color: #0152c4;
}
#intro .linkenhance {
font-weight: bold;
}

/*--------- Home Page Services Navigation -------------------------*/
#servicetitle {
float: left;
text-align: left;
width: 200px;
padding: 25px 0 0 15px;
}
* html #servicetitle{height: 25px;}
#servicetitle #ourservices h3 {position: absolute; left: 1px; top: 1px;}

#servicetitle #ourservices { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 184px; 
height: 25px;
}
#servicetitle #ourservices span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 184px;
height: 25px;
margin: 0;
padding: 0;
background: url(images/our_services.jpg);
background-position: top left;
background-repeat: no-repeat;
cursor: text;
}
#services {
float: right;
text-align: right;
width: 490px;
padding: 0;
}

#servicenav {
width: 480px;
padding: 30px 0 0 0;
margin: 0;
text-align: left;
}
#servicenav ul {
list-style: none;
padding: 0 0 0 20px;
}
#servicenav li {
float: left;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.5em;
color: #000;
font-weight: bold;
width: 225px;
height: 75px;
margin: 0 1px 1px 0;
}
#servicenav li a:link, #servicenav li a:visited  {
display: block; 
border: none;
text-decoration: none;
color: #222;
padding: 0 0 10px 0;
text-align: left;
}
#servicenav li a:hover, #servicesnav li a:active  {
color: #000;
background-image: url(images/srvc_hvr.png);
background-position: bottom left;
background-repeat: no-repeat;
}
#servicenav a img {
border: none;
width: 50px;
padding: 0;
}


#cds-container{
	width:auto;	margin-left:auto;
	margin-right:auto;
	border:1px solid #ccc;
	padding:8px;
	color:#ccc;
}

.cds {
	overflow: auto;
	height: 225px;
	margin-top:0px;
	position:relative;
	*left:0;
	_left:0;
	font-family: "Myriad Web","Trebuchet MS","Times New Roman",serif;
}

#cds-container .cds h2 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.1em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-bottom: 5px;
text-align: left;
margin: 0;
}

div.cds p {
color:#000;
text-align: justify;
line-height: 1.3em;
width: auto;
padding-left: 2px;
padding-right:5px;
padding-bottom: 5px;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.5em;
font-weight: normal;
}

div.cds a {
	font-size:1.5em;
	color: #000;
	text-align: left;
	text-decoration:none;
	font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
	}

div.cds a:visited {
	font-size:1.5em;
	color: #000;
	text-align:left;
	text-decoration:none;
	font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
}

div.cds a:hover {
	font-size:1.5em;
	color:#000;
	text-align:left;
	text-decoration:underline;
	font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
}

/*------------ Content Page content style ---------------------------*/

#content {
width: 660px;
text-align: left;
float: left;
padding: 5px 0 50px 0;
}
#content h1 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.6em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 0px;
text-align: left;
}
#content h2 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.1em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
text-align: left;
}
#content h3 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
}
#content h4 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
}

#content h5 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
}
#content p {
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.6em;
font-weight: normal;
color: #000;
padding: 0 0 10px 0;
line-height: 180%;
}
#content span {
font-weight: bold;
}
#content a {
color: #0152c4;
text-decoration: none;
}
#content a:hover, #content a:active {
text-decoration: underline;
color: #222;
}
#content .servlink {
background: url(images/link_btn.png);
background-repeat: no-repeat;
background-position: center right;
padding-right: 15px;
}
#content .linkenhance {
font-weight: bold;
}
#content ul {
margin: 10px 0 10px 30px;
padding: 0;
list-style-image: url(images/bullet.png);
}
#content li {
padding: 0 0 5px 5px;
margin: 0;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-weight: normal;
font-size: 1.4em;
color: #000;
line-height: 160%;
}
/*---------- Portfolio Container -------------------------------------*/
#portfolio {
width: 660px;
text-align: left;
float: left;
padding: 0 0 50px 0;
}
#portfolio h1 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.6em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 0;
padding-bottom: 15px;
text-align: left;
}
#portfolio h2 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.1em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
text-align: left;
}
#portfolio h3 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
}
#portfolio h4 {
font-family: "Gill Sans", "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 2.0em;
font-weight: normal;
color: #202020;
line-height: 170%;
padding-top: 5px;
}
#portfolio p {
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.6em;
font-weight: normal;
color: #000;
padding: 0 0 10px 0;
line-height: 180%;
}
#portfolio span {
font-weight: bold;
}
#portfolio a {
color: #0152c4;
text-decoration: none;
padding-right: 15px;
}
#portfolio ul {
margin: 10px 0 10px 30px;
padding: 0;
list-style-image: url(images/bullet.png);
}
#portfolio li {
padding: 0 0 5px 5px;
margin: 0;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-weight: normal;
font-size: 1.4em;
color: #000;
}
/*--------- Content Page Services Navigation -------------------------*/
#contservicetitle {
text-align: left;
width: 200px;
padding: 25px 0 0 15px;
float: left;
}
* html #contservicetitle{height: 23px;}
#contservicetitle #contourservices h3 {position: absolute; left: 1px; top: 1px;}

#contservicetitle #contourservices { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 183px; 
height: 23px;
}
#contservicetitle #contourservices span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 183px;
height: 23px;
margin: 0;
padding: 0;
background: url(images/cont_services.jpg);
background-position: top left;
background-repeat: no-repeat;
cursor: text;
}


#contservices {
text-align: left;
width: 250px;
padding: 0;
}

#contservicenav {
width: 250px;
padding: 30px 0 0 0;
margin: 0;
text-align: left;
}
#contservicenav ul {
list-style: none;
padding: 0 0 0 20px;
}
#contservicenav li {
float: none;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.4em;
color: #000;
font-weight: bold;
width: 225px;
height: 45px;
margin: 0 1px 1px 0;
}
#contservicenav li a:link, #contservicenav li a:visited  {
display: block; 
border: none;
text-decoration: none;
color: #222;
padding: 0 0 10px 0;
text-align: left;
}
#contservicenav li a:hover, #contservicenav li a:active  {
color: #000;
background-image: url(images/contsrvc_hvr.png);
background-position: bottom left;
background-repeat: no-repeat;
}
#contservicenav a img {
border: none;
width: 30px;
padding: 0;
}
#contservicenav .webdesigncurrent {
background-image: url(images/contsrvc_hvr.png);
background-position: bottom left;
background-repeat: no-repeat;
}
/* ------------Featured Projects --------------------*/
#cases {
text-align: left;
padding: 50px 0 0 0px;
}
#casestudiestitle {
text-align: left;
width: 200px;
padding: 40px 0 0 20px;
float: left;
}
* html #casestudiestitle{height: 19px;}
#casestudiestitle #casestudies h4 {position: absolute; left: 1px; top: 1px;}

#casestudiestitle #casestudies { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 146px; 
height: 19px;
}
#casestudiestitle #casestudies span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 146px;
height: 19px;
margin: 0;
padding: 0;
background: url(images/case_studies.jpg);
background-position: top left;
background-repeat: no-repeat;
cursor: text;
}
.featured_project {
width: 230px;
padding: 0 0 30px 20px;
}
.featured_project img {
background: #fff;
padding: 3px;
margin-bottom: 5px;
border: solid 1px #ccc;
}
.featured_project a {
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.2em;
font-weight: normal;
color: #0152c4;
padding: 0 0 10px 0;
line-height: 100%;
text-decoration: none;
}
/* --------- Calls to action ---------------------- */
#callstoaction {
float: right;
text-align: right;
width: 470px;
padding: 0 0 0 15px;
}

#ctalist {
width: 470px;
padding: 0;
margin: 0;
text-align: left;
}
#ctalist ul {
list-style: none;
}
#ctalist li {
padding: 15px 0 0 0;
}

/*---------Bottom Content --------------- */
.column {
width: 233px;
float: left;
border-right: solid 2px #0099cc; 
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
height: 195px;
}
.column ul {
margin: 0;
padding: 0 0 0 15px;
list-style-image: url(images/tick.jpg);
}
.column li {
padding: 10px 0 0 0;
margin: 0;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-weight: normal;
font-size: 1.2em;
color: #000;
}
.column h4 {
padding: 0 0 5px 15px;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #0099cc;
font-weight: normal;
font-size: 2.3em;
}
.column h5 {
padding: 0 0 5px 15px;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #0099cc;
font-weight: normal;
font-size: 2.3em;
}
.column p {
padding: 0 15px 0 15px;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #000;
font-weight: normal;
font-size: 1.2em;
line-height: 160%;
}
.column a {
color: #0099cc;
text-decoration: none;
}
/* --------------- Portfolio --------------------------*/
.sample {
float: left;
width: 330px;
padding: 0;
margin: 0 0 30px 0;
display: block;
}
.sample_img {
float: left;
height: 168px;
width: 306px;
background: #fff;
border: solid 1px #e6e4e6;
}
.sample_img img {
padding: 3px 0 0 3px;
}

.sample_txt {
float: left;
width: 310px;
padding: 10px 0 0 0;
font-size: 0.8em;
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
}
.sample_txt p {
padding-top: 10px;
}
.sample_txt a {
font-family: Arial, "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.6em;
font-weight: normal;
color: #005fe4;
text-decoration: none;
background: url(images/link_btn.png);
background-repeat: no-repeat;
background-position: center right;
}
.sample_txt a img {
padding: 0;
}
/*-- Portfolio Detail --------------------*/
#project_overview {
float: left;
width: 230px;
text-align: left;
margin: 10px 0 0 20px;
}
#project_overview h3 {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-weight: normal;
font-size: 1.8em;
color: #000;
}
#project_overview ul {
margin: 10px 0 0 0;
padding: 0 0 0 20px;
list-style-image: url(images/tick.png);
}
#project_overview li {
padding: 0 0 7px 5px;
margin: 0;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-weight: normal;
font-size: 1.4em;
color: #000;
}
#project_overview a {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.6em;
font-weight: normal;
color: #005fe4;
text-decoration: none;
}
#project_overview a img {
padding: 0 0 0 5px;
}

/* ---------------- Contact Form ------------------------ */
/* #contacttext {
width: 335px;
text-align: left;
padding: 20px 0 15px 10px;
letter-spacing: normal;
margin: 0;
float: left;
}
#contacttext h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #339933;
line-height: 2.0em;
}
#contacttext h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.2em;
font-size: 1.9em;
}
#contacttext p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 15px;
color: #000;
line-height: 1.4em;
/* letter-spacing: 0.1em; 
}
#contacttext span {
font-weight: bold;
}
*/
.contactform fieldset {
border: none;
}
.contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 195px;
float: left;
}
.contactform #name {
width: 205px;
}
.contactform #company {
width: 205px;
}
.contactform #email {
width: 205px;
}
.contactform #tel {
width: 205px;
}
.contactform #mobile {
width: 205px;
}
.contactform #subject {
width: 205px;
}
.contactform .button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin-left: 310px;
}
/* -------- Footer Formatting --------------------------- */

#copy {
width: auto;
}
#copy p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: left;
padding: 15px 0 0 0;
}
#copy span {
font-weight: bold;
}
/* ----- Footer Nav style / format ---------- */

#footernav {
margin: 15px 0 0 0;
padding: 0 0 10px 0;
text-align: left;
}
#footernav ul {
margin: 0 0 0 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #fff;
border-right: solid 1px #fff;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}

#blwm {
float: right;
}