/*
DEFAULTS
*/
*{outline: none;}
html{margin: 0;background-color: #1f1f1f;}
p{margin: 0;padding: 0;}
img{border:0;margin:0;padding:0;}
a{color: #666666;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color: #000000;cursor: pointer;}
/*
DEFAULTS END
*/

/*
WYM EDITOR
*/
.space-btm-sml{padding-bottom:10px;}
.space-btm-med{padding-bottom:20px;}
.space-btm-lrg{padding-bottom:40px;}
.space-top-sml{padding-top:10px;}
.space-top-med{padding-top:20px;}
.space-top-lrg{padding-top:40px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.center-justify{text-align:center;}
.right-justify{text-align:right;}
/*
WYM EDITOR END
*/

/*
PLACEHOLDER STYLES
*/
#homepage-body h3{
	margin: 0;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	font-family: arial,helvetica,sans-serif;
}

#homepage-body p{
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	line-height: 25px;
	font-family: Helvetica,Verdana,Geneva,Arial,Georgia,sans-serif;
}

#default h3{
	margin: 0;
	line-height: 21px;
	font-size: 18px;
	font-weight: normal;
	color: rgb(136, 136, 136);
	font-family: arial,helvetica,sans-serif;
}

#default h5{
	margin: 0;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: rgb(255, 0, 0);
	font-family: arial,helvetica,sans-serif;
}

#default p{
	font-size:12px;
	line-height: 22px;
	color: rgb(51,51,51);
	font-family: arial,helvetica,sans-serif;
}

#default a{
	font-size:12px;
	font-weight: bold;
	line-height: 22px;
	color: #000;
	font-family: arial,helvetica,sans-serif;
	text-decoration:none;
}
	
#default a:visited{
	text-decoration:none;
	color: #000;
}
	
#default a:hover{
	color: #000;
	cursor: pointer;
}
/*
PLACEHOLDER STYLES END
*/

/*
HEAD
*/
#logo{
	float: right;
	width: 202px;
	height: 36px;
	background: #1f1f1f url(/media/css/images/logo.jpg) no-repeat;
}
/*
HEAD END
*/

/*
NAVIGATION
*/
.scrollable{
	float: left;
    width: 161px;
    height: 516px;
	margin-right: 2px;
        overflow: hidden;
}

.scrollContent{
	float: left;
    width: 674px;
    padding-right: 5px;
	height: 516px;
        overflow: hidden;
}

.menuLargeActive{
	background: #1f1f1f url(/media/css/images/navRed1px.png) repeat !important;
}

.menuDarkActive{
	background: #1f1f1f url(/media/css/images/navDarkRed1px.png) repeat !important;
}

.menuSmallActive{
	background: #1f1f1f url(/media/css/images/navDarkRed1px.png) repeat !important;
}

#nav ul{
	float: left;
	width: 145px;
	text-decoration: none;
    list-style: none;
	margin: 0;
	padding: 0;
	color: #ffffff;		
	font-weight: bold;
	font-family: Helvetica;
	font-size: 11px;
}

#nav ul a{
	color: #ffffff;	
}

#nav ul a:visited{
	color: #ffffff;	
}

#nav ul a:hover{
	color: #ffffff;	
}

#navLarge{
	float: left;
	width: 127px;
	height: 220px;
	background: #1f1f1f url(/media/css/images/navGrey1px.png) repeat;
}

#navLargeDark{
	float: left;
	width: 16px;
	height: 220px;
	background: #1f1f1f url(/media/css/images/navDarkGrey1px.png) repeat;
}

#navSmall{
	float: left;
	width: 127px;
	height: 72px;	
	background: #1f1f1f url(/media/css/images/navGrey1px.png) repeat;
}

#navSmallDark{
	float: left;
	width: 16px;
	height: 72px;		
	background: #1f1f1f url(/media/css/images/navDarkGrey1px.png) repeat;
}

#nav li {		
	float: left;
	margin: 0px 2px 2px 0px;
}

#nav li a{		
	float: left;
}

#nav .title{		
	float: left;
	padding: 27px 0px 0px 20px;	
}	
/*
NAVIGATION END
*/
	
/*
PORTFOLIO SUB-NAVIGATION
*/
#subActiveWrap{
	width: 72px;
	height: 72px;
	background-color: #ffffff;
}

#subNav ul{
	float: left;
	width: 161px;
	text-decoration: none;
    list-style: none;
	margin: 0;
	padding: 0;
	/*
color: #cf0000;
*/
	font-weight: bold;
	font-family: Helvetica;
	font-size: 11px;
}

#subNav ul a{
	/*
color: #cf0000;
*/	
}

#subNav ul a:visited{
	/*
color: #cf0000;
*/	
}
#subNav ul a:hover{
	color: #1f1f1f;	
}

#subNav .liDesign {	
	width: 72px;
	height: 72px;
	float: left;
	padding: 0px 2px 2px 0px;
}

#subNav .liDesign a{
	width: 72px;
	height: 72px;
	float: left;		
}

#subNav .liDesign a:hover{	
	width: 66px;
	height: 66px;
	float: left;		
	overflow: hidden;
	border: 3px solid #717171;
}

#subNav .liDesign a:hover img{	
	margin: -3px;
}

#subNav li {	
	float: left;
	width: 161px;
}

#subNav li a{		
	float: left;
	width: 161px;
}

#subNav img{		
	float: left;
	border: none;
}

#subNav .subTitle{		
	float: left;
	width: 161px;
	color: #cf0000;
	padding: 14px 0px 14px 20px;
}
/*
PORTFOLIO SUB-NAVIGATION END
*/

/*
CONTENT
*/
#content{
	float: left;
	width: 573px;
	height: 100%;
	padding: 73px 20px 0px 70px;
	background-color: #ffffff;
}

#homeContent{
	float: left;
	width: 663px;
	height: 516px;
}

.homeContWrap{
	float: left;
	width: 580px;
	padding: 73px 20px 0px 70px;
}

#portImages{
	float: left;
	width: 663px;
	height: auto;
	background-color: #ffffff;
}

#portImages img{
	float: left;
}

#label{
	width: 663px;
	background-color: #ffffff;
}
/*
CONTENT END
*/

/*
FOOTER
*/
#footWrap{
	float: left;
	width: 984px;
	height: 30px;
	padding-top: 7px;
	font-size: 10px;
	color: #666666;
}

#footWrap a{;
	color: #666666;
}

#email{
	float: left;
}

#addr{
	float: right;
	padding-right: 12px;
}
/*
FOOTER END
*/





















