/* CSS Document */

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	'Screen' Slideshow
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	

#slideblock {
	width: 818px;
	height: 300px;
	margin: 5px auto 40px 0;
	padding: 0;
	position: relative;
	}

#slideblock img {
    padding: 2px;
    /*border: 1px solid rgb(100,100,100);*/
    background-color: rgb(230,230,230);
    width: 814px;
    height: 296px;
    top:  0;
    left: 0
}



/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Typography
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	


.title_contentisking {
	background: url(../images/projects_main/title_contentisking.png) top left no-repeat;
	height: 41px;
	margin-top: 8px;
	padding-bottom: 8px;
	}

#header_design {
	background: url(../images/projects_main/pheader_design.jpg) top left no-repeat;
	height: 30px;
	width: 260px;
	margin: 0 0 15px 0;
	}

#header_identity {
	background: url(../images/projects_main/pheader_identity.jpg) top left no-repeat;
	height: 30px;
	width: 260px;
	margin: 0 0 15px 0;
	}

#header_fun {
	background: url(../images/projects_main/pheader_fun.jpg) top left no-repeat;
	height: 30px;
	width: 260px;
	margin: 0 0 15px 0;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Main Layout and Positioning
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/

#maincontent {   /*Don't add padding to this.... Add any padding to a subdiv.*/
	min-height: 1300px;
	width: 978px;
	margin: 0 auto;
	margin-top: 1px;
	padding: 0;
	background: #FFFFFF url(../images/projects_main/projects_main_top.png) top no-repeat;  
	}

#maincontentbox {
	margin-top: -8px;
	float: left;
	padding: 40px 0 0 80px;
	width: 821px;
	}

#reg_bottom {
	height: 11px;
	width: 978px;
	margin: 0 auto;
	margin-top: 0;
	padding: 0;
	position: relative;
	background: url(../images/reg_bottom.png) top no-repeat;
	}



/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Design Block
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	


.projectsbox {
	float: left;
	margin: 40px 9px 0 0;
	width: 260px;
	}


.projectslist {
	list-style: none;
	padding: 0;
	/*overflow: hidden;*/
	float: left;
	margin: 5px 0 5px 0;
	}

.projectslist li {
	display: block;
	margin: 5px 0 5px 0;
	padding: 0;
	background: none;
	/*overflow: hidden;*/
	}

.projectslist li a {	
	display: block;
	padding: 0;
	background: none;
	/*overflow: hidden;*/
	border: 0;
	}


.right {
	margin-left: 10px;
	}

.edge {
	margin-right:0;
	}

/*STANDARD BUTTONS*/

.projectslist li a#futureus {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_futureus.jpg) top no-repeat;
	}

.projectslist li a#b4ugodesign {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_b4ugo.jpg) top no-repeat;
	}

.projectslist li a#wattbot {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_wattbot.jpg) top no-repeat;
	}

.projectslist li a#bby {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_bby.jpg) top no-repeat;
	}	

.projectslist li a#cellplay {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_cellplay.jpg) top no-repeat;
	}

.projectslist li a#macworld {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_macworld.jpg) top no-repeat;
	}	

.projectslist li a#nvidia {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_nvidia.jpg) top no-repeat;
	}	

.projectslist li a#prs {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_prs.jpg) top no-repeat;
	}	

.projectslist li a#rim {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_design_rim.jpg) top no-repeat;
	}

/*HOVER BUTTONS*/
.projectslist li a#futureus:hover {
	background: url(../images/projects_main/pbutton_futureus.jpg) no-repeat 0 -66px;
	}

.projectslist li a#b4ugodesign:hover {
	background: url(../images/projects_main/pbutton_design_b4ugo.jpg) no-repeat 0 -66px;
	}

.projectslist li a#wattbot:hover {
	background: url(../images/projects_main/pbutton_wattbot.jpg) no-repeat 0 -66px;
	}

.projectslist li a#bby:hover {
	background: url(../images/projects_main/pbutton_design_bby.jpg) no-repeat 0 -66px;
	}

.projectslist li a#cellplay:hover {
	background: url(../images/projects_main/pbutton_design_cellplay.jpg) no-repeat 0 -66px;
	}

.projectslist li a#macworld:hover {
	background: url(../images/projects_main/pbutton_design_macworld.jpg) no-repeat 0 -66px;
	}

.projectslist li a#nvidia:hover {
	background: url(../images/projects_main/pbutton_design_nvidia.jpg) no-repeat 0 -66px;
	}

.projectslist li a#prs:hover {
	background: url(../images/projects_main/pbutton_design_prs.jpg) no-repeat 0 -66px;
	}

.projectslist li a#rim:hover {
	background: url(../images/projects_main/pbutton_design_rim.jpg) no-repeat 0 -66px;
	}

/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Identity Block
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	

/*STANDARD BUTTONS*/
.projectslist li a#three {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_three.jpg) top no-repeat;
	}

.projectslist li a#b4ugo_identity {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_identity_b4ugo.jpg) top no-repeat;
	}

.projectslist li a#redact {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_identity_redact.jpg) top no-repeat;
	}

.projectslist li a#banin {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_identity_banin.jpg) top no-repeat;
	}

.projectslist li a#mccloud {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_identity_mccloud.jpg) top no-repeat;
	}

.projectslist li a#cypresshill {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_identity_cypresshill.jpg) top no-repeat;
	}


/*HOVER BUTTONS*/
.projectslist li a#three:hover {
	background: url(../images/projects_main/pbutton_three.jpg) no-repeat 0 -66px;
	}

.projectslist li a#b4ugo_identity:hover {
	background: url(../images/projects_main/pbutton_identity_b4ugo.jpg) no-repeat 0 -66px;
	}

.projectslist li a#redact:hover {
	background: url(../images/projects_main/pbutton_identity_redact.jpg) no-repeat 0 -66px;
	}

.projectslist li a#banin:hover {
	background: url(../images/projects_main/pbutton_identity_banin.jpg) no-repeat 0 -66px;
	}

.projectslist li a#mccloud:hover {
	background: url(../images/projects_main/pbutton_identity_mccloud.jpg) no-repeat 0 -66px;
	}

.projectslist li a#cypresshill:hover {
	background: url(../images/projects_main/pbutton_identity_cypresshill.jpg) no-repeat 0 -66px;
	}


/*-----------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////
	Fun Block
/////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------*/	

/*STANDARD BUTTON*/
.projectslist li a#photos {
	padding: 0;
	width: 260px;
	height: 66px;
	background: url(../images/projects_main/pbutton_fun_photos.jpg) top no-repeat;
	}
	
/*HOVER BUTTON*/
.projectslist li a#photos:hover {
	background: url(../images/projects_main/pbutton_fun_photos.jpg) no-repeat 0 -66px;
	}