/* -------------------------------------------------------------------------------------------------------------- */
/* css for basic items ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */
html,body	{
 	width: 100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 882px;
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	line-height: 16px;
	color: #707070;
	background: #557e49 url(../images/bg.jpg) top repeat-x;
 	}
img {
	margin: 0;
    padding: 0;
	}
a,  a:visited, a:active {
	color: #7faf19;
    outline: none;
	text-decoration: none;
	}
a:hover { 
	color: #4a7624;
    outline: none;
	text-decoration: none;
	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    float: left;
    }
p {
	padding: 0 0 12px 0;
	margin: 0;
	clear: both;
	}
form {
	padding: 0;
	margin: 0;
	}
h1 {

	
		padding: 0;
	margin: 0;
	font-family: georgia, times, serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	}
h2 {
	padding: 0 0 12px 0;
	margin: 0;
	font-family: georgia, times, serif;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
	}
h3 {
	padding: 0;
	margin: 0;
	font-family: georgia, times, serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #4a7624;
	}
h4 {
	padding: 0 0 12px 0;
	margin: 0;
	width: 285px;
	font-family: georgia, times, serif;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
	}
hr {
	padding: 0;
	margin: 0 0 14px 0;
	color: #8dcbdc;
	background: #8dcbdc;
	border: none;
	border-top: 1px solid #33616f;
	clear: both;
	font-size: 0;
	line-height: 0;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#inner {
	position: relative;
	margin: 50px auto 0 auto;
	width: 882px;
	min-height: 992px;
    }
    
/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 882px;
	height: 106px;
	background: url(../images/bg-top.png) no-repeat;
	font-size: 0;
	line-height: 0;
	}
	#logo {
		position: absolute;
		top: 46px;
		right: 50px;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for content ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#content {
	position: relative;
	padding: 0 9px 30px 9px;
	width: 864px;
	background: url(../images/bg.png);
	}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for main navigation -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#main-nav {
	position: relative;
	padding: 0 0 0 20px;
	width: 822px;
	}
	#main-nav .toggler1,
	#main-nav .toggler2,
	#main-nav .toggler3,
	#main-nav .toggler4 {
		padding: 3px 0 3px 0;
		background: url(../images/nav-line.gif) no-repeat bottom left;
		}
		#main-nav span a, #main-nav span a:visited, #main-nav span a:active {
			padding: 3px 10px 3px 0;
			font-family: georgia, times, serif;
			font-size: 41px;
			line-height: 46px;
			color: #fff;
			}
		#main-nav span a:hover, #main-nav span a.on, #main-nav span a.on:visited, #main-nav span a.on:active, #main-nav span a.on:hover {
			background: #7faf19;
			}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for dropdown modules ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.dropdown1 {
	position: relative;
	padding: 20px;
	margin: 4px 0 0 0;
	width: 782px;
	height: 221px;
	background: #fff url(../images/fade.gif) no-repeat top;
	display: none;
	}
.dropdown2 {
	position: relative;
	padding: 20px;
	width: 782px;
	height: 251px;
	background: #fff url(../images/fade.gif) no-repeat top;
	display: none;
	}
.dropdown3 {
	position: relative;
	padding: 20px;
	margin: 4px 0 0 0;
	width: 782px;
	background: #fff url(../images/fade.gif) no-repeat top;
	display: none;
	}
.dropdown4 {
	position: relative;
	padding: 20px;
	width: 782px;
	height: 221px;
	background: #fff url(../images/fade.gif) no-repeat top;
	display: none;
	}
	.closer {
		position: absolute;
		right: 0;
		z-index: 999;
		cursor: pointer;
		display: none;
		}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for dropdown content ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

/* css for company page */
.content-text {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 285px;
	}
	a.more, a.more:visited, a.more:active {
		font-family: georgia, times, serif;
		font-size: 17px;
		line-height: 21px;
		}
.photos {
	position: absolute;
	top: 20px;
	left: 309px;
	line-height: 15px;
	width: 506px;
	}
	.photos ul li {
		padding: 0 4px 0 4px;
		}
	.photos a, .photos a:visited, .photos a:active {
		font-family: georgia, times, serif;
		font-size: 14px;
		line-height: 20px;
		text-decoration: underline;
		}			
	#bio {
		width: 474px;
		height: 201px;
		}

/* css for portfolio page */
.portfolio {
	position: absolute;
	top: 20px;
	left: 5px;
	line-height: 15px;
	width: 812px;
	
	}
	.portfolio ul li {
		padding: 0 4px 0 4px;
		width: 250px;
		}
	.portfolio a, .portfolio a:visited, .portfolio a:active {
		font-family: georgia, times, serif;
		font-size: 14px;
		line-height: 20px;
		text-decoration: underline;
		}	
			
	.portfolio p {
		padding: 0 20px 0 5px;
		}
	#port {
		width: 780px;
		height: 250px;
		}
	#port .a2
	{
		font-size: 11px;
	}

/* css campaign */
.campaign-col1 {
	padding: 0 30px 0 0;
	width: 575px;
	}
.campaign-col2 {
	width: 175px;
	}

/* css scrollable */
.arrow {
	padding: 55px 0 0 0;
	width: 16px;
	float: left;
	cursor: pointer;
	}
.arrow-work {
	padding: 75px 0 0 0;
	width: 16px;
	float: left;
	cursor: pointer;
	}
.scrollable {
	position: relative; 
	overflow: hidden; 
	float: left;
	}
	.scrollable ul.items {
		position: absolute; 
		width: 20000em; 
		}


.bio-text {
	position: relative;
	padding: 20px;
	margin: 4px 0 0 0;
	width: 782px;
	background: #fff url(../images/fade.gif) no-repeat top;
	}


				
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	padding: 10px 50px 0 9px;
	width: 823px;
	height: 53px;
	background: url(../images/bg-bottom.png) no-repeat top;
	clear: both;
	font-size: 10px;
	color: #fff;
	text-align: right;
	}			
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}