*{
margin:0;
padding:0;
}

body {
  	margin: 0;
	padding: 0;
 	background: url(images/layout/top-bg.png) top right repeat-x #CCCCCC;

}

#wrapper {
  	padding: 0;
  	margin: 0;
 	background: url(images/layout/bg-large.png) no-repeat center top;

  	width: 100%;
  	height: 793px;
  	display: table;

}

#container {
  	margin: 135px auto 0;
  	width: 1204px;
	padding: 0;
}   


#maincontentarea {
	
	width: 1204px;
	float:left;

} 

#maincontentareaphoto {

	width: 860px;
    height: 560px;
	float:left;
	background-color: white;
} 

#downloads {
	width: 500px;
    height: 100%;
	float:left;
    padding-bottom: 10px;
}

#downloads p {
    color: #800267;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}  

#textarea {
	width: 1204px;
	float:right;
    height: 100%;
	background:url(images/layout/layout2/content.png) top right repeat-y;

}
#textareaphoto {
	width: 860px;
	float: left;
    height: 560px;

}
#leftbox {

	float:left;
	width: 200px;
    height: 100%;
	padding: 0 0 0 290px;
	
  
}

#leftboxpr {

	background-color: #800267;
	float:left;
	width: 250px;
    height: 100%;
  
}

#primage {

	float: left;
	width: 350x;
    height: 100%;
	margin: 3px 0 0 134px;
}

#leftboxdesign {

	background-color: #D1C89E;
	float:left;
	width: 250px;
    height: 100%;
  
}

#designimage {

	float: bottom;
	width: 250px;
    height: 100%;
}

#leftboxcopywriting {

	background-color: #9C8831;
	float:left;
	width: 250px;
    height: 100%;
  
}

#copywritingimage {

	float: bottom;
	width: 250px;
    height: 100%;
}

#leftboxphotography {

	float:left;
	width: 250px;
    height: 560px;
  
}

#photographyimage {

	width: 250px;
    height: 560px;
}

#rightbox {
	float:right;
	width: 500px;
    height: 100%;
    padding: 20px 0 0 0;
	margin: 0 156px 0 0
}

#rightboxmediahub {
	float:left;
	width: 800px;
    height: 100%;
    padding-left:40px;
    padding-top:20px;
	margin: 0 0 0 41px;

}



#sections {
	width: 895px;
    padding:0;
	margin:0 0 0 309px;
	float:left;
	background:url(images/layout/right-bg.png) top right no-repeat;

}

#tree-btm {
	width: 196px;
	height: 249px;
	display: inherit;
	float: left;
	background:url(images/layout/btm-left-bg.png) no-repeat;
}

#hub {
	width: 1008px;
	height: 249px;
	padding:0;
	margin:0;
	float: left;
	display:block;
	background:url(images/layout/right-bg.png) bottom right no-repeat;
}

#navbar {

	background: url(images/layout/nav-bg.png) top no-repeat;
    height: 30px;
    width: 1204px;
}

#tree { 
	float:left;
	margin:0 auto;
	padding:0;
	display: block;
	width: 309px;
	height: 321px;
	background: url(images/layout/tree.png) top left no-repeat;
	position:absolute;
}

#topmenu {
    height: 33px;
    text-decoration: none;
	margin: 0 156px 0 0;

}

#topmenu a,  #topmenu2 a {
    color: #D0D0D0;
    display:block;
    float:right;
    text-decoration:none;
    /*text-transform:uppercase;*/
    font-size:12px;
    font-weight:bold;
    /* border-left:1px solid #006699; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 1px;
    /*padding-top: 2px;*/
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 9px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}


#topmenu a.fright, #topmenu2 a.fright {
    color: white;
    text-decoration: none;
}

#topmenu a:hover, #topmenu2 a:hover { 
	color: white; 
	text-decoration:none;
}

#topmenu a:visited  #topmenu2 a:visited {

	text-decoration: none;
} 

#newsbuttons {
	width: 700px;
    height: 30px;
	background-color: white;
    padding-left: 0px;


}

#newsarea {
	width: 850px;
    height: 100%;
	float:left;
	background-color: white;
    padding-left:10px;
    padding-top:10px;


}

#footer {
	clear:both;
    width: 1204px;
    height: 58px;
	background: url(images/layout/footer.png) left no-repeat #181512;
	padding:0;
	margin:0;
}

#footer2 p {

    color:#CCCCCC;
    padding: 20px 0 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	
}  

#footer p {

    color: #cccccc;
    padding: 20px 0 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	
}  

#contactdetails p {
	
	padding: 5px 0px 0px 410px;
    color: #800267;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
} 


p {

    color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}  

h1 {

    color: #CCCCCC;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}  

h2 {

    color: #ffffff;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	float:left;
    padding-top: 10px;
}  

h3 {

    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}  

a {  
	text-decoration: none;
	color: #00FFFF;
}

a:link {
	text-decoration: none;
	color: #00FFFF; 
}

a:visited {
	text-decoration: none;
	color: #00FFFF;}

a:hover {
	text-decoration: none; 
	color: #00FFFF;}

a:active {
	text-decoration: none; 
	color: white; 
}

#footer a {

    color: white;
	text-decoration: none;
}  

#footer a:hover  {

    color: black;
	text-decoration: none;
}  

#footer2 a {

    color: white;
	text-decoration: none;
}  

#footer2 a:hover  {

    color: black;
	text-decoration: none;
}  


label{
    color: #585858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.login input{
    color: #585858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}









#wrapper2 {
  	padding: 0;
  	margin: 0;
 	background: url(images/layout/layout2/bg-large.png) no-repeat center top;

  	width: 100%;
  	height: 793px;
  	display: table;

}

#container2 {
  	margin: 135px auto 0;
  	width: 1204px;
	padding: 0;
}   


#navbar2 {

	background: url(images/layout/layout2/nav-bg.png) top no-repeat;
    height: 30px;
    width: 1204px;
}


#topmenu2 {
    height: 33px;
    text-decoration: none;
	margin: 0 156px 0 0;

}

#topmenu2 a {
    color: #D0D0D0;
    display:block;
    float:right;
    text-decoration:none;
    /*text-transform:uppercase;*/
    font-size:12px;
    font-weight:bold;
    /* border-left:1px solid #006699; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 1px;
    /*padding-top: 2px;*/
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 9px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

#footer2 {
	clear:both;
    width: 1204px;
    height: 58px;
	display:block;
	background: url(images/layout/layout2/footer.png) right no-repeat #181512;
	padding:0;
	margin:0;
}



.pink {
	color: #FF3399;

}

.blue {
	color: #49c1eb;
}

.orange {
	color: #FF5F00;

}

.green {
		color: #87FF1A;

}

.purple {
	color: #663399;
}

.top {
	background:url(images/layout/layout2/content-top.png) top right no-repeat;
	width: 100%p;
	height: 20px;
	margin:0;
	pading:0;
}

.style1 {color: #FFFFFF}

.od a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 22px;
	top: 14px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.cotm a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 92px;
	top: 15px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}

	.c a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 159px;
	top: 16px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.ts a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 8px;
	top: 118px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.eo a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 104px;
	top: 117px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.cp a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 172px;
	top: 121px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.lf a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 191px;
	top: 64px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.m1 a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 259px;
	top: 107px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.m2 a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 238px;
	top: 181px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}
	
	.ep a{
	color:#000000;
	text-indent: -999em;
	text-decoration:none;
	display: block;
	position:absolute;
	left: 124px;
	top: 251px;
	width: 45px;
	height: 45px;
	padding:0;
	margin:0;
	
	}