@charset "utf-8";
/* CSS Document */


/*
Stylesheet Name: Bruv
Theme URI: http://bruv.co.nz
Description: Original style sheet for bruvCREATIVE website..
Version: 1.0
Author: Ilai @ bruvCREATIVE
Author URI: http://bruv.co.nz
*/


/*				 //
//    IMPORTS    //
//				 */

@import url(reset.css);
@import url(text.css);
@import url(960.css);



/*			   //
//    FONTS    //
//			   */


@font-face {
	font-family: 'Colaborate';
	src: url('../fonts/colaborate/ColabBol.eot');
	src: local('☺'), url('../fonts/colaborate/ColabBol.ttf') format('truetype'), url('../fonts/colaborate/ColabBol.svg#webfont') format('svg');
}




/*			   //
//    STYLES    //
//			   */





/* Main Menu */


ul#nav{width: 420px; height: 100px; position: relative; margin:0; margin-top:25px; padding:0; padding-left:60px; list-style:none; clear:both; }  
#nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:1px;}  
#nav li a{background:url(../images/menu-sprite.png) no-repeat; width:100%; height:100%; display:block;}  
  
/* Home Button */  
#nav li.nav_home{width:100px; height:100px;}  
#nav li.nav_home a{background-position:0px 0px;}  
#nav li.nav_home a:hover{background-position:0px -101px;}  
#nav li.nav_home a.selected{background-position:0px -201px;}  

/* About Button */  
#nav li.nav_about{width:100px; height:100px;}  
#nav li.nav_about a{background-position:-100px 0px;}  
#nav li.nav_about a:hover{background-position:-100px -101px;}  
#nav li.nav_about a.selected{background-position:-100px -201px;}  

/* Work Button */  
#nav li.nav_work{width:100px; height:100px;}  
#nav li.nav_work a{background-position:-200px 0px;}  
#nav li.nav_work a:hover{background-position:-201px -101px;}  
#nav li.nav_work a.selected{background-position:-201px -201px;}  

/* Contact Button */  
#nav li.nav_contact{width:100px; height:100px;}  
#nav li.nav_contact a{background-position:-300px 0px;}  
#nav li.nav_contact a:hover{background-position:-300px -101px;}  
#nav li.nav_contact a.selected{background-position:-300px -201px;} 




/* GENERAL */


body
{
background:url(../images/bg.png) repeat;	
color:#444;	
}

a
{
color:#0066cc;
text-decoration:none;
}

a:hover
{
	color:#cc3300;
}

.strong
{
font-weight:bold;	
}

h1{
font-family:"Colaborate","Trebuchet MS",Helvetica,Arial;
color:#cc3300;	
margin:0 20px;
font-size:2em;
}

img
{
border:0px;	
}


#latest-work-tag
{

height:17px;
background:url(../images/latest-work-tag.png) left no-repeat;
background-position:5px 0px;
}

.home-thumbs
{
background:url(../images/home-thumbs-back.png) no-repeat;
width:300px;
height:200px;
}

.home-thumbs img
{
margin:6px 0 0 5px;	
}

.home-thumbs-info {
	position:absolute;
	top:6px;
	left:5px;
	height:150px;
	width:250px;
	padding:20px;
	background-color: #222;
	display:none;
}

.home-thumbs-info h2{
	font-family:"Colaborate","Trebuchet MS",Helvetica,Arial;
	color:#0066cc;
	font-size:18px;
	line-height:14px;
	margin-bottom:7px;
}

.home-thumbs-info p {
	color:#eee;
	letter-spacing:-0.5px;
	line-height:14px;
}

.home-thumbs .tools
{
padding:3px 0 3px 30px;
background:url(../images/tools.png) no-repeat left;
font-size:12px;
font-weight:bold;
color:#cc3300;
letter-spacing:0.2px;
}


.home-thumbs .tools a
{
	color:#cc3300;
}

#home-content
{
margin-top:20px;
margin-bottom:20px;
}

#headline
{
margin-top:15px;
margin-bottom:20px;
background-color:#fff;
border:1px solid #ccc;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;

}

#headline h1
{
font-family:"Colaborate","Trebuchet MS",Helvetica,Arial;
font-size:32pt;
color:#0066cc;
margin:15px 40px;
letter-spacing:1px;
line-height:30pt;
position:relative;
}

.h1red
{
color:#cc3300;	
}

#home-content
{
background:url(../images/main-bg-strip.png) repeat-x;
border:1px solid #ccc;
}

#home-welcome
{
margin-top:20px;
margin-bottom:20px;	
}

#home-welcome p
{
font-size:17px;
font-weight:bold;
}

#home-contact
{
margin-top:20px;
margin-bottom:20px;
background:url(../images/divider-vert.png) repeat-y left;	
}

/* Text */




#home-content p
{
font-family:Arial, Helvetica, sans-serif;
margin:0 20px;
letter-spacing:-0.1px;
}

#home-content ul, #contact-content ul
{
margin:20px;
list-style:none;
}

#home-content li, #contact-content li
{
font-size:16px;	
}



/*  Portfolio Content */

#portfolio-content
{
	margin-top:15px;
	background:url(../images/main-bg-strip.png) repeat-x;
	border:1px solid #ccc;
	background-color:#fff;
}

#portfolio-content h1
{
	margin:10px 20px;
}

#portfolio-content h2
{
	font-family:"Colaborate","Trebuchet MS",Helvetica,Arial;
	font-size:16px;
	margin:0px;
}

.portfolio-container
{
	
}

.portfolio-item
{
	margin:0px 20px 20px 0px;
	padding-bottom:20px;
	background:url(../images/divider-hor.png) repeat-x bottom;
}

.portfolio-item:last-child
{
background:none;
}

.portfolio-item-thumb
{
	float:left;
	width:415px;
	height:250px;
	background:url(../images/portfolio-page-back.png) no-repeat;
	margin-bottom:20px;
}

.portfolio-item-thumb img
{
border:0px;
margin:18px;
margin-bottom:25px;
}

.portfolio-item-thumb a
{
	background:url(../images/www.png) no-repeat;
	padding:3px 0 5px 35px;
	font-size:16px;
	font-weight:bold;
	margin-left:15px;
	

}

.portfolio-item-info
{
	float:right;
	width:320px;
}



.tools
{
padding:3px 0 3px 30px;
background:url(../images/tools.png) no-repeat left;
font-size:15px;
font-weight:bold;
color:#cc3300;
}


/*submenu*/

.sub-menu ul
{
	list-style:none;
	margin-left:-40px;
}

.sub-menu li
{
	background:url(../images/sub-menu.png) no-repeat center;
	padding:10px 10px 15px 0px;
	line-height:30px;
	text-align:right;
}

.sub-menu li:hover
{
	background:url(../images/sub-menu-hover.png) no-repeat center;
}

.sub-menu li.selected
{
	background:url(../images/sub-menu-selected.png) no-repeat center;
}

.sub-menu a
{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}



/*about*/
#about-main
{
margin-top:7px;	
}
#about-main p
{
padding:0 10px;	
}

#about-main h2
{
	padding:0 10px;	
}


/* contact */
#contact-content
{
	margin-top:15px;
	background:url(../images/main-bg-strip.png) repeat-x;
	border:1px solid #ccc;
	background-color:#fff;
}

#contact-content p
{
padding-left:20px;	
}

#contact-content h1
{
	margin:10px 20px;
}

#contact-content input, #contact-content textarea
{
-moz-border-radius: 4px; 
-webkit-border-radius:4px;	
border:1px solid #AAF;
font-size:12px;
letter-spacing:0.1px;
padding:5px;
}



.error
{
font-size:10px;
color:#F00;
}

.thanks
{
background-color:#C4FFC4;
border:1px dashed #80FF80;
margin:20px;
width:500px;
padding:10px;
}