/* Flux Design stylesheet 

(c) Digital Evolution 2008*/


/*.content p {
	margin: 12px 0;
}
*/
/* Right Content - white background */
#right .content {
	padding: 40px 0 24px 10px;
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: transparent;
	width: 343px;
	float: left;
	margin: 0 auto;
	
}




#right .imgs {
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: transparent;
	width: 343px;
	float: left;
	margin: 0 auto;
	padding: 88px 0 24px 20px
	/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	padding: 100px 0 24px 20px;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#right .imgs {
[padding: 100px 0 24px 20px;
/* Mozilla 1.01 and below*/
padding: 96px 0 24px 20px;
/* Safari 1-2 */
]padding: 88px 0 24px 20px;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #right .imgs {
padding: 88px 0 24px 20px
/* IE6 */
}
/*end*/

#right .imgs h2{
color: #CD922A;
font-size: 1.3em;
margin-left: 20px;

}

#right .imgs-bottom {
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: transparent;
	width: 757px;
	float: left;
	margin: 0;
	padding: -24px 0 10px 0px
	
}


#right .content h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4B4620;
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: normal;
	
}

#right .content h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
}
#right .content h3 {
	color: #f29426;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 0 10px 0 0;
	margin-top: 0;
	margin-bottom: 0;
}

#right .content h4 {
	color: #4d4222;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10x;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
}
#right .content h5 {
	color: #f29426;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10x;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
#right .content h6 {
	color: #4C4C4C;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10x;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#right .content p {
	color: #4C4C4C;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 15px;
}
#right .content ul {
	color: #4C4C4C;
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 15px;
}
#right .content li {
	line-height: 1.3em;
	
	
}


#right a:link {
	color: #8d7d45;
	text-decoration: none;
}
#right a:visited {
	color: #8d7d45;
	text-decoration: none;
}
#right a:hover {
	color: #f29426;
	text-decoration: none;
}

#right a:hover {
	color: #f29426;
	text-decoration: none;
}


/* Left content */
#left .content {
	padding: 24px 10px 24px 10px;
	font-size: 0.75em;
	line-height: 1.5em;
}

#left .content h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4B4620;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: normal;
	margin: 10px 5px 10px 0;
	padding: 0;
	
}

#left .content h4 {
	color: #8d7d45;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 27px;
}

#left .content h4 a:link, #left .content h4 a:visited {
	color: #8d7d45;
	text-decoration: none;
	
}
#left .content h4 a:hover {
	color: #f29426;
	text-decoration: none
	
}
#left .content h4 a:active {
	color: #4d4222;
	text-decoration: none
}




#left .content a{
	color: #4d4222;
	padding: 0;
	
}
#left .content a:link, #left .content a:visited {
	color: #4d4222;
	text-decoration: none;
	
}
#left .content a:hover {
	color: #f29426;
	text-decoration: none
	
}
#left .content a:active {
	color: #4d4222;
	text-decoration: none
}

/* Footer */

#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #FFFFFF;}
.p7uberlink {
	color: #f29426 !important;
	
}


/* Context menu */
#left .menulist {
	margin: 0 0 12px 0;
	padding: 0;
	list-style-type: none;
	
	
}

#left .menulist ul{
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
	
	
}

#left .menulist li{
	margin-top: -5px;
	margin-bottom: 7px;
	padding-top: 0;
}


#left .menulist a{
	color: #4d4222;
	padding: 0;
	
}
#left .menulist a:link, #left .menulist a:visited {
	color: #4d4222;
	text-decoration: none;
	
}
#left .menulist a:hover {
	color: #f29426;
	text-decoration: none
	
}
#left .menulist a:active {
	color: #4d4222;
	text-decoration: none
}

/* Menu List 2 i.e. case studies 2nd level */
/* Context menu */
#left .menulist2 {
	margin: 0 0 12px 0;
	padding: 0;
	list-style-type: none;
	
	
}

#left .menulist2 ul{
	margin: 0 0 20px 15px;
	padding-top: 0;
	
	
}

#left .menulist2 li{
	margin-top: -5px;
	margin-bottom: 7px;
	padding: 0 0 0 15px;
}


#left .menulist2 a{
	color: #4d4222;
	padding: 0;
	font-size: 0.9em;
	
}
#left .menulist2 a:link, #left .menulist2 a:visited {
	color: #4d4222;
	text-decoration: none;
	
}
#left .menulist2 a:hover {
	color: #f29426;
	text-decoration: none
	
}
#left .menulist2 a:active {
	color: #4d4222;
	text-decoration: none
}


/* LoginForm */

.loginform {
	
	margin: 270px 0 12px 0;
	padding: 0;
	
}

#left .loginform h4{
	
	margin: 0 0 12px 0;
	padding: 0;
	color: #4d4222;
	font-size: 0.9em;
	font-weight: normal;
	
}

.loginform input{
	border: 1px solid #D4D3CF;
	background: #F1EEEA;
	margin-bottom: 0;
	width: 150px;
	font-size: 0.8em
	
}

 #left .fluxformsubmit input{
	border: 1px solid #b4b3ab;
	background: white;
	margin-bottom: 0;
	padding: 2px 3px;
	width: 55px;
	font-size: 0.8em;
	text-align: center;
	color: #4b4620;
	
}



/* Backgound imgs */
.bg-padding {
	margin-top: 200px;
}

.bgimg-nobg{
	background-color: white;
	margin: 0;
	padding:0;
	
}

.bg-home {
	background-image: url(/imgs/bg-imgs/bg-home.gif);
	background-color: white;
	margin: 20px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top;
}
.bg-profile {
	background-image: url(/imgs/bg-imgs/bg_profile.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 230px;
}
.bg-profile-philosophy {
	background-image: url(../imgs/bg-imgs/bg_Profile-OurPhilosophy2.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 100px;
}
.bg-profile-process {
	background-image: url(../imgs/bg-imgs/bg_Profile-Process.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 30px;
}

.bg-portfolio {
	background-image: url(/imgs/bg-imgs/bg_portfolio.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 250px;
}

.bg-services {
	background-image: url(/imgs/bg-imgs/bg_services.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 200px;
}

/* Gallery */
#gallery {
	margin: 20px 10px 20px 10px; 
}
.thumbnail{
	padding: 0;
	background-color: white;
	/*border: 1px solid #bcbcbc;*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.thumbtxt p {
	color: #8d7d45;
}





