#menubg { margin:0px; padding:0px; width: 100%;  background:url(../../images/portfolio/menu-bg.png) top  left repeat-x; height: 63px; position: fixed; z-index:2;
}

ul.menu {
list-style:none;
font-weight:normal;
display: block;
margin: 0px; padding: 0px;
color:white;
line-height:2.7em;
}

ul.menu a{
color:#fff;	

}

#footer-left {width:680px; float:left; margin:0px; padding: 15px 0px 20px 0px}
	#footer-right {width:300px; float:left; margin:0px; padding: 5px 0px 0px 0px}



ul.menu li{
margin: 5px 0px 15px 0px; padding: 0px;
	list-style-type:none;
		display: inline;	
		
}

.menu a:link  {  color:#fff; margin:0px; text-decoration:none; background-color:#FF0066; padding-bottom:1px;}
.menu a:visited { color:#fff; margin:0px; text-decoration:none; background-color:#FF0066; background-color:#FF0066; padding-bottom:1px;}
.menu a:hover { color:#fff; text-decoration:none;  background-color:#ff0066; padding-bottom:1px;}
.menu a:active { color:#fff;}

ul.address {
font-weight:normal;
display: block;
padding:0px; margin:0px 0px 0px 0px;
list-style-type: none;
	line-height: 1.9em;
		color:#fff;
}

.blue {color:#0099ff;}


.address a:link  {    color:#fff; margin:0px; text-decoration:none; background-color:#FF0066; padding-bottom:1px;}
.address a:visited { color:#fff; margin:0px; text-decoration:none; background-color:#FF0066; background-color:#FF0066; padding-bottom:1px;}
.address a:hover { color:#fff; text-decoration:none;  background-color:#ff0066; padding-bottom:1px;}
.address a:active { color:#fff;}


.stripNav {display:none !important}

#navigation {  margin:0px auto 0px auto; padding:0px 0px 0px 0px; width: 980px; height: 58px;}

ul.nav { padding:0px; margin:0px; display:inline; }
ul.nav a { padding:0px; margin:0px; display:inline; }
ul.nav li { padding:0px; margin:0px; display:inline; }

.imgleft{ float:left; margin: 0px 15px 50px 0px; }

#home-container h1#welcome {width:980px; height:92px; background:url(../../images/portfolio/h1-weare.gif) top left no-repeat; text-indent:-3000px;}
#home-container h2#weare {width:980px; height:123px; background:url(../../images/portfolio/h2-bia.gif) top left no-repeat; text-indent:-3000px;}
#work-container h2#ourwork {width:980px; height:92px; background:url(../../images/portfolio/h2-our.gif) top left no-repeat; text-indent:-3000px;}
#about-container h2#aboutus {width:980px; height:92px; background:url(../../images/portfolio/h2-who.gif) top left no-repeat; text-indent:-3000px;}
#services-container h2#ourservices {width:980px; height:92px; background:url(../../images/portfolio/h2-what.gif) top left no-repeat; text-indent:-3000px;}
#team-container h2#theteam {width:980px; height:92px; background:url(../../images/portfolio/h2-team.gif) top left no-repeat; text-indent:-3000px;}
#contact-container h2#contactus {width:980px; height:92px; background:url(../../images/portfolio/h2-contact.gif) top left no-repeat; text-indent:-3000px;}
#contact-form h2#give {width:980px; height:92px; background:url(../../images/portfolio/h2-shout.gif) top left no-repeat; text-indent:-3000px;}

#image-holder { width:980px; height:273px; background:url(../../images/portfolio/image-holder.gif) top left no-repeat;}

#box-latest {width:337px; height:273px; float:left;}
#box-info {height: 56px; width:292px; float:left; padding:0px 0px 0px 45px; #padding:20px 0px 0px 45px;}
#box-latest-image {width:292px; height:169px; float:left; padding:21px 0px 0px 45px;}
#box-tweet {width:309px; height:213px; float:left; padding:60px 0px 0px 0px; #padding:80px 0px 0px 0px;}

.link a:link { color:#FF0066; padding: 0px; margin:0px; border-bottom: 1px dotted #ff0066; text-decoration:none;}
.link a:visited { color:#FF0066; padding: 0px; margin:0px; border-bottom: 1px  #ff0066 dotted; text-decoration:none;}
.link a:hover { color:#fff; padding: 0px; background-color:#FF0066; margin:0px;  }
.link a:active { text-decoration: none;border:none;}

ul#twitter_update_list {
	padding:0px; margin:20px 30px 0px 30px;
}

ul#twitter_update_list li {
	padding:0px; margin:3px 0px 8px 0px;
	line-height:1.2em;
	list-style-type:none;
	border-top: 1px dotted #fff;
}

ul#twitter_update_list a:hover {
	color:#0099ff;
}



#box-team {width:314px; height:272px; float:left;}
#box-team-image {width:314px; height:172px; float:left; padding: 19px 0px 0px 19px;}
#box-team-info {width:314px; height:60px; float:left; padding: 0px 0px 0px 19px; #padding: 20px 0px 0px 19px; }

ul#nav  {
float: left;
list-style: none;
margin: 0px auto 0px auto;
padding: 0px;
height: 58px; 
width: 980px;
display: inline; 
overflow: hidden;
}

ul#nav li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent: -9999px;
}

ul#nav a:link, ul#nav a:visited  {
  float: left;
  margin: 0px;
  padding: 0px; 
  overflow: hidden;
height: 58px;

}

ul#nav li a:hover, ul#nav li a:active {
	background-position: 0 -116px;

}

/* home */
ul#nav li.home a:link, ul#nav li.home a:visited {
  width: 142px; 
  background:url(../../images/portfolio/nav-home.gif) top left no-repeat;
}

ul#nav li.home a:hover, ul#nav li.home a:active {
  background-position: 0 -58px;
}

ul#nav li.work a:link, ul#nav li.work a:visited {
  width: 150px; 
  background:url(../../images/portfolio/nav-work.gif) top left no-repeat;
}

ul#nav li.work a:hover, ul#nav li.work a:active {
  background-position: 0 -58px;
}

ul#nav li.about a:link, ul#nav li.about a:visited {
  width: 163px; 
  background:url(../../images/portfolio/nav-about.gif) top left no-repeat;
}

ul#nav li.about a:hover, ul#nav li.about a:active {
  background-position: 0 -58px;
}

ul#nav li.services a:link, ul#nav li.services a:visited {
  width: 180px; 
  background:url(../../images/portfolio/nav-services.gif) top left no-repeat;
}

ul#nav li.services a:hover, ul#nav li.services a:active {
  background-position: 0 -58px;
}

ul#nav li.team a:link, ul#nav li.team a:visited {
  width: 146px; 
  background:url(../../images/portfolio/nav-team.gif) top left no-repeat;
}

ul#nav li.team a:hover, ul#nav li.team a:active {
  background-position: 0 -58px;
}

ul#nav li.contact a:link, ul#nav li.contact a:visited {
  width: 198px; 
  background:url(../../images/portfolio/nav-contact.gif) top left no-repeat;
}

ul#nav li.contact a:hover, ul#nav li.contact a:active {
  background-position: 0 -58px;
}
#mainwrapper {margin: 0px auto; width: 980px; padding: 0px 0px;}

#left { margin:0px; padding:0px; width: 168px; height: 3000px; float:left;}


#container {
	overflow:hidden;
	width:980px;
	/*background-color:white;*/
	position:relative;
	height:580px;
	/*float:left;*/
	margin: 0px auto;
	z-index:1; 
	top: 63px;
	_top: 0px;
	padding: 0px ;
}
#home-container { background: black  url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:brown;*/ height: 580px; margin:20px 0px 600px 0px ; 	position:relative; 	margin: 0px auto;}
#work-container { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:red;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative; 	margin: 0px auto;}
#work-containera { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:red;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative; 	margin: 0px auto;}
#work-containerb { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:red;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative; 	margin: 0px auto;}
#work-containerc { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:red;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative; 	margin: 0px auto;}

#about-container { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:yellow;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative;	margin: 0px auto;}
#services-container { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:yellow;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative;	margin: 0px auto;}
#team-container { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:green;*/ height: 580px; margin:0px 0px 600px 0px ; 	position:relative;	margin: 0px auto;}
#contact-container, #contact-form, #contact-form-thankyou { background:url(../../images/portfolio/panelbg.gif); width:980px; /*background-color:white;*/ height: 580px; margin:0px 0px 100px 0px ; 	position:relative;	margin: 0px auto;}

#about-container h3 {padding:5px; margin:15px 0px 0px 0px; color:white; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
#about-container h3 span { background-color:#FF0066; }

#about-container h4 { padding:10px; margin:0px 0px 0px 0px; line-height:1.7em; font-size: 120%; color:white;}
#about-container h4 span { background-color:#000033; }

		
		img { border: 0 }
		
		/*body {
			font-family: Verdana, Arial;
			background: #ebebeb url(../../images/portfolio/"images/body-bg.png") repeat-y center;
			color: #000;
			width: 800px;
			margin: auto;
			text-align: center;
			padding-bottom: 20px;
		}*/
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			/*margin: 0 15px 0 30px;*/
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:0px; padding:20px 60px 0 0;
			position: relative;
			width: 900px;
		
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 453px;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center; display:none;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: 0;
			width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 900px; /* Also specified in  .stripViewer  above */
			background:url(../../images/portfolio/work-panel.gif) top left no-repeat;
			margin:0px; padding:0px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:0 0 0 40px;
		}
		.stripViewer .panelContainer .panel .wrapper2 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:0 0 0 0;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
	
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top:20px;
			margin:0 0 0 0;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height:52px;
			width: 36px;
			border:0px;
		}
		
		.stripNavL {
			left: 0;
			z-index:100000001;
		}
		
		.stripNavR {
			right: 0;
			margin:0 -59px 0 0;
		}
		
		.stripNavL {
			background:url(../../images/portfolio/left.png) no-repeat center; border:0px;
		}
		
		.stripNavR {
			background:url(../../images/portfolio/right.png) no-repeat center; border:0px;
			}
			
			.stripNavL a:focus {
			outline:none;
		}
		
		.stripNavR a:focus {
			 outline:none;
			}
			
			

			
			.work-item-image {width:496px; float:left; padding:28px 0 0 0;}
			.work-item-info {width:210px; float:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; text-align:justify; margin:74px 0 20px 0;}
			.work-item-info a{color:#9f1714; text-decoration:none; font-weight:bold;}
			.work-item-info a:hover{color:#000000; text-decoration:underline; font-weight:bold;}
			.work-item-info strong{color:#000000;}
			
			.work-item-info .rt-hd {border-bottom:1px solid #9f1714; padding:0 0 5px 0; margin:0 0 10px 0;}
			
			.work-item-info h3 { padding: 1px; margin:0px 0px 5px 0px ; font-weight:normal; color:white; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
			
			.work-item-info h3 span {background-color:#000033;}
			
		ul.worklist { color:#fff; padding: 0px; margin:0px;}
		ul.worklist li { color:#fff; padding: 2px; margin:0px; list-style-type:none;}
		ul.worklist a { color:#fff; padding: 0px; margin:0px;}
		ul.worklist span {background-color:#FF0066; padding: 0px; margin:0px;}
		
	#footer {width:100%;  background-color:#000033; margin:63px 0px 0px 0px;}
	
	#footer-inner {width:980px; background-color:#000033; margin:0px auto 0px auto; padding: 0px 0px 20px 0px}
	
	.footer-item {margin:0px; padding: 0px 0px 0px 15px; border-left:1px #0099ff dotted; }
	
	
	
	#services-wrap { width:960px; height: 393px; margin:0px; padding: 0px 10px 0px 10px;}
	.services-item { /*background-color:black;*/ width:310px; height: 121px; margin:0px; padding: 5px; float:left;}
	
	.services-left { /*background-color:brown; */float:left; width:100px; height: 100px; margin:0px; padding: 5px 0px 6px 0px;}
	.services-right { /*background-color:pink;*/ float:left; width:200px; height: 101px; margin:0px; padding: 5px 5px 5px 5px;}
	
	.services-right h3 { font-size:105%; padding:0px; margin:0px 0px 3px 0px; }
	.services-right p { padding:0px; margin:0px; line-height:1.2em; }
	
	
	.team-item { float: left; padding:12px 0px 0px 13px; margin:3px 2px 3px 2px; width:145px; height:119px; background: url(../../images/portfolio/team-item.gif) top left no-repeat;}
	
	ul.follow {padding:0px; margin:0px; }
ul.follow li {padding:0px; margin:0px 0px 10px 0px; list-style-type:none;}
ul.follow a {padding:0px; margin:0px; list-style-type:none; border:none;}