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



/*---------------------------------------------
			LAYOUT
	------------------------------------------*/



body{
	background: #CFCECF url(images/page_background.png) 0px 0px repeat-x;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#ffffff;
}
.content_grid{
    float:left;
    width:210px;
    padding:10px;
}
.content_grid p{
    padding:10px 0;
}

#header{
    position:relative;
    margin:0 auto;
    width:1010px;
    height:240px;
    background: url('images/header_bg.png');
}

#flash_header{
	position:absolute;
	z-index:1;
	width:1010px;
	height:177px;}

#header_top{
	position:absolute;
	z-index:1;
	width:1010px;
	height:177px;}

form#searchform{
	position:absolute;
	top:185px;
	left:760px;
	color:#fff;
	font-weight:bold;
}

form#searchform p{
	position:absolute;
	top:5px
}

#search{
	position:absolute;
	left:50px;
	top:3px;
	width:135px;
}

#searchsubmit{
	position:absolute;
	left:200px;
	top:-12px;
	width:48px;
	height:48px;
	background:url('images/go.png');
	text-indent:-999em;
	border:0;
	cursor:hand;
	cursor:pointer;
	z-index: 10;
}

#searchsubmit:hover{
	position:absolute;
	background:url('images/go_hover.png');
}

#middle{
    position:relative;
    margin:0 auto;
    width:970px;
    padding:0px 20px;
    background: url('images/middle_bg.png') repeat-y;
}

#content{
    position:relative;
    float:left;
    width:720px;
}

#content p{
margin:10px 0}


#sidebar {
    position:relative;
    float:right;
    width:230px;
	color:#ffffff;
}

#sidebar p{
	padding-right:10px;
}

#sidebar p a{
	background-color:#EFEFEF;
}

#sidebar p a:hover{
	color:#232323;
}

#sidebar a.associates{
	display:block;
	margin: 5px;
	width:210px;
	border:2px solid #3F3F3F;
}

#sidebar p.testimonal{
	position:relative;
	background: url('images/big_quote.png')no-repeat;
	padding:35px 10px 10px 20px;
}

#sidebar p.testimonal span.small_quotes{
	display:block;
	margin-left:150px;
	width:20px;
	height:15px;
	background: url('images/small_quotes.png')no-repeat;
}

#sidebar .testimonal_name, .testimonal_title{
	font-size:11px;
	float:right;
	margin-right:30px;
}

#footer{
    position:relative;
    margin:0 auto;
    width:970px;
    height:240px;
	color:#ffffff;
    padding:0px 20px;
    background: url('images/footer_bg.png') no-repeat;
}

#footer_left, #footer_middle, #footer_right{
	position:absolute;
	width:300px;
	top:60px;
	font-size:14px;
	line-height:20px;
}

#footer_left{
	left:40px;
}

#footer_middle{
	left:280px;
}

#footer_right{
	left:680px;
	width:350px;
}

#footer_right a{
	display:block;
	height:37px;
	background: url('images/rss_icon.png') no-repeat;
	padding:3px 3px 5px 35px;
}

#footer_bottom{
	position:absolute;
	top:185px;
	left:35px;
}


/*---------------------------------------------
        TYPOGRAPHY
-----------------------------------------------*/

a {
	color:#FF009E;
	text-decoration:none;
}

a:hover{color:#EFEFEF;}

a.red_dot{
	background:url('images/dot.png') 2px 4px no-repeat;
	padding:5px 23px;
	margin-left:10px;
	font-weight:bold;
}


a.active{
color:#FFFFFF;
}

h1.page_title{
    background: url('images/h1_title.png') no-repeat;
    height:32px;
    color:#ffffff;
    font-weight:normal;
    font-size:25px;
    padding:12px 0 0 30px;
    margin:20px 0px 30px -12px
}

h2.title{
	font-size:20px;
	line-height:22px;
	width:430px;
	padding:0 0 0 15px;
	margin:5px 0 20px 1px;
}

h2.sidebar{
    background: url('images/h2_side_bg.png') no-repeat;
    height:25px;
    color:#ffffff;
    font-weight:normal;
    font-size:20px;
    padding:8px 0 0 15px;
    margin:20px 0px 20px -13px;
}

.footer_title{
	font-size:18px;
}

h3{
	padding:10px 0;
	font-size:16px;
	font-weight:normal;
margin-left:10px;
	
}

h3.article_title{
	padding:0 0 20px 0;
}

h3.offset{
	padding:10px 0;
	margin-top:2px;
	margin-left:0px;
}


/*----------------------------------------------
        NAVIGATION
----------------------------------------------*/

ul#nav {
	position:absolute;
	top:181px;
	left:25px;
}

ul#nav li{
	float:left;
	padding:10px 15px;
	font-size:15px;
	
	height:30px;
}

ul#nav li a{
	color:#ffffff;
}

ul#nav li a:hover{
	color:#FF009E;
}


/*----This sets the background image of the of the link for the active page based on the id of the body e.g if the body id is changed to "news" then the news link will have the active background----*/

body#home ul#nav li#nav_home,
body#news ul#nav li#nav_news,
body#services ul#nav li#nav_services,
body#work ul#nav li#nav_work,
body#about ul#nav li#nav_about,
body#contact ul#nav li#nav_contact,
body#archive ul#nav li#nav_archive{
	background: url('images/nav_active.png');
}

ul#footer_nav {
	position:absolute;
	top:15px;
	left:40px;
}

ul#footer_nav li{
	float:left;
	padding-right:5px;
	font-size:11px;
}

ul#footer_nav li a{
	color:#ffffff;
}


/*-------------------------------------------------------------
			PAGE SPECIFIC STYLES
-------------------------------------------------------------*/

/*######## - HOMEPAGE - ########*/

#home_grid{
    position:relative;
    background:#232323;
    padding:10px;
    width:690px;
    margin-left:10px;
    color:#fff;
    height:750px;
}

#home_grid_left ,#home_grid_middle ,
#home_grid_right {
    padding:10px;
}

#home_grid_left p,#home_grid_middle p ,
#home_grid_right p{
    padding:10px 0;
}


#home_grid_left{
    position:absolute;
    top:370px;
    left:0px;
    width:210px;
}

#home_grid_middle{
    position:absolute;
    top:370px;
    left:240px;
    width:210px;
}

#home_grid_right{
    position:absolute;
    top:370px;
    left:480px;
    width:210px;
}

/*-----HOMEPAGE NEWS SLIDER------*/

#storyContainer{
	position:relative;
	width:690px;
	height:340px;
}

.storydiv {
    height:340px;
    width:690px;
	position:absolute;
}



.fstory {
     padding: 10px;
     display:block;
	 position:absolute;
	 width:670px;;
	 filter: alpha(opacity=65);
  	-moz-opacity: 0.65;
  	opacity: 0.65;
	 top:20px;
	 left:0px;
	 background-color:#FFF;
     font-weight:normal;
	color:#000;
}

#story2{
	display:none;
}
#story3{
	display:none;
}
#story4{
	display:none;
}
#story5{
	display:none;
}

#slider_nav { 
	font-size:12px;
	position:absolute;
	top:70px;
	left:10px;
  	background:#fff;
   	padding:0px 3px;
  	font-weight:bold;
  	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
   	opacity: 0.65;
}

/*###### - NEWS PAGE - ######*/


.news_snippet{
    position:relative;
    background:#232323;
    padding:10px;
    width:690px;
    height:165px;
    margin:20px 10px;
    color:#fff;
    border-top:1px solid #9F9F9F;
    border-bottom:1px solid #9F9F9F;
}

.mini_media{
	float:left;
	margin-right:10px;
}

p.more_bookmark{
	position:absolute;
	top:150px;
	left:220px;
	width:480px;
}

a.addthis_button{float:right;}

ul#sidebar_archive{
    font-weight:bold;
}

ul#sidebar_archive li{
    padding:5px 0;
}

ul#sidebar_archive span{
    font-weight:normal;
	clear:both;
}

ul#sidebar_archive span a, #filter a{
	background-color:#EFEFEF;
        padding:0 3px;
}

ul#sidebar_archive span a:hover, #filter a:hover{
	color:#232323;
}

#filter{
    position:relative;
    background:#232323;
    padding:5px 10px;
    font-weight:bold;
    width:690px;
    margin:20px 10px;
    border-top:1px solid #9F9F9F;
    border-bottom:1px solid #9F9F9F;
}

#filter span{padding-left:10px;}

/*####### - SINGLE PAGE - ######*/

.single_content{
    position:relative;
    background:#232323;
    padding:10px;
    width:690px;
    margin:20px 10px;
    border-top:1px solid #9F9F9F;
    border-bottom:1px solid #9F9F9F;
}


.single_add{
    width:100px;
    padding:20px 25px;
}


.page_media{
	float:right;
	margin:10px 0px 10px 10px;
	padding:0px;
	width:320px;
	font-family:verdana;
	font-size:10px;
	line-height:12px;
	background:#525252;
	border:1px solid #9F9F9F;

}

.page_media p{
	padding:0 10px;
}


/* - ###### - SERVICES PAGE - ###### - */

    ul#services_nav{

}

    ul#services_nav li{
    float:left;
	margin:5px;
}

    ul#services_nav li a{
    float:left;
	background:#1A1A1A;
	padding:5px;
	font-size:16px
}

#service_slider .scroll {
  height: 300px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

#service_slider .scrollContainer div.panel {
  padding: 20px;
    margin-left:5px;
  height: 300px;
  width: 680px; /* change to 560px if not using JS to remove rh.scroll */
}



/* - ###### - WORK PAGE - ###### - */

ul#clients li{
    float:left;
    padding:10px;
}

ul#clients li a {
	display:block;
	border:1px solid #CFCECF;
}

ul#clients li a:hover {
	border:1px solid #FF009E;
}

/* - ###### - TEAM PAGE - ###### - */

ul#sub_nav{

}

ul#sub_nav li{
    float:left;
	margin:5px;
}

ul#sub_nav li a{
    float:left;
	background:#1A1A1A;
	padding:2px 5px;
	font-size:12px;
    text-align:center;
}

ul#sub_nav li a:hover{
	background:#EFEFEF;
	color:#000;
}

ul#sub_nav li a img{margin:5px 12px 0 12px;}


.team_holder{
	/*height:620px;*/
    position:relative;
}

img.cipr_small{
	position:absolute;
	left:570px;
	top:10px;
}

#team_slider{
	/*height:500px;*/

}

.profile_pic{
	float:left;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:40px;
}

h4.title_position{
	margin-bottom:30px;
}

.scrollContainer{
position:absolute;
left:0px;
top:0px;
}

.scroll {
  height: 900px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  margin-left: 5px;
  height: 900px;
  position:relative;
  /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}


/* - ###### - CONTACT US - ###### - */

ul#contact_details{
margin-left:15px;
}



/* - ###### - EXTRAS - ###### - */

br.clear{clear:both;}

div.line{
	border-top:1px solid #5F5F5F;
	margin:20px auto;
	width:600px;
	clear:both;
}

ul.standard{
	list-style:disc;
}
ul.standard li{
	margin:5px 0px 5px 30px;
}

a.social{
	display:block;
	border:0;
	width:65px;
	height:30px;
	text-indent:-999em;
	float:left;
	margin:6px;
}


a#blogger{
    background: url('images/blogger_logo.png') no-repeat ;
    padding:0;
}

a#youtube{
    background: url('images/youtube_logo.png') no-repeat ;
    padding:0;
}

a#facebook{
    background: url('images/facebook_logo.png') no-repeat ;
    padding:0;
}

a#twitter{
    background: url('images/twitter_logo.png') no-repeat ;
    padding:0;
}

p.right_text{
	width:345px; 
	float:right;
}