/* CSS Document */
/*================== General ===================*/
body{
	padding:0;
	margin:0;
}
	
td, p, h1, h2, h3, h4, h5, form, input, select, li{
	padding:0;
	margin:0;
}

object{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

img{
	padding:0;
	margin:0;
	border:none;
	display:block;
}

a{
	text-decoration:none;
	outline:none;
	padding:0;
	margin:0;
	
	}
	
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
}
/*================== General ===================*/

/*================== logo ===================*/
.logo_bg{
	background:url(images/logo_bg.gif) repeat 0 0;
	padding:19px 0 18px 0;
}
/*================== logo ===================*/

/*------- nav-body-bg -------*/
.nav_body_bg{
	background:url(images/nav_body_bg.gif) repeat-x 0 0 #00607B;
}
/*------- nav-body-bg -------*/

/*================== nav ===================*/
ul.nav{
	padding:0 0 0 0;
}

ul.nav li{
	font:bold 13px/39px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	float:left;
	width:auto;
	padding:0 1px 0 0;
}

ul.nav li a{
	color:#FFFFFF;
	background-color:inherit;
	padding:0 20px;
	float:left;
	width:auto;
	display:block;
}

ul.nav li a.contactus{
	color:#FFFFFF;
	background-color:inherit;
	padding:0 19px;
	float:left;
	width:auto;
	display:block;
}

ul.nav li a.contactus_active{
	background-color:#89D736;
	color:#000000;
	padding:0 19px;
	float:left;
	width:auto;
	display:block;	
}

ul.nav li a:hover, ul.nav li a.active{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background-color:#89D736;
	color:#000000;
}

.spacer { clear:both; }
/*================== nav ===================*/

/*================== header ===================*/
.header_bg{
	background:url(images/header_back_bg.gif) no-repeat #00607B;
}
/*================== header ===================*/

/*================== body ===================*/
.portfolio{
	padding:0 0 25px 0;
}

.our_portfolio{
	border-bottom:1px solid #88d937;
	height:44px;
}

.our_portfolio h2{
	background:url(images/our_potfolio_text.gif) no-repeat 2px 4px;
	display:block;
	width:234px;
	height:37px;
	text-indent:-2000px;
}

h3.catagories_text{
	font:normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#9ddbed;
	background-color:inherit;
	padding:20px 0 35px 0;
}

.catogories_border{
	border:6px solid #00809d;
}

.portfolio_link{
	padding:13px 0 0 0;
}

.portfolio_link a{
	background:url(images/catagories_bullet.gif) no-repeat 0 0;
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#b4fa6f;
	background-color:inherit;
	padding:0 0 0 24px;
	display:block;
}

.portfolio_link a.direct{
	width:65px;
}

.portfolio_link a.logo_identify{
	width:144px;
}

.portfolio_link a.misc{
	width:135px;
}

.portfolio_link a.newsletter{
	width:73px;
}

.portfolio_link a.photography{
	width:83px;
}
/*================== body ===================*/

/*================== footer ===================*/
.footer_bg{
	background-color:#F3F0E9;
	color:inherit;
}

.footer{
	text-align:center;
	padding:29px 0 24px 0;
}

.footer ul{
	font:normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#407309;
	background-color:inherit;
}

.footer ul li{
	display:inline;
	padding:0 2px;
}

.footer ul li a{
	color:#407309;
	background-color:inherit;
}

.footer ul li a:hover{
	text-decoration:none;
	color:#000;
	background-color:inherit;
}

.footer p{
	font:normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	padding:9px 0 0 0;
}

.footer p a{
	font:normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
}

p.footer_link{
	font:normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
}

p.footer_link a{
	color:#000000;
	background-color:inherit;
}
/*================== footer ===================*/

/*================== portfolio ===================*/
.dotted{
	background:url(images/dotted_line.gif) repeat-x 0 100%;
}

.dotted h3{
	font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#D2E1A8;
	background-color:inherit;
	padding:0 0 0 3px;
}

h3.dotted_line{
	background:url(images/dotted_line.gif) repeat-x 0 100%;
	font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#D2E1A8;
	background-color:inherit;
	height:28px;
	padding:0 0 0 3px;
}

.acrobat{
	padding:0 0 15px 0;
}

.acrobat img{
	margin:0 5px 0 0;
	float:left;
	width:auto;
}

.acrobat a{
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#f3b543;
	background-color:inherit;
	text-decoration:underline;
	margin:6px 0 0 0;
	display:block;
	width:350px;
	float:left;
}

.acrobat a:hover{
	color:#f3b543;
	background-color:inherit;
	text-decoration:none;
}

ul.Directmail_link{
	padding:17px 0 10px 0;
}

ul.Directmail_link li{
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#A5DCFF;
	background-color:inherit;
	background:url(images/arrow_bullet.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
}

ul.Directmail_link li a{
	color:#A5DCFF;
	background-color:inherit;	
}

/*================== portfolio ===================*/

/*================== contactus ===================*/
.contact_us{
	border-bottom:1px solid #88d937;
	height:44px;
}

.contact_us h2{
	background:url(images/contactus_text.gif) no-repeat 2px 4px;
	display:block;
	width:196px;
	height:35px;
	text-indent:-2000px;
}

.contactus_pad{
	padding:35px 0 0 0;
}

.shadowmid_bg{
	background:url(images/shadow_midbg.gif) repeat-y 0 0;
}

.contact_leftpanel{
	padding:0 0 0 0;
}

.contact_leftpanel h2{
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#D3E0AA;
	background-color:inherit;
	padding:0 0 15px 0;
}

.contact_leftpanel p{
	font:normal 12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#9DDBED;
	background-color:inherit;
}

.contact_leftpanel p a{
	color:#9DF446;
	background-color:inherit;
}

.form_toptext{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#9DDBED;
	background-color:inherit;
	background:url(images/dotted_line.gif) repeat-x 0 100%;
	padding:0 0 14px 0;
}

.form_toptext span{
	color:#FF0000;
	background-color:inherit;
}

.form{
	background:url(images/dotted_line.gif) repeat-x 0 100%;
	padding:18px 0 18px 61px;
}

.form p{
	background:url(images/form_bullet.gif) no-repeat 0 50%;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	padding:0 0 0 12px;
}

.form p span{
	color:#FF0000;
	background-color:inherit;
}

.form p.noimg{
	background-image:none;
	padding:0 0 0 0;
}

.form input.textfield{
	background-color:#78BBCE;
	width:319px;
	height:19px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px 0 0 3px;
	border:none;
}

.form input.zip{
	background-color:#78BBCE;
	width:133px;
	height:19px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px 0 0 3px;
	border:none;
}

.form select{
	width:139px;
	height:22px;
}

.form textarea{
	background-color:#78BBCE;
	width:323px;
	height:154px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	border:none;
}

.form input.loginbt{
	background:url(images/clear_button.gif) no-repeat 0 0;
	width:95px;
	height:29px;
	border:none;
	outline:none;
	display:block;
	cursor:pointer;
}

.feedback{
	padding:17px 0 0 0;
}

.feedback p{
	font:bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#9DDBED;
	background-color:inherit;
}

.feedback p span{
	color:#D4F5FF;
	background-color:inherit;
	display:block;
	margin:11px 0;
}

.feedback p span.webmaster{
	line-height:20px;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:0 0 0 0;
}

.feedback p span.webmaster a{
	color:#9DF446;
	background-color:inherit;
}
/*================== contactus ===================*/


/*================== dropdown ===================*/
.dropmenudiv{
	position:absolute;
	top:0;
	z-index:100;
	background-color:#89D736;
	width:175px;
	visibility:hidden;
	margin:0 0 0 -0px;
	width:350px;
	padding:14px 10px;
}

.dropmenudiv p{
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#00143D;
	background-color:inherit;
	padding:0 0 11px 0;
}

.dropmenudiv p a{
	color:#A53116;
	background-color:inherit;	
}

.dropmenudiv p.text{
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#00143D;
	background-color:inherit;
	padding:0 0 0 0;
}

.dropmenudiv p.text a{
	color:#A53116;
	background-color:inherit;	
}
/*================== dropdown ===================*/


/*================== scrollar1 ===================*/

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:787px; /*Width of Carousel Viewer itself*/
height:220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
margin:0 auto;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width:787px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*================== scrollar1 ===================*/


/*================== scrollar2 ===================*/
.stepcarousel1{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:787px; /*Width of Carousel Viewer itself*/
height:220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel1 .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
margin:0px auto;
}

.stepcarousel1 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width:787px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*================== scrollar2 ===================*/

/*================== scrollar3 ===================*/
.stepcarousel2{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:787px; /*Width of Carousel Viewer itself*/
height:220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
margin:0px auto;
}

.stepcarousel2 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width:787px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*================== scrollar3 ===================*/

/*================== scrollar4 ===================*/
.stepcarousel3{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:787px; /*Width of Carousel Viewer itself*/
height:220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel3 .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
margin:0px auto;
}

.stepcarousel3 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width:787px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*================== scrollar4 ===================*/

/*================== scrollar5 ===================*/
.stepcarousel4{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:787px; /*Width of Carousel Viewer itself*/
height:220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel4 .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
margin:0px auto;
}

.stepcarousel4 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width:787px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*================== scrollar5 ===================*/

/*================== thank u ===================*/
h2.thankyou{
	font:normal 35px/50px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	margin:80px 0;
}

h2.thankyou span{
	font-size:20px;
	line-height:22px;
	color:#D2E1A8;
	background-color:inherit;
	display:block;
}
/*================== thank u ===================*/


/*================== ftp ===================*/
.ftp{
	border-bottom:1px solid #88d937;
	height:44px;
	padding:0 0 5px 0;
}

.ftp h2{
	background:url(images/ftp_text.gif) no-repeat 2px 4px;
	display:block;
	width:240px;
	height:43px;
	text-indent:-2000px;
}

.ftpform{
	padding:8px 0;
	background-color:#00A4BE;
	color:inherit;
}

.ftpform h2{
	font:normal 20px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#023645;
	background-color:inherit;
	border-bottom:1px dashed #252B02;
	padding:0 0 8px 0;
}

.ftpform p{
	background:url(images/arrow_bullet1.gif) no-repeat 0 50%;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#1D2703;
	background-color:inherit;
	padding:0 0 0 12px;
}

.ftpform input.submitbox{
	background-color:#91D3DE;
	width:200px;
	height:19px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px 0 0 3px;
	border:none;
}

.ftpform input.loginbt1{
	width:95px;
	height:29px;
	border:none;	
}

.ftpform1{
	padding:8px 0;
	background-color:#00A4BE;
	color:inherit;
}

.ftpform1 h2{
	font:normal 20px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#023645;
	background-color:inherit;
	border-bottom:1px dashed #252B02;
	padding:0 0 8px 0;
}

.ftpform1 p{
	background:url(images/arrow_bullet1.gif) no-repeat 0 50%;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#1D2703;
	background-color:inherit;
	padding:0 0 0 12px;
}


.iframe{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;
}
.iframe a{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;	
}

.iframe a:hover{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;	
}


.ftp_text{
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.ftp_text a{
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


.ftp_text a:hover{
	color: #D3E0AA;
}