/* Copyright Slingshot 2006 | www.slingshot.co.uk
=================================================
	Contents:
	0. Imports
	1. Body, container & global
	2. Header, logo & navigation
	3. Text, columns & boxes
	4. Footer & copyright 
	5. Hiders, padders, spacers & clearers 
=================================================
	0. Imports
-------------------------------------------------*/
/*@import url(imports/home.css);*/

/*================================================
	1. Body, container & global
-------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	margin:0px;
	padding:0px;
	background: url(../ss_layout/bodyBck.jpg) repeat-x #465E65;
	/*background: #000000;*/
	text-align: center;
}
#mainContainer{
	width:768px;
	padding:0px;
	margin:0px auto;
	background:#FFFFF4;
	text-align:left;
}
a{
	color:#1A272F;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
.blue{
	color:#990099;
}
.bold{
	font-weight:bold;
}
/*================================================
	2. Header, logo & navigation
-------------------------------------------------*/
#header{
	background:url(../ss_layout/headerBck.jpg) repeat-x top left #102E38;
	height:70px;
	width:768px;
	padding:0px;
	margin:0px;
}

#header h1{
	background:url(../ss_layout/slingshot_logo.gif) no-repeat;
	float:left;
	height:40px;
	width:170px;
	margin:19px 0px 0px 19px;
	padding:0px;
}
#header h1 a{
	display:block;
	height:40px;
	width:170px;
	padding:0px;
	margin:0px;
}

#header ul{
	float:right;
	list-style:none;
	padding:0px;
	margin:40px 10px 0px 0px;
	height:30px;
}
#header ul li{
	display:inline;
	margin:8px;
	padding:0px;
}
#header ul li a{
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
}
#header ul li a#home:hover{
	color:#FF0000;
}
#header ul li a#portfolio:hover{
	color:#FF0099;
}
#header ul li a#services:hover{
	color:#990099;
}
#header ul li a#news:hover{
	color:#0099FF;
}
#header ul li a#aboutus:hover{
	color:#00CC99;
}
#header ul li a#contact:hover{
	color:#99CC00;
}

/*================================================
	3. Text, columns & boxes
-------------------------------------------------*/
#flashPlaceholder{
	/*background:url(../ss_layout/temp_flash_placeholder.jpg) no-repeat;*/
	height:199px;
	width:768px;
	border-bottom:8px solid #C9C9BD;
	padding:0px;
	margin:0px;
}
#flashPlaceholder img{
	border:0px;
	padding:0px;
	margin:0px 0px -3px 0px;
	height:199px;	
	width:768px;
}
#flashPlaceholder a{
	display:block;
	height:199px;
	width:768px;
	padding:0px;
	margin:0px;
}

#content{
	margin:20px 20px 20px 20px;
	padding:0px;
	line-height:15px;
}
#content h2{
	color:#535D63;
	font-size:150%;
	margin:0px 0px 15px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #C9C9BD;
}
#content h3{
	color:#535D63;
	font-size:100%;
	margin:20px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #C9C9BD;
}
#leftCol{
	float:left;
	width:163px;
	padding:0px;
	margin:0px 20px 0px 0px;
}
#mainContent{
	float:left;
	width:360px;
	padding:0px;
	margin:0px 20px 0px 0px;
}
#mainContentWide{
	float:left;
	width:543px;
	padding:0px;
	margin:0px 20px 0px 0px;
}
#rightCol{
	float:right;
	width:163px;
	}




.newsPod{
	color:#1A272F;
	border-bottom:1px solid #C9C9BD;
	margin:0px 0px 15px 0px;
	padding:0px 0px 5px 0px;
}
#content .newsPod h2{
	font-size:110%;
	border:0px;
	margin:0px 0px 3px 0px;
	padding:0px;
}

.newsPod h2 a{
	text-decoration:none;
}
.newsPod h2 a:hover{
	text-decoration:underline;
}
.newsPod p{
	margin:3px 0px 3px 0px;
	padding:0px;
}
.newsPod .newsPodInfo{
	background:url(../ss_images/ss_icons/speech.gif) no-repeat left;
	padding:0px 0px 0px 20px;
}

.newsPod .newsPodInfo em{
	color:#7E7E69;
	font-style:normal;
}
.newsPod .newsPodInfo u{
	color:#7E7E69;
	text-decoration:none;
}



#content .infoPod{
	width:100%;
	color:#1A272F;
	border-bottom:1px solid #C9C9BD;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#content .infoPod img{
	width:84px;
	margin:0px 10px 0px 0px;
	padding:2px;
	float:left;
}
#content .infoPod .infoPodData{
	display:block;
	padding:0px;
	margin:0px 0px 0px 94px;
}
#content .infoPod  .infoPodData h2{
	font-size:110%;
	border:0px;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#content .infoPod  .infoPodData p{
	margin:0px;
	padding:0px;
}
#content .infoPod  .infoPodData .featurePod{
	margin:5px 0px 0px 0px;
	padding:0px;
	vertical-align:middle;
}
#content .infoPod  .infoPodData .featurePod strong{
	padding:3px 2px 0px 0px;
	float:left;
	color:#7E7E69;
}
#content .infoPod  .infoPodData .featurePod img{
	height:12px;
	width:12px;
	padding:0px;
	margin:5px 3px 5px 0px;
}
#content .infoPod  .infoPodData .featurePod ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#content .infoPod  .infoPodData .featurePod ul li{
	margin:12px 0px 0px 0px;
}
#content .infoPod  .infoPodData .featurePod ul li img{
	margin:0px 5px 0px 0px;
}

.listItem a{
	text-decoration:none;
	color:#1A272F;
}
.listItem a:hover{
	text-decoration:underline;
}
.listItem p{
	border-bottom:1px dashed #7E7E69;
	padding:0px 0px 5px 0px;
	margin:0px;
}
.listItem var{
	font-weight: bold;
	font-style: normal;
	margin: 5px 0px 0px 0px;
	width:400px;
	display:block;
}

.listItem u{
	margin:-12px 0px 0px 0px;
	padding:0px;
	text-decoration:none;
	color:#7E7E69;
	float:right;
}




.cols .image{
	width:250px; 
	height:150px; 
	background:#FF0099;
}
.cols .image a{
	display:block;
	height:150px;
	width:250px;
}
.colsL{
	width:250px;
	float:left;
	margin:0px 20px 20px 0px;
}
.colsR{
	width:250px;
	float:left;
	margin:0px 0px 20px 0px;
}

#portfolio hr{
	border:0px;
	border-bottom:1px solid #C9C9BD;
	height:1px;
}
#portfolio p{
	padding:0px;
	margin:2px 0px 2px 0px;
}
#portfolio #leftCol{
	width:163px;
	float:left;
}

#portfolio #centerCol{
	width:253px;
	float:left;
	margin:0px 20px 0px 0px;

}
#portfolio #rightCol
{
	width:253px;
	float:left;
}	
#portfolio #centerColWide{
	width:540px;
	float:left;
	margin:0px 0px 0px 0px;

}
#portfolio #centerColWide .latest{
	color:#FF0099;
	border:0px;
	margin:0px 0px 2px 0px;
}
#portfolio #latestPortfolio{
	background:#1A272F;
	color:#FFFFFF;
	padding:10px;
	margin:0px 0px 20px 0px;
	height:270px;
}
#portfolio #latestPortfolio h2{
	border:0px;
}
#portfolio #latestPortfolio h2 a{
	color:#FF0099;
}
#portfolio h2 a{
	color:#535D63;
}
#portfolio h2 a:hover{
	color:#FF0099;
	text-decoration:none;
}
#portfolio a h2:hover{
	color:#FF0099;
}
#portfolio #latestPortfolio ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#portfolio .portfolioList{
	float:left;
	width:242px;
	margin:10px 20px 0px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #C9C9BD;
}
#portfolio .portfolioList img{
	width:84px;
	margin:0px 10px 0px 0px;
	padding:2px;
	float:left;
	border:1px solid #C9C9BD;
}
#portfolio .portfolioList .detail{
	margin:0px 0px 0px 100px;
}
#portfolio .portfolioList h2{
	border:0px;
	font-size:110%;
	margin:0px;
}
#portfolio .portfolioSpecificDetail h3{
	color:#FF0099;
	width:360px;
}
#portfolio .portfolioSpecificDetail{
	width:360px;
}


#portfolio #leftCol a#portfolioCurrent{
	color:#FF0099;
	padding:0px 0px 0px 20px;
	background:url(../ss_layout/pinkArrow.png) no-repeat center left;
}
#portfolio #leftCol .portfolioStd{
	color:#072630;

}
#portfolio #leftCol .portfolioStd:hover{
	color:#FF0099;
	text-decoration:none;
}

#leftCol #newsCurrent{
	color:#0099FF;
	padding:0px 0px 0px 20px;
	background:url(../ss_layout/greenArrow.png) no-repeat top left;
	display:block;
}
#leftCol .newsStd{
	color:#072630;
}
#leftCol .newsStd:hover{
	color:#0099FF;
}
/*================================================
	4. Footer & copyright 
-------------------------------------------------*/
#footer{
	background:#072630;
	padding:5px;
	margin:15px 0px 0px 0px;
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer ul li{
	display:inline;
	padding:0px;
	margin:0px 5px 0px 5px;
	color:#FFFFFF;
}
#footer ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:100;
}
#footer ul li a:hover{
	text-decoration:underline;
}
/*================================================
	5. Hiders, padders, spacers & clearers 
-------------------------------------------------*/
.hidden{
	display:none;
}
.clear{
	clear:both;
	height:1px;
}
.capitalize{
	text-transform:capitalize;
}