@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #2c2c2c;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.border-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.border-green {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #225497;
}
.border-green1 {
	border: 1px solid #225497;
}
.video-border {
	border: 2px solid #FFFFFF;
}
.border-green2 {
	border: 5px solid #1070f2;
}
.border-wit {
	border: 8px solid #FFFFFF;
}

.footer {
	color: #676767;
	border-top: solid 2px #000000;
	background-color: #2c2c2c;
}
.footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border:0;
}
.font-12-gra {
	font-size: 12px;
	font-weight: normal;
	color: #a0a0a0;
}
a {
	font-size: 12px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #a0a0a0;
	text-decoration: none;
}
a.link {
	font-size: 11px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: underline;
}
a.link:hover {
	font-size: 11px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: none;
}
a.link-gren {
	font-size: 13px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: underline;
}
a.link-gren:hover {
	font-size: 13px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: none;
}
a.link-gren18 {
	font-size: 18px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: none;
}
a.link-gren18:hover {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1 {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.link1:hover {
	font-size: 11px;
	font-weight: normal;
	color: #9bc4fc;
	text-decoration: none;
}
a.link2 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.link2:hover {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.link-bold {
	font-size: 14px;
	font-weight: bold;
	color: #9bc4fc;
	text-decoration: none;
}
a.link-bold:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.field-bg {
	background-image: url(../images/field-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
}
.field-1 {
	border:transparent;
	width: 210px;
	padding-top: 2px;
}
.font-14-gren {
	font-size: 14px;
	font-weight: normal;
	color: #9bc4fc;
}
.font-14-wit {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

/*======== content slider with slideshow ========*/
#imagemain{
	width:372px;
	height:202px;
	padding:10px 10px 10px 10px;
	float:left;
	background-color: #FFFFFF;
}
#box{
position:absolute;
left:0px;
top:0px;
}
#box div{
display:block;
float:left;
}
#mask{
	position:relative;
	width:372px;
	height:202px;
	overflow:hidden;
}
#portfolio-martyn{
	width:472px;
	height:202px;
	float:left;
}
#portfolio-shide2{
	width:472px;
	height:202px;
	float:left;
}
#portfolio-shide3{
	width:472px;
	height:202px;
	float:left;
}
#portfolio-shide4{
	width:472px;
	height:202px;
	float:left;
}
#portfolio-shide5{
	width:472px;
	height:202px;
	float:left;
}
/*==========portfolio black box==========*/
.projectinfo{
	float:left;
	width:372px;
	height:202px;
	padding:10px 0px 10px 0;
}
.projectinfo p{
color:#FFF;
}
.viewproject, .viewproject a{
width:134px;
height:47px;
float:left;
}
a:hover.viewproject{
width:134px;
height:47px;
float:left;
}
.viewportfolio, .viewportfolio a{
width:134px;
height:47px;
float:left;
}
a:hover.viewportfolio{
width:134px;
height:47px;
float:left;
}
.whitetext{
color:#fff;
}
.orangetext{
color:#FFAD1C;
}
#portfolio-funkykids{
	width:372px;
	height:202px;
	float:left;
	
}
.projectinfo{
	float:left;
	width:372px;
	height:202px;
	padding:0px;
}
#portfolio-rmm{
	width:372px;
	height:202px;
	float:left;
}
#portfolio-politicard{
	width:372px;
	height:202px;
	float:left;
}
#playstop{
	width:372px;
	float:right;
	height:36px;
}
#playernext, #playernext a{
width:38px;
height:34px;
float:right;
outline:0;
}
a:hover#playernext{
width:38px;
height:34px;
float:right;
outline:0;
}
#playerprev, #playerprev a{
width:38px;
height:34px;
float:right;
outline:0;
}
a:hover#playerprev{
width:38px;
height:34px;
float:right;
outline:0;
}