/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #8C8F02; text-decoration:none;font-family: "arial",sans-serif;line-height:23px;}
a:hover {color: #B4B803;}

body {
	/*background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;*/
	/*background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;*/
	color: #FFFFFF;
	font: normal 62.5% arial,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em arial,sans-serif;
	margin-bottom: 4px;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em arial,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: #FFF;
	/*font-size: 1.2em;*/
	font-size: 12px;
	margin: 0 auto;
	padding: 0pt 70px;
	width: 706px;
	border-bottom:2px solid #808080;
	border-right:2px solid #808080;
	border-left:2px solid #808080;
	border-top:none;
}

/* header */
.top {
	/*background: url(img/clouds.gif) repeat-x;*/
	padding: 50px 10px 0;
}

/* title */

.headerhome {
	background: #FFF;
	font-size: 1.2em;
	height: 0px;
	margin: 0 auto;
	padding: 41px 10px 5px;
	width: 826px;
	border-top:2px solid #808080;
	border-right:2px solid #808080;
	border-left:2px solid #808080;
}

.containerhome {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0px 70px 141px 70px;
	width: 706px;
	border-bottom:2px solid #808080;
	border-right:2px solid #808080;
	border-left:2px solid #808080;
	border-top:none;
}

.main_home {
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	/*background: #323232 url(img/bgmain_design_it.gif) repeat-x;*/
	width:706px;
	height:426px;
}






.header {
	background: #FFF;
	font-size: 1.2em;
	height: 79px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 826px;
	border-top:2px solid #808080;
	border-right:2px solid #808080;
	border-left:2px solid #808080;
}
.header .left, .header .right {
	background: #FFFFFF;
	color: #FFF;
	/*height: 79px;	*/
}
.header .left {
	/*background: #FFFFFF url(img/header.jpg) no-repeat;*/
	background: #FFFFFF;
	/*font: normal 2.8em "arial",sans-serif;*/
	/*line-height: 119px;*/
	/*text-align: left;	*/
	padding-left:58px;
	padding-top:34px;
	width: 397px;
}

.header .left img
{
    border:0px none;
}

.header .right img
{
    border:0px none;
}


.header .right {
	overflow: visible;
	width: 200px;
	margin-top:30px;
	position:inherit;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "arial",sans-serif;}

/* navigation */
.navigation {	
background: #FFFFFF;
	height: 30px;
}

.navigation2 {	
	background: #FFFFFF;
	height: 58px;
}



.navigation a {
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	text-decoration: none;
}

.navigation2 a {
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	text-decoration: none;
}

.navigation a:hover {background-position: left bottom; color: #234;}

.navigation2 a:hover {background-position: left bottom; color: #234;}

.main_gg {
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	/*background: #323232 url(img/bgmain_design_it.gif) repeat-x;*/
	width:706px;
	height:426px;
}


/* main */
.main_di {
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	background: #323232 url(img/bgmain_design_it.gif) repeat-x;
	width:706px;
	height:426px;
}

.main_sp {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_story_portraits.gif) repeat-x;
	width:706px;
	height:426px;
}

.main_da {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_design_it.gif) repeat-x;
	width:706px;
	height:426px;
}


.main_ap {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_artprints.gif) repeat-x;
	width:706px;
	height:426px;
}

/* generic design pages */
.content_ap {
	float: left;	
	padding: 168px 37px;
	width: 400px;
	height:19px;
}
.content_ap p {font-family: "arial",sans-serif;line-height:21px;}

.content_ap2 {
	float: left;	
	padding: 168px 37px;
	width: 390px;
	height:19px;
}
.content_ap2 p {font-family: "arial",sans-serif;line-height:21px;}


.content_ap3 {
	float: left;	
	padding:168px 37px;
	width: 395px;
	height:19px;
}
.content_ap3 p {font-family: "arial",sans-serif;line-height:21px;}




/* art prints */
.content_ap1 {
	float: left;	
	padding: 145px 37px;
	width: 397px;
	height:19px;
}
.content_ap1 p {font-family: "arial",sans-serif;line-height:20px;}






/* design it home page*/
.main_designit
{
    border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_designit.gif) repeat-x;
	width:706px;
	height:426px;
}
.content_designit {
	float: left;	
	padding: 60px 37px;
	width: 631px;
	height:90px;
	
}

.content_designit img{
	border:none;	
	padding-top:14px;
}



.content_designit p {text-align:center; font-family: "arial",sans-serif;line-height:21px;}




/* about us */
.main_au {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFFFFF;
	background: #323232 url(img/bgmain_aboutus.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_au {
	float: left;		
	padding-top: 103px;
	padding-left:37px;
	padding-right:30px;
	width: 366px;
	height:90px;
}
.content_au p {font-family: "arial",sans-serif;line-height:23px;}


/* whats hot */
.main_wh {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFFFFF;
	background: #E5E5E5 url(img/bgmain_whatshot.gif) repeat-x;
	width:706px;
	height:426px;
}

.main_wh2 {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFFFFF;
	background: #E5E5E5 url(img/bgmain_whatshot2.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_wh {
	float: left;		
	padding-top: 148px;
	padding-left:37px;
	padding-right:30px;
	width: 366px;
	height:90px;
}
.content_wh p {color: #565656; font-family: "arial",sans-serif;line-height:23px;}

.content_wh p a {color:#893640; font-weight:bold;}
.content_wh p a:hover {color:#B74853;font-weight:bold;}




/* plan it */
.main_pi {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_planit.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_pi {
	float: left;		
	padding-top: 65px;
	padding-left:32px;
	padding-right:11px;
	width: 393px;
	height:90px;
}
.content_pi p {font-family: "arial",sans-serif;line-height:23px;}


/* awards */
.main_aw {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_awards.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_aw {
	float: left;		
	padding-top: 54px;
	padding-left:72px;
	padding-right:30px;
	width: 490px;
	height:90px;
	line-height:22px;
	font-weight:normal;
}
.content_aw p {font-family: "arial",sans-serif;line-height:23px;font-weight:normal;}

.content_aw span {color:#8B903E; font-weight:bold;}

/* teen spirit*/
.main_ts {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_teenspirit.gif) repeat-x;
	width:706px;
	height:426px;
}

/* surrealogrpahs */
.main_sr {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_surrealgraphs.gif) repeat-x;
	width:706px;
	height:426px;
}


/* kids capers */
.main_kk {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_kidscapers.gif) repeat-x;
	width:706px;
	height:426px;
}

/* family ties */
.main_ft {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_familyties.gif) repeat-x;
	width:706px;
	height:426px;
}

/* love and life */
.main_ll {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_loveandlife.gif) repeat-x;
	width:706px;
	height:426px;
}



/* baby love */
.main_bl {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_babylove.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_bl_1 a {font-family: "arial",sans-serif;line-height:23px;font-weight:normal;}


.content_bl {
	float: left;		
	padding-top: 184px;
	padding-left:56px;
	padding-right:30px;
	width: 575px;
	height:90px;
	line-height:22px;
	text-align:center;
	font-weight:normal;
}

.content_bl_1 {float: right;padding-right:16px; padding-top:14px;}


.main_bl {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_babylove.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_bl_1x a {font-family: "arial",sans-serif;line-height:23px;font-weight:normal;}


.content_blx {
	float: left;		
	padding-top: 184px;
	padding-left:72px;
	padding-right:44px;
	width: 545px;
	height:90px;
	line-height:23px;
	text-align:center;
	font-weight:normal;
}

.content_bl_1x {float: right;padding-right:16px; padding-top:14px;}





.eqbox
{
    border:none;
    background-color:#A0A0A0;
    color:#FFFFFF; height:16px;
}

.content_bl p {font-family: "arial",sans-serif;line-height:23px;font-weight:normal;}



/* enquiry */
.main_cq {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_enquiry.gif) repeat-x;
	width:100%;
	height:426px;
}

.content_cq {
	float: left;		
	padding-top: 15px;
	padding-left:37px;
	padding-right:30px;
	width: 519px;
	height:90px;
}
.content_cq p {font-family: "arial",sans-serif;line-height:26px;}




/* contact us */
.main_cu {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_contactus.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_cu {
	float: left;		
	padding-top: 31px;
	padding-left:37px;
	padding-right:30px;
	width: 366px;
	height:90px;
}
.content_cu p {font-family: "arial",sans-serif;line-height:23px;}





/* experience it */
.main_ei {
	border-top: 4px solid #FFF;
	border-bottom: 7px solid #FFF;
	background: #323232 url(img/bgmain_experienceit.gif) repeat-x;
	width:706px;
	height:426px;
}

.content_ei {
	float: left;		
	padding-top: 104px;
	padding-left:37px;
	padding-right:30px;
	width: 366px;
	height:90px;
}
.content_ei p {font-family: "arial",sans-serif;line-height:23px;}





/* sub nav scroll */
.sidenavscroll {
	float: left;
	width: 19px;
	padding-top:349px;
}

.sidenavscroll_bl {float:left;width:19px;padding-top:298px;}


.sidenavscroll_bl .pic1
{
    /*padding-top:115px;*/
    border:none;
}

.content_bl_1 a img
{
    /*padding-top:115px;*/
    border:none;
}

.content_bl_1x a img
{
    /*padding-top:115px;*/
    border:none;
}



.sidenavscroll .pic1
{
    /*padding-top:115px;*/
    border:none;
}

.sidenavscroll h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenavscroll ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenavscroll li {border-bottom: 1px solid #EAEADA;}
.sidenavscroll  a {	
	text-decoration: none;

}
.sidenavscroll  a:hover {
	/*background: #F0F0EB;
	color: #654;	*/
}



/* sub navigation */
.sidenav {
	float: right;
	width: 230px;
}

.sidenavv {
	float: right;
	width: 245px;
}


.sidenavv p a img{text-decoration:none; border:none;}
.sidenavv .pic2
{
    padding-top:49px;
}



.sidenav p a img{text-decoration:none; border:none;}


.sidenav .pic1
{
    padding-top:109px;
}

.sidenav .pic2
{
    padding-top:68px;
}

.sidenav .pic3
{
    margin-bottom:13px;
    margin-left:105px;
    margin-top:70px;
}

.sidenav .pic4
{
   
}

.sidenav .pic6
{
    margin-bottom:13px;
    margin-left:73px;
    margin-top:70px;
}
.sidenav .pic6:hover
{
    margin-bottom:13px;
    margin-left:73px;
    margin-top:70px;    
}

.sidenav .pic5l
{
    margin-bottom:13px;
    margin-left:73px;
    margin-top:64px;
}

.sidenav .pic5r
{
    margin-bottom:13px;
    margin-left:-8px;
    margin-top:6px;
}






.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* content */
.content {
	float: left;
	/*margin: 177px 0pt;*/
	padding: 168px 35px;
	width: 410px;
	height:90px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "arial",sans-serif;line-height:23px;}



/* footer */
.footer {
	/*background: url(img/bgfooter.gif) repeat-x;*/
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}