/* Static Pop Studios - Copyright 2005 */
/*-------------------------------------------
  Body Default
------------------------------------------ */
body { 
		background: #fff;
		margin: 0px auto;
		overflow:-moz-scrollbars-vertical;
	}
/* ------------------------------------------
  Default Text
------------------------------------------ */
h1 { 
	font: 13px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#333333;
	text-align: left;
	margin:9px;
	}

h2 { 
	font: 13px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#666666;
	text-align: left;
	margin:9px;
	}
	
h3 { 
	font: 13px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#666666;
	text-align: left;
	margin:9px;
	
	}

h4 { 
	font: 11px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#336699;
	text-align: left;
	margin:0px;
	
	}
	
h5 { 
	font: 11px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#006699;
	text-align: left;
	margin:9px;
	
	}
	
h6 { 
	font: 11px Arial, Helvetica, sans-serif; 
	color:#336699;
	text-align: left;
	margin:0px;
	
	}
	
.larger {
font:11px Arial, Helvetica, sans-serif;
}

	
	
p  { 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	margin:9px;
}

	
.innerinfobox ul   { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	margin:9px;
}

a:link, a:visited, a:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	text-decoration: underline;
}

a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#CC3366;
	text-decoration: underline;
}

.innerinfobox a:link, a:visited, a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	text-decoration: underline;
}

.innerinfobox a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#CC3366;
	text-decoration: underline;
}


.specialtext {
color:#CC3366;
}

#infobox p{
font: 11px Verdana, Arial, Helvetica, sans-serif; 
}

/* ------------------------------------------
  Common Page Sections
------------------------------------------ */

#pagebackground{
width: 770px;
/*background: #fff url(../images/dotted.gif) repeat-y center;*/
margin: 0px auto ;
}

#main {
	display: block;
	position: relative;
	width: 750px;
	margin: 0px auto ;
	background: #fff;
	padding: 0px;
}

#headerimage {
	width: 750px;
	height: 263px;
	margin: 0px auto;
	background: transparent ;

}
	
#footer {
	width: 750px;
	height: 20px;
	margin: 0px auto;
	background: transparent ;
}
	
#nav {
height: 70px;
}
	
#menusection {
	margin-top: 25px;
	float: right;
}

#logo {
	float: left;

}

/* ------------------------------------------
  Nav Menu
------------------------------------------ */

#menusection ul#menu	{
	width: 448px;
	background: transparent;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	}

#menusection ul#menu li {
	height: 30px;
	padding: 0;
	position: absolute;
	top: 0px;
	}
	
ul#menusection li, ul#menu a {
	height: 30px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#menusection ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#homelink	{left: 0; width: 29px; background: transparent url(../images/navbar/home_off.gif) top left no-repeat;}
#newslink	{left: 44px; width: 27px; background: transparent url(../images/navbar/news_off.gif) top left no-repeat;}
#aboutuslink	{left: 86px; width: 45px; background: transparent url(../images/navbar/about_off.gif) top left no-repeat;}
#webdesignlink {left: 146px; width: 59px; background: transparent url(../images/navbar/web_off.gif) top left no-repeat;}
#graphicslink	{left: 220px; width: 106px; background: transparent url(../images/navbar/graphics_off.gif) top left no-repeat;}
#goodieslink {left: 341px; width: 40px; background: transparent url(../images/navbar/goodies_off.gif) top left no-repeat;}
#contactlink {left: 396px; width: 52px; background: transparent url(../images/navbar/contact_off.gif) top left no-repeat;}

#homelink a:hover	{background: transparent url(../images/navbar/home_on.gif) no-repeat;}
#newslink a:hover	{background: transparent url(../images/navbar/news_on.gif) no-repeat;}
#aboutuslink a:hover {background: transparent url(../images/navbar/about_on.gif) no-repeat;}
#webdesignlink a:hover {background: transparent url(../images/navbar/web_on.gif) no-repeat;}
#graphicslink a:hover {background: transparent url(../images/navbar/graphics_on.gif) no-repeat;}
#portfoliolink a:hover {background: transparent url(../images/navbar/portfolio_on.gif) no-repeat;}
#goodieslink a:hover {background: transparent url(../images/navbar/goodies_on.gif) no-repeat;}
#contactlink a:hover {background: transparent url(../images/navbar/contact_on.gif) no-repeat;}

/* You are here - nav */


body#newspage #newslink a:hover	{background: transparent url(../images/navbar/news_on.gif) no-repeat;}
body#aboutus #aboutuslink a:hover {background: transparent url(../images/navbar/about_on.gif) no-repeat;}
body#webdesign #webdesignlink a:hover {background: transparent url(../images/navbar/web_on.gif) no-repeat;}
body#graphics #graphicslink a:hover {background: transparent url(../images/navbar/graphics_on.gif) no-repeat;}
body#goodies #goodieslink a:hover {background: transparent url(../images/navbar/goodies_on.gif) no-repeat;}
body#contact #contactlink a:hover {background: transparent url(../images/navbar/contact_on.gif) no-repeat;}


/* ------------------------------------------
  Home Page Sections
------------------------------------------ */

#news {
	width: 400px;
	height:243px;
	margin: 0px;
	background: #F3f3f3 url(../images/greydashes.gif) repeat top right; 
}

#contactbox {
	position: absolute;
	left: 400px;
	width: 175px;
	height:243px;
	margin: 0px auto;
	background:#FFF url(../images/bluetag.jpg) no-repeat top; 
}

#featuredprojects {
	position: absolute;
	left: 575px;
	width: 175px;
	height:243px;
	margin: 0px auto;
	background:#F3F3F3 url(../images/home_rhs_curve.gif) no-repeat bottom right; 
	}

#contactform {
padding: 15px;
}


.welcome {
display:block;
background: #FFD9EC url(../images/smalldots.gif) repeat-x top right; 
padding:10px;
margin:0px;
}

.lightpinksubtitle {
display:block;
background: #FFF0F8 url(../images/smalldots.gif) repeat-x top right; 
padding:10px;
margin:0px;
font-size: 11px;
color:#CC3366;
}

/*-------------------------------------------
	Home Projects Section
--------------------------------------------*/
#headerbar {
	width: 750px;
	height: 10px;
	margin: 0px auto;
	background: #E8E8E8;

}
#homeprojects {
	display: block;
	width: 750px;
	height: 255px;
	padding-top:10px;
	margin: 0px auto;
	background-color: #FFF;

}


/* ------------------------------------------
  Home News Items
------------------------------------------ */

#newslist {
	width: 400px;
	margin: 0px;
	background-color:#F3F3F3;
	}
	
#newslist ul {
	list-style: none; 
	border: none; 
	margin: 0; 
	padding: 0 
	}
	
#newslist li {
	margin: 0;
	background: url(../images/smalldots.gif) repeat-x top left;
	}
	
#newslist li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block; 
	padding: 10px; 
	background: url(../images/smalldots.gif) repeat-x top left;
	margin: 0px;
	height: 12px;
	text-align: left; 
	text-decoration: none; 
	}
	
html>body #newslist li a { 
	width: auto 
	}
	
#newslist li a:hover { 
	background-color: #FFF0F8; 
	}

/* ------------------------------------------
  Home Featured Project Items 
------------------------------------------ */



#featuredprojects ul {
	list-style: none; border: none; margin: 0; padding: 0 
	}
	
#featuredprojects li {
	margin: 0;
		background: url(../images/smalldots.gif) repeat-x top left;
	}
	
#featuredprojects li a {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block; 
	padding: 10px; 
	height: 55px;
	background: url(../images/smalldots.gif) repeat-x top left;
	margin: 0px;
	text-align: left; 
	text-decoration: none; 
	}
	
html>body #featuredprojects li a { 
	width: auto 
	}
	
#featuredprojects li a:hover { 
	font-size:10px;
	background-color: #D8E5EE;
	color:#006699;
	}

#featuredprojects li a:visisted { 
font-size:10px;
}

#featuredprojects li a:active { 
font-size:10px;
}

.featured {
	background: url(../images/greydashes.gif) repeat top right; 
	border: none;
	float: right;
	margin-left:4px;
	}

.righticon {
	float: right;
	
	}

/* ------------------------------------------
  Form Objects
------------------------------------------ */

.textbox {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 120px; 
	color:#666666;
	text-align: left;
	}
	
.admintextbox {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 250px; 
	color:#666666;
	text-align: left;
	}

.button {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 125px; 
	color:#666666;
	}
		
/* ------------------------------------------
  Portfolio Page (Inside Page)
------------------------------------------ */
#insideheaderbar {
	width: 750px;
	height: 12px;
	margin: 0px auto;
	background: #E8E8E8 url(../images/insideheaderbar.gif) repeat-x top; 
}

#insidemidsection {
height: 388px;
background: transparent;
}

#insidepicframe {
margin-top:10px;
width: 520px;
height: 363px;
padding-top: 12px;
padding-left:12px;
background-color:#F3F3F3;
}

.insidepic {
border: 1px solid #ccc;
}

#projectinfo {
width: 520px;
height: 110px;
padding: 10px;
padding-bottom: 0px;
padding-right: 0px;
background:#FFF url(../images/bluetag.jpg) repeat-x top; 
}

#insideright {
position: absolute;
left: 545px;
}

/* ------------------------------------------
  Standard Info Page Sections
------------------------------------------ */
#insideheaderbar {
	width: 750px;
	height: 12px;
	margin: 0px auto;
	background: #E8E8E8 url(../images/insideheaderbar.gif) repeat-x top; 
}

#infoheaderbar {
	width: 750px;
	height: 22px;
	margin: 0px auto;
	background: #E8E8E8 url(../images/insideheaderbar.gif) repeat-x top; 
}

#insidemidsection {
height: 388px;
background: transparent;
}

#insideinfomidsection {
background: transparent;
}


#infopicframe {
width: 295px;
height: 363px;
padding-top: 12px;
padding-left:12px;
background-color:#F3F3F3;
}

.insidepic {
border: 1px solid #ccc;
}

#projectinfolink {
width: 295px;
height: 110px;
padding: 10px;
padding-bottom: 0px;
padding-right: 0px;
background:#FFF url(../images/bluetag.jpg) repeat-x top; 
}

#inforight {
position: absolute;
left: 442px;
}


/* ------------------------------------------
  Info Page - Portfolio Links
------------------------------------------ */

#infobox {
position: relative;
width: 410px;
padding: 10px;
background:#F3F3F3; 
}

.innerinfobox {
display: block;
padding: 5px;
background: #FFF url(../images/paperbg.gif) repeat top; 
margin-bottom: 10px;
}



#infoportfoliobox {
font-size:10px;
position: relative;
width: 307px;
height:184px;
margin-top: 10px;
background:#F3F3F3 url(../images/home_rhs_curve_full.gif) no-repeat bottom right;
}

#infoportfoliolister {
position: relative;
width: 307px;
margin: 0px auto;
background:#F3F3F3;
}

#infoportfoliolister ul {
list-style: none; 
border: none; 
margin: 0; 
padding: 0 
}
	
#infoportfoliolister li {
margin: 0;
background: url(../images/smalldots.gif) repeat-x top left;
}
	
#infoportfoliolister li a {
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block; 
padding: 14px; 
height: 55px;
background: url(../images/smalldots.gif) repeat-x top left;
margin: 0px;
text-align: left; 
text-decoration: none; 
	}
	
	
html>body #infoportfoliolist li a { 
width: auto 
}
	
#infoportfoliolister li a:hover { 
font-size:10px;
background-color: #D8E5EE;
color:#006699;
}

#infoportfoliolister li a:visisted { 
font-size:10px;
}

#infoportfoliolister li a:active { 
font-size:10px;
}


/* ------------------------------------------
  Portfolio/Work Page - Work List 
------------------------------------------ */
#organisebox {
position: relative;
width: 187px;
height: 40px;
padding:9px;
margin: 0px;
margin-bottom:0px;
background: #E8E8E8 url(../images/whiteborder.gif) repeat-x bottom; ;
}

.organisetextbox {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 160px; 
	color:#666666;
	margin-left:3px;
	text-align: left;
	}


#workbox {
font-size:10px;
position: relative;
width: 205px;
overflow:auto;
height:450px;
background:#F3F3F3;
}
#worklister {
position: relative;
width: 175px;
margin: 0px auto;
background:#F3F3F3;
}

#worklister ul {
list-style: none; border: none; margin: 0; padding: 0 
}
	
#worklister li {

margin: 0;
background: url(../images/smalldots.gif) repeat-x top left;
}
	
#worklister li a {
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block; 
padding: 10px; 
height: 55px;
background: url(../images/smalldots.gif) repeat-x top left;
margin: 0px;
text-align: left; 
text-decoration: none; 
}
	
html>body #worklist li a { 
width: auto 
}
	
#worklister li a:hover { 
font-size:10px;
background-color: #D8E5EE;
color:#006699;
}
#worklister li a:visisted { 
font-size:10px;
}
#worklister li a:active { 
font-size:10px;
}

.featured {
background: url(../images/greydashes.gif) repeat top right; 
border: none;
float: right;
}

.righticon {
float: right;
margin-left: 5px;
}

#contentlist ul{
padding:15px;
margin:5px 20px 5px 20px;
}



/*-----------
CLient section
---------*/
.conceptthumb {
margin: 4px;
border: 1px solid #ddd;
}