/* Style CSS Document */



/* DO NOT CHANGE THIS VALUES!!! */
.readmore {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;	
	
}


#topbar #nav a {
	color:#657983;
	text-decoration:none;
		display:inline-block;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-top:55px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;	
}


#topbar #nav a:active {
		
		color:#657983;
	text-decoration:none;
	
	
	
	padding-left:10px;
	padding-right:10px;	
}

#topbar #nav a:visited {
		
		/*color:#657983;*/
	text-decoration:none;
	
	
	
	padding-left:10px;
	padding-right:10px;	
}
#topbar #nav .active a {
	color:#fff;	
}

.thumb {
	border:#ddd solid 1px;	
	
}

/* SELECTED PORTFOLIO THUMB HERE */
.unselectedThumb {
	border:1px solid #fff;
		
}

.selectedThumb {
	border:1px solid #ccc;

		
}


/* --------------------------- RANDOMISERS!

PLEASE FIND ALL COLOURED RANDOMISERS IN STYLE-*COLOUR*.css
 ----------------------------- */

.coloured {
	color:#ec008c;	
}

#sitemap ul li a {
		color:#657983;
		
	}

#sitemap ul li a:hover {
		text-decoration:underline;
		
	}


#topbar #logo {
	
	width:176px;
	height:39px;
	background:url(../images/network-logo.gif) no-repeat 0px 0px;
	float:left;
		
}


#topbar #nav .active {

	
	background:url(../images/nav-active.gif) no-repeat 0px 0px;
	color:#ffffff;	
	
}




/* ------------------------ COLOURED BOXES ------------------------- */

.greenBG {
	background-color:#0C0;
}	

.greyBG {
	background-color:#eee;	
}

.blackBG {
	background-color:#000;	
}

.yellowBG {
	background-color:#FF0;
		
}

.whiteBG {
	
	background-color:#fff;	
}

.blueBG {
	
	background-color:#03F;	
}

.orangeBG {
	background-color:#F90;	
}

.redBG {
	background-color:#F00; 
}	

.brownBG {
	background-color:#930;
	
}

/* --------------------------- HIGHLIGHTED TEXT -------------------------- */

.highlight {
	background-color:#CCC;
}

/* --------------------------- BORDERS ----------------------------- */

.lineAbove {
	padding-top:10px;
	border-top:solid thin #ccc;	
}

.lineBelow {
	padding-bottom:10px;
	border-bottom:#ccc thin solid;
}	

.lineLeft {
	padding-left:10px;
	border-left: solid thin #ccc;
}

.lineRight {
	padding-right:10px;
	border-right: solid thin #ccc;
}

.slitLineBelow {
	
	padding-bottom:20px;
	
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

/*GREY BOX SLIT LINE BELOW*/

#latest-work .slitLineBelow {
	
	padding-bottom:8px;
	
	background:url(/images/greybox-slitLineBelow.gif) repeat-x 0px bottom;	
	margin-bottom:12px;
}

/*NEWS SLIT LINE BELOW */
#news .slitLineBelow {
	
	padding-bottom:30px;
	margin-bottom:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}


/*PROFILES SLIT LINE BELOW */

#profiles .slitLineBelow {
	
	padding-bottom:30px;
	margin-bottom:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

#profiles h2 {
	margin-left:-1px;	
}


#accessibility .slitLineBelow {
	
	padding-bottom:30px;
	margin:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

#privacy .slitLineBelow {
	
	padding-bottom:30px;
	margin:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

#faqs .slitLineBelow {
	
	padding-bottom:30px;
	margin:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

#contact .slitLineBelow {
padding-bottom:30px;
	margin-bottom:0px;
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;		
}
#cms_contact_page .slitLineBelow {
	
	padding-bottom:30px;
	margin-bottom:0px;
	
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}

#contact_page .slitLineBelow {
	
	padding-bottom:30px;
	margin-bottom:0px;
	
	background:url(/images/hor-line-crease.gif) repeat-x 0px bottom;	
}


/* ------------------------- ROUNDED CORNERS ------------------------- */
					/*WEBKIT SHORTHAND DOESN'T WORK*/
		
.roundAll {
	-moz-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(css/PIE.htc);/* THIS NEEDS TO BE RELATIVE TO THE HTML DOCUMENT, NOT THE CSS */	
}

.roundTop {
	-moz-border-radius:5px 5px 0px 0px;	
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-radius:5px 5px 0px 0px;
	behavior:url(css/PIE.htc);/* THIS NEEDS TO BE RELATIVE TO THE HTML DOCUMENT, NOT THE CSS */	
}

.roundBottom {
	-moz-border-radius:0px 0px 5px 5px;	
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-radius:0px 0px 5px 5px;
	behavior:url(css/PIE.htc);/* THIS NEEDS TO BE RELATIVE TO THE HTML DOCUMENT, NOT THE CSS */	
}

.noBorder {
	border:none;	
}
/* ------------------------- GLOWS ------------------------- */

.glowBlack {
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;  
	behavior:url(css/PIE.htc);/* THIS NEEDS TO BE RELATIVE TO THE HTML DOCUMENT, NOT THE CSS */	
}

/* ------------------------ PADDING ------------------------ */

.padding5 {
	padding:5px;	
}

.padding10 {
	padding:10px;	
}

.padding15 {
	padding:15px;	
}

.padding20 {
	padding:20px;	
}

/* COLOUREDS */

.black {
	color:#29353B;	
}
/* ------------------------ SPACING ------------------------ */

.spaceBelow {
	margin-bottom:10px;
}	

.smallSpaceBelow {
	margin-bottom:5px;	
}

.superSpaceBelow {
	margin-bottom:120px;	
}


.noSpaceBelow {
	margin-bottom:0px;
}	

.noSpaceAbove {
	margin-top:0px;
}	

.spaceAbove {
	margin-top:10px;
}

.1pxHigh {
	height:1px;
	margin:0px;	
}
/* ------------------------ CURSORS ------------------------ */

.hand {
	cursor:pointer;	
}


/* ------------------------ TEXT STYLES ------------------------ */
.uppercase {
	text-transform:uppercase;	
}

.fakeLink {
	cursor:pointer;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
}