body {

font-family :   verdana, arial, tahoma;

/*font-family: Book Antiqua, Verdana;*/

font-size : 12px;

color:#000000;

background-color : white;

line-height : 180%;

margin : 0;

padding : 0;

background : #444343 url(images/a_01.gif);

background-repeat : repeat-x;

text-align:center;

}

 

/* CSS roll */

#Forms {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
}

#Form_TB td {
	background-color: #FFFFFF;
	border: 1px solid #D1DDE7;
}

#Form_TB th {
	border: 1px solid #D1DDE7;
	background-color: #FFFFFF;
}

#Contact {
	background-color: #FFFFFF;
}

#asd 

{
	width:900px;
	padding-top:20px;
	background-color:#FFFFFF;

}


#formFeed {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}


#subright_3 {

	height: 125px;

}



	#galleryContainer{

	height:102px;

	position:relative;

	overflow:hidden;

	padding:1px;

	/* CSS HACK */

		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */

	height/* */:/**/102px;	/* Other browsers */

	height: /**/102px;

				

	}

	#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;

	}

	#arrow_right{
	position:absolute;
	right:-1px;
	z-index:10;
	background-color: #FFF;
	padding:1px;

	}

	#theImages{
	position:absolute;
	height:95px;
	left:39px;
	width:100000px;

		

	}

	#theImages #slideEnd{

		float:left;

	}

	#theImages img{

		float:left;

		padding:1px;

		filter: alpha(opacity=50);

		opacity: 0.5;

		cursor:pointer;

		border:0px;

	}







/* CSS roll Ends */

.innerbg {

background : #444343 url(images/innerbg.gif);

background-repeat : repeat-x;

}

#maincontainer {
	width : 900px;
	margin : 0 auto;

}

#topbar {

background : #444343 url(images/a_02.gif) no-repeat left top;

height : 29px;

}

#creativebar {

background : url(images/a_04.gif) no-repeat left top;

height : 26px;

}

#topmenu {

background-color : #e8e7e7;

height : 26px;

vertical-align : middle;

padding-top : 10px;

color : #1d616f;

word-spacing : 5px;

}

#topmenu a {

background-color : #e8e7e7;

color : #1d616f;

text-decoration : none;

border-bottom : 0;

}

#topmenu a:hover {

background-color : #e8e7e7;

color : #e96b40;

text-decoration : none;

}

#topmenu-inner {

background-color : #e8e7e7;

height : 26px;

vertical-align : middle;

padding-top : 10px;

color : #1d616f;

word-spacing : 3px;

}

#topmenu-inner a {

background-color : #e8e7e7;

color : #1d616f;

text-decoration : none;

border-bottom : 0;

}

#topmenu-inner a:hover {

background-color : #e8e7e7;

color : #e96b40;

text-decoration : none;

}

#header {

background #FFFFFF;

height : 203px;

}





#aboutheader {

background : url(images/about_header.jpg) no-repeat center top;

height : 142px;

overflow:hidden;

}



#headerlogo {

height : 142px;

width: 340px;

overflow:hidden;

margin:0px;

padding:0;

border:0;

float: left;



}



#headerlogo a {

	display:block;

	padding:140px 0px 0 0;

	height:0px !important; /*Set height for compliant browsers*/

	overflow:hidden;

	

  }



#wrapper-content {

background : url(images/whitebg.gif);

background-repeat : repeat-y;

height:100%;

}

#content {

text-align : left;

background : url(images/whitebg.gif);

background-repeat : repeat-y;

height : auto;

margin-top : 0;

padding : 0;

}

#wrapper-right {

float : right;

width : 420px;

margin : 0px 1.5em 0 1em;

text-align:justify;

line-height : 180%;

background : white;

height:100%;

background : url(images/whitebg.gif);

background-color:#ffffff;

background-repeat : repeat-y;

}

#wrapper-right-inner {

float : right;

width : 600px;

margin : 10px 1.5em 0 1em;

text-align : left;

line-height : 180%;

background-color  : #ffffff;

height : auto;

background : url(images/whitebg.gif);

background-repeat : repeat-y;

}

* html #wrapper-right {

margin-right : 15px;



}

#right {

padding-top : 5px;

 width:90%;

height:100%;

background-color:#ffffff;

}

#right a {

/*font-family :   verdana, arial, tahoma;*/

font-family :   verdana, arial, tahoma;

font-size : 12px;

color : #e96b40;

text-decoration : none;

border-bottom : 1px dotted #e96b40;

}

#right a:hover {

text-decoration : none;

border-bottom : 0;

}

#wrapper-left {

width : 435px;

margin : 0;

text-align:justify;

line-height : 140%;

background : white;

height : auto;



}

#wrapper-left-inner {

width : 245px;

margin : 0;

text-align : left;

line-height : 140%;

background : white;

height : auto;

background : url(images/leftcol_inner.gif);

}

#left {

width : 380px;

margin : 0 2px 0 2.5em;

}

#left-inner {

width : 210px;

margin : 0 5px 0 2.5em;

}



#box {

padding-top :6px;

}

#lside {

float : left;

margin : 0 0 1em 0;

text-align : left;

line-height : 140%;

background : white;

height : auto;

}

.testimonial-name {

padding-top : 5px;

text-align : right;

width : 160px;

font-style : italic;

color : #f3550f;

float : right;

}

#rside {

float : left;

width : 190px;

margin : 0 5px 1em 1em;

text-align : left;

line-height : 140%;

background : white;

height : auto;

}

#left_mid {

float : left;

width : 10px;

margin : 1.5em 0 2em 1em;

text-align : center;

line-height : 140%;

background : url(images/vert_div.gif);

height : 200px;

}

#wrapper-mid {

width : 10px;

margin : -1px 0 3em 1em;

text-align : center;

line-height : 140%;

background : url(images/midbar.gif);

height : 400px;

}

ul {

margin : 0 0;

padding : 1em 0 0 0;

list-style : none;

float : left;

}

li {

padding : 0 0 0 20px;

margin : 0 0 8px 0;

background-image : url(images/bullet.gif);

background-repeat : no-repeat;

background-position : 1px 3px;

line-height : 15px;

}



.divider {

padding : 0 0 0 0;

margin : 53px 0 0 0;

background-image : url(images/divider.gif);

background-repeat : no-repeat;

}

.divider1 {

padding : 0 0 0 0;

margin : 0 0 0 0;

background-image : url(images/divider1.gif);

background-repeat : no-repeat;

}

h1, h2, h3, h4 {

font-weight : bold;

/*font-family :   verdana, arial, tahoma;*/

font-family : arial,  verdana,  tahoma;

margin : 0;

padding : 5px 0 5px 0;

}

h1 {

font-size : 18px;

color:#000000;

border-bottom : 1px dotted #888787;

}

h2 {

font-size : 17px;

color:#000000;

}

h3 {

font-size : 15px;

color:#CC3300;

padding : 4px 0 5px 2px;

font-weight : bold;



}

h4 {

font-size : 13px;

color : #888787;

padding : 4px 0 2px 2px;

font-weight : normal;

}

.orange_highlight {

font-size : 12px;

color : #e13a00;

padding : 4px 0 2px 2px;

font-weight : bold;

}



.subheadings {

font-size : 14px;

color : #e13a00;

padding : 4px 0 2px 2px;

font-weight : bold;

border-bottom : 1px dotted #888787;

}



.headings {

font-size : 18px;

color:#000000;

padding : 4px 0 2px 2px;

 

}



div.clear {

clear : both;

margin : 0;

padding : 0;

height : 1px;

}

.title {

font-weight : bold;

/*font-family :   verdana, arial, tahoma;*/

font-family:  verdana, arial, tahoma;

margin : 0;

padding : 5px 0 5px 0;

font-size : 21px;

color : #e13a00;

border-bottom : dotted;

border-bottom-color : #848484;

border-bottom-width : 1px;

}

#greybar {

height : 27px;

margin-top : -1px;

margin-bottom : 0;

/*font-family :   verdana, arial, tahoma;*/

font-family:  verdana, arial, tahoma;

color : #939292;

background-color : #e8e5e5;

vertical-align : bottom;

padding-top : 3px;

}

#greybar a {

color : #939292;

text-decoration : none;

border-bottom : 1px dotted #939292;

}

#greybar a:hover {

color : #e96b40;

text-decoration : none;

border-bottom : 1px dotted #e96b40;

}

.texthighlight {

color : #e96b40;

}



.web_highlight {

	color : #e96b40;

	font-size:17px;

	

	

}





#footer {
	height : 41px;
	margin-bottom : 0px;
	margin-top : 0;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#f-align {

	background-color:inherit;

	/*font-family :   verdana, arial, tahoma;*/

	font-family:  verdana, arial, tahoma;

	color : #444343;

	padding : 10px 0 0 0;

	margin-top : 1px;

	height : 21px;

}

#f-align a {

background-color:inherit;

color : #444343;

text-decoration : none;

border-bottom : 1px dotted #444343;

}

#f-align a:hover {

background-color:inherit;

color : #e96b40;

text-decoration : none;

border-bottom : 1px dotted #e96b40;

}







/*** FORM STYLES ***/



.red {color:#e13a00;}

form#quote, form#quote textarea, form#quote select, form#quote input {margin:0;padding:0; color:#5d5451;}

form#quote textarea {border:1px solid #cfd0cf;}

.quote_block {margin:10px 0 0px 0;padding:0;width:600px;border:1px solid #cfd0cf;background:#ecefed;text-align:left; }

.quote_element {float:left;width:45%;margin:10px 0 0 5px;padding:0;text-align:left; height:auto;}

/*.quote_element_input {float:left;width:45%;margin:10px 0 0 5px;padding:0;text-align:left; height:22px;}

.quote_element_textarea {float:left;width:45%;margin:10px 0 0 5px;padding:0;text-align:left; height:105px;}*/

.quote_element_red {float:left;width:90%;margin:10px 0 0 10px;padding:0;text-align:left; color:#e13a00;}

.quote_element div {display:block;margin:0;padding:0;text-align:left;}





.quote_element_full {float:left;width:90%;margin:10px 0 0 10px;padding:0;text-align:left;}

.quote_element_full_red {float:left;width:100%;margin:10px 0 0 10px;padding:0;text-align:left; color:#e13a00;}

.quote_element_full div {display:block;margin:0;padding:0;text-align:left;}







.last {margin-bottom:10px;}

#buttons {margin-top:10px; text-align:center; background-color:#FFFFFF; border-top:0;}







ul#menuback {

	

	list-style: none;

	background: url(images/awards.jpg) no-repeat;

	width: 386px;

	 

}



ul#menuback li.shutter {

	width: 386px;

	height: 123px;

	display: block;

	float: left;

}



ul#menuback li#shutter1 {

	background: url(images/shutter-africanplains.jpg) no-repeat; 

}



a.link {

   width: 386px;

   height: 100px;

   display: block;

   margin-left:-20px;

   background: url(images/window.png) left no-repeat;

   text-indent: -9999px;

}







































/*form {

 width:500px; 

 margin:0px;

}



form div {

 padding:2px;

 margin:1px 0px;

 border-top:1px solid #e6e6e6;

 background-color:#e6e6e6;

  height:auto;

   



}

form div label {

 display:block;

 width:130px;

 float:left;

 margin:2px 5px;

 height:auto;



}

form div span {

 color:#a12e03;

 display:block;

 width:5px;

 margin:2px;

 float:left;

 width:30px;

}



form div input {width:auto; color:#5d5451;}

form div select {width:auto; color:#5d5451; height:auto;}

form div.submitrow {border-top:none;}

form div.emprow {

border-top:none;

width:auto;

padding:1px 5px;

}







form div.submitrow input {

 width:auto;

 margin:6px 2px 6px 5px; 

 

}



form .error label {

 color:#fb7206;

 font-weight:bold;

}

input, select, textarea {

 font-size:1em;

 font-family:Georgia,Arial,Times,serif;

}

#errors {

 background-color:#ebdcdc;

 padding:0px 1px 0px 10px;

 color:#fb7206;

 font-style:italic;

 font-weight:bold;

}

#errors ul {

 clear: both;

 list-style: none;

 margin: 0px 2px 0px 1px;

}

#errors ul li {margin: 0px;}*/



/*** FINISH FORM STYLES ***/



/** PORTFOLIO STYLES **/





 #portfolio

 {

   width:520px; 

   float:left; 

   position:relative;

   margin-left:40px;

 }

 #portfolio a.port

 {

	text-decoration:underline;

	border-bottom:1px solid #FFFFFF;

 }

 #portfolio a

 {

	border-bottom:1px dotted #cc0000;

 }

 #padd_left

 {

	width:520px;

	float:left;

	position:relative;

 }

.p_text

 {

	width:165px;

	float:left;

	height:18px;

	position:relative;

	text-align:left;	

}



#p_brief

 {

	

	font-size:12px;

 	font-family:  verdana, arial, tahoma;

}

.p_text a

 {

	border-bottom:1px solid #cc0000;

}

.p_margin

{

	vertical-align:middle;

	margin-top:3px;

}

.center{margin-left:120px;

font-size:15px}



 

/** Pagination **/



.sliderwrapper{

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

 background-image:url(images/barac.jpg) ;

 background-position:left;

border-bottom-width: 6px;

width: 400px; /*width of featured content slider*/

 height:240px;



 

}







.sliderwrapper .contentdiv{

visibility: hidden; /*leave as is*/

position: absolute; /*leave as is*/

left: 0;  /*leave as is*/

top: 0;  /*leave as is*/

padding:20px 0 0 30px;

 

width: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

height: 150px;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



.pagination{

width:350px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

text-align: right;

 

padding: 5px 10px;

 

}



.pagination a{

padding: 0 5px;

text-decoration: none; 

color: #00007D;

 

}



.pagination a:hover, .pagination a.selected{

color: #000;

 

}

#Foot {
	margin: 0px;
	padding: 0px;
	background-color: #333333;
}


.sites

{  

    height:309px;

    margin-left:122px;

    text-align:left;

    width:200px;

    

}
/** FINSIH PORTFOLIO STYLES **/