/*the site
-----------------------------------------*/
* {
margin: 0;
}

html, body {
	position:relative;
	height: 100%;
    margin:0;
    padding:0;
	background-color:#262626;
	background-image: url(images/backgroundimage.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
}
a:link {
	font-family:"times new roman",times,serif;
	font-size:12px;
	color:#FC0;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
	font-family:"times new roman",times,serif;
	font-size:12px;
	color:#C00;
	font-weight:bold;
	text-decoration:none;
}
.mast_head{	
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
	position:relative;
	width:960px;
	clear:both;
	}
#header_wrap {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	height:118px;
	z-index:1;
	background-image: url(images/headerBG.jpg);
}
#site_logo{
	position:relative;
	padding-top:30px;
	width:255px;
	display:block;
	text-indent: -9000em;
	height:88px;
	background:url(images/logo.png) no-repeat;
	left: 70px;
	}
/* menu 
-----------------------------------------------------*/	
	
#menu_wrap {
	position:relative;
	left:0px;
	width:960px;
	height:27px;
	z-index:2;
}
#menu{
	position:relative;
	float:right;
	width:567px;
	height:44px;
	top: 118;
	background-image: url(images/menu_back.jpg);
	}


#menu ul{
	margin:0 0 0 30px;
	padding:0px;
	list-style:none;
	
	}


#menu li{
	margin:0px;
	padding:0px;
	display:inline;
	}
#menu a{
	display:block;
	margin-top:7px;
	height:27px;
	width:125px;
	float:left;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	outline:none;
	}
#menu a:hover{
	color:#CC0;
	
	}
	
#menu .current{
	color:#FFF;
	}
	
#welcom_left{
	position:relative;
	width:393px;
	float:left;
	background:url(images/welcome_left.jpg) no-repeat;
	height: 44px;
	top: 118;
	}
#menu_clear{
	width:960px;
	clear:both;}
/* content
-----------------------------------------------------*/	
	
#content_wrap{
	position:relative;
	padding-top:20px;
	width:960px;
	height:auto;
	margin:0 auto;
	background-color:#262626;
	top: 162;
	}
#content {
	width:960px;
	height:700px;
	margin-top:10px;
	clear:both;
	background:#262626;
	}
.content_body{
	float:left;
	width:640px;
	height:300px;
	margin-top:0px;
	margin-left:10px;
	padding:0px;
	background-image:url(images/homeWelcomeBG.jpg);
	
	}
.content_body P{
color:#FFF;
font-family: "times new roman",times,serif;
font-size: 12px;
letter-spacing: 2pt;
word-spacing: 1.6pt;
line-height: 1.7;
	}
.content_welcome{
	position:relative;
	top:230px;
	width:520px;
	left:0px;
	text-align:left;
	padding-top:0px;
	padding-right:30px;
	padding-left:30px;
	color:#FFF;
}
.content_welcome p{
	position:relative;
	width:530px;
	padding:5px;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	letter-spacing:2px;
	line-height:20px;
	}
/* home featured work 
-----------------------------------------------------*/	
	
.featured_work{
	position:relative;
	float:right;
	width:300px;
	background:#262626;
	}
	
.featured_heading{
	position:relative;
	height:44px;
	width:300px;
	background:url(images/featured_work.jpg) no-repeat;
	}
.featured_samples {
	position:relative;
	list-style: none;
	font-style: italic;
	width:auto;
	float:right;
	overflow: hidden;
	margin: 0px;
	padding: 0;
}
.featured_samples ul {
	list-style: none;
	width:auto;
	font-style: italic;
	overflow: hidden;
	margin: 0px;
	padding: 0;
}
.featured_samples li {
	position: relative;
	float:right;
	margin:0px;
	padding: 0;
}
.featured_samples em {
	font-size: 95%;
}
.featured_samples a {
	text-decoration: none;
	list-style:none;
	color:#262626;
}
.featured_samples a:hover {
	text-decoration: underline;
}
.featured_samples img {
	padding: 2px;
	background: #fff;
	border-bottom:#FFF;
}

.thumb_list a {
	position: relative;
	outline:none;
}
.featured_samples a span {
	position: absolute;
	top: 1px;
	left: 0;
	background: #262626;
	font: normal 100%/100% "Times New Roman", Times, serif;
	padding: 1px 2px;
	color: #ccc;
	display: none;
}
.featured_samples a:hover span {
	display: block;
}
/* newupdates 
-----------------------------------------------------*/	
.news_updates{
	position:relative;
	float:right;
	top:0px;
	left:0px;
	width:300px;
	height:200px;
	background:url(images/newsBG.jpg) no-repeat;
	}
.news_updates p{
	position:relative;
	top:0px;
	padding-top:45px;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	text-align:center;
	font-family: "times new roman",times,serif;
	font-size: 12px;
	letter-spacing: 2pt;
	word-spacing: 1.6pt;
	line-height: 1.7;
	}
/* portfolio
-----------------------------------------------------*/		
	
.porftfolioBanner{
	position:relative;
	width:960px;
	height:150px;
	top: 0px;
	background:url(images/portfoliobanner.jpg) no-repeat;
}
.porfolio_menu{
	position:relative;
	height:35px;
	width:960px;
	background:url(images/portfoliomenu_button.jpg) repeat-x;
	}
.porfolio_menu ul{
	margin:0 0 0 0px;
	padding:0px;
	list-style:none;
	
	}
.porfolio_menu li{
	margin:0px;
	padding:0px;
	display:inline;
	}
.porfolio_menu a{
	display:block;
	margin-top:7px;
	height:27px;
	width:90px;
	float:left;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	outline:none;
	}
.porfolio_menu a:hover{
	color:#CC0;
	
	}
	
.porfolio_menu .current{
	color:#FFF;
	}
	
	em{
		position:relative;
		width:100px;
		color:#FFF;
		}
	
/*portfolio section
--------------------------------------------------------*/
.portfolio_gallery {
	position:relative;
	list-style: none;
	font-style: italic;
	width: 960px;
	overflow: hidden;
	margin: 15px 0 0;
	padding: 0;
	height: auto;
}
.portfolio_gallery li {
	float: left;
	left:15px;
	margin: 0 25px 20px 0;
	padding: 0;
	position: relative;
}
.portfolio_gallery em {
	font-size: 95%;
}
.portfolio_gallery a {
	text-decoration: none;
	color:#262626;
}
.portfolio_gallery a:hover {
	text-decoration: underline;
}
.portfolio_gallery img {
	padding: 2px;
	background: #fff;
	border-bottom:#FFF;
	border-bottom: solid 2px #262626;
}


.thumb_list a {
	position: relative;
}
.portfolio_gallery a span {
	position: absolute;
	top: 5px;
	left: 0;
	background: #262626;
	font: normal 100%/100% "Times New Roman", Times, serif;
	padding: 4px 8px;
	color:#FFF;
	display: none;
}
.portfolio_gallery a:hover span {
	display: block;
}

.zoom_nav {
	text-align: center;
	white-space: nowrap;
	margin: 0 0 10px;
	padding: 2px 0 0;
	width: 100%;
	overflow: hidden;
}
.zoom_nav a {
	text-indent: -9000em;
	width: 12px;
	height: 12px;
	padding: 4px 1px 1px;
	margin: 0 2px;
	display: block;
	float: left;
	position: relative;
}
.zoom_nav a:hover {
	background-position: 0 -938px;
}
.zoom_nav a.active:hover, .zoom_nav .active {
	background-position: 0 -884px;
}
.zoom_nav span {
	display: block;
	width: 10px;
	height: 2px;
	position: absolute;
	top: 0px;
	left: 1px;
	text-indent: 0;
}
.press_gallery .zoom_nav {
	width: 80px;
	margin: 0 0 0 140px;
}
/* about
--------------------------------------------------*/
.aboutBanner{
	position:relative;
	width:960px;
	height:150px;
	top: 0px;
	background:url(images/aboutBanner.jpg) no-repeat;
}

#contact_form{
	position:relative;
	float:left;
	width:500px;
	height:250px;
	color:#FFF;
	top: 20px;
	}
.aboutme{
	position:relative;
	width:680px;
	height:auto;
	}
	
.aboutme p{
	color:#FFF;
	
	}
.otherportals{
	position:relative;
	top:0px;
	color:#FFF;
	float:right;
	width:200px;
	height:100px;
	}


.otherportals ul{
	position:relative;
	float:right;
	margin:0 0 0 0px;
	padding:0px;
	list-style:none;
	
	}


.otherportals li{
	margin:0px;
	padding:0px;
	display:inline;
	}
.otherportals a{
	display:block;
	margin-top:7px;
	height:50px;
	width:60px;
	float:left;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	outline:none;
	}
.otherportals a:hover{
	color:#CC0;
	
	}
	
.otherportals .current{
	color:#FFF;
	}
.testimonials{
	position:relative;
	float:left;
	color:#FFF;
	left:0px;
	top:50px;
	width:960px;
	height:auto;
	z-index:1;
}
/* freebies
--------------------------------------------------*/

.freebiesBanner{
	position:relative;
	width:960px;
	height:150px;
	top: 0px;
	background:url(images/freebiesBanner.jpg) no-repeat;
}

/* footer 
-----------------------------------------------------*/	

.footer, .push {
position:relative;
width:960px;
clear: both;
color:#FFF;
height: 4em;
}

.footer p{
	position:relative;
	clear:both;
	padding-top:10px;
	text-align:center;
	font-family: "times new roman",times,serif;
	font-size: 12px;
	letter-spacing: 2pt;
	word-spacing: 1.6pt;
	line-height: 1.7;
	background:url(images/footerbg.jpg) repeat-x;

}


.footerP, .pushP {
	position:relative;
	width:960px;
top:800px
clear: both;
	color:#FFF;
	height: 4em;
	top: 800px;
}

.footerP p{
	position:relative;
	top:800px

	clear:both;
	padding-top:10px;
	text-align:center;
	font-family: "times new roman",times,serif;
	font-size: 12px;
	letter-spacing: 2pt;
	word-spacing: 1.6pt;
	line-height: 1.7;
	background:url(images/footerbg.jpg) repeat-x;

}