/* General */

* {margin:0px; padding:0px;}

img {border: none;}

a {
font-family: Helvetica, Arial, sans-serif;
font-weight:200px;
font-style:normal;
text-decoration:none;
color:f27121;
font-size:13px;
}

body {margin:0px;padding:0px;}


P {font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:14px; color:#4c4c4c; line-height: 140%;}
h1 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;  font-size:22px; color:#54c5d0; font-weight:400;}
h2 {font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:14px; color:#54c5d0;}
h3 {font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:12px; color:#54c5d0;}
h4 {font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;  font-size:48px; color:white; font-weight:100; opacity:0.5;}

.highlight {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#666 !important; font-size:14px;}

ul {margin:15px; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#4c4c4c;line-height: 140%;}

.line {width:520px; height:4px; display:block; color:#333; background-color:#a9e2e7; }
.line2 {width:520px; height:3px; background-image:url(images/line.png); background-repeat:no-repeat; display:block; margin-left:70px;}

.vline {width:3px; height:200px; background-image:url(images/vline.png); float:left; margin:0px 10px 0px 10px}
.vline2 {width:3px; height:200px; background-image:url(images/vline2.png); float:left; margin:0px 10px 0px 10px}

.orange {color:#f6c413;}

.clear {width:800px; height:1px; float:left; display:block; padding-top:20px;}

#af-form-1208327602 {font-family:Arial, Helvetica, sans-serif;}

/*header*/
#top-wrapper{width:900px; margin:auto; height:auto;}
#logo{width:283px; height:56px; float:left; margin-top:28px; padding-left:40px;}
#header {width:900px; height:100px;}
#headerInfo {width:550px; height:30px; margin-top:30px; margin-right:20px; float:right; }
#headerInfo h1{ font-family: Helvetica, Arial, sans-serif; font-size:12px; text-align:right;; font-weight:900px;}
#menu { float:right; padding:8px;}
#menu a{ font-size:12px; font-weight:bold; color:#999999; padding: 8px 8px 14px; 
	text-align:right;}
#menu a:hover { color:#cdcdcd;}
#main_about a{font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:12px;}
/*banner*/
#banner {width:840px; height:310px; margin:auto;  padding:20px 20px 20px 40px;}
#bannercontact { margin:auto; padding-top:20px;}
#banner_terms {width:840px; height:5px; display:block; background-color:#54c5d0; margin:50px 0px 0px 45px;}

#desc {width:457px; height:304px; padding:3px; background-image:url(images/blurbport.png); background-repeat:no-repeat; float:left;}
#desc h4 {padding:50px 40px 5px 40px;}
#desc p { color:#FFFFFF; font-size:16px; padding:0px 40px 0px 40px;}

#descabout {width:457px; height:304px; padding:3px; background-image:url(images/blurbport.png); background-repeat:no-repeat; float:left;}
#descabout h4 {padding:50px 40px 5px 40px;}
#descabout p {color:#FFFFFF; font-size:16px; padding:0px 40px 0px 40px;}

#descservices {width:457px; height:304px; padding:3px; background-image:url(images/blurbport.png); background-repeat:no-repeat; float:left;}
#descservices h4 {padding:50px 40px 5px 40px;}
#descservices p { color:#FFFFFF; font-size:16px; padding:0px 40px 0px 40px;}

#descpkg {width:457px; height:304px; padding:3px; background-image:url(images/blurbport.png); background-repeat:no-repeat; float:left;}
#descpkg h4 {padding:50px 40px 5px 40px; }
#descpkg p {color:#FFFFFF; font-size:16px; padding:0px 40px 0px 40px;}

#tab {width:280px; height:300px; padding:40px 0px 0px 97px; float:left;}
#tab p {color:#FFFFFF; font-weight:bold; text-align:center; padding-top:25px; font-size:16px;}
#tab a{ background-image:url(images/tab.jpg); width:300px; height:62px; display:block; }
#tab a:hover{ background-image:url(images/tab_hover.jpg); width:300px; height:62px; display:block;}
.select{ background-image:url(images/tab_select.jpg); width:300px; height:62px; display:block;}
.tree2 {padding:30px 0px 0px 70px;}
.tree3 {padding:0px 0px 0px 70px;}

/*-------------------main-----------------------*/
#main {width:900px; height:900px;}
#main_portfolio {width:900px; height:700px;}
#main_about {width:900px; height:2200px;}
#main_client {width:800px; height:1200px; margin:auto;}
#main_contact {width:780px; height:500px; padding:20px 110px 20px 80px;}
#main_thankyou {width:680px; height:180px; padding:20px 110px 20px 110px;}


#main_contact  p {text-align:center; }
#main_contact  a {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:12px;}
#main_thankyou  p {text-align:center; }
#main_thankyou  a {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:12px;}
/*-------------------contact-----------------------*/
#headercontact { width:600px; height:436px; background-image:url(images/contactbanner.jpg); background-repeat:no-repeat; margin-left:150px;}
#headercontact h1 {padding: 120px 0px 0px 200px; color:#FFFFFF;}
#headercontact p {padding: 0px 20px 0px 200px; color:#FFFFFF; width:360px; font-size:12px;}
#headercontact span{ font-size:12px; font-weight:bold;}


/*left column*/
#left_col {width:520px;  float:left; padding:20px 0px 0px 40px; border:0px;}
#galleryimg {width:195px;  float:left;}
#galleryimg a:hover {opacity:0.5;}
#left_col a {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:14px;}
#left_col_midcel {width:285px;  float:left;  padding:0px 0px 0px 40px; min-height:190px;}
#left_col p span {color:#f6c413; font-weight:bold;}
#packageimg {width:100px;float:left;}
.addtocart {padding-left:12px;}

/*Client Thumb*/
#client_holder {width:130px; height:130px; float:left; margin-top:10px; display:block; margin-bottom:2px;}
.client_img {width:100px; height:60px;  margin:5px 10px px 0px; padding:5px; border:1px; border-color:#ccc; border-style:solid;}
.client_img a:hover {opacity:0.5;}
#client_holder h5 {margin:10px 10px 0px 0px; font-size:12px; font-weight:bold; color:#54c5d0; font-family:Arial, Helvetica, sans-serif;}
#client_holder p{font-size:10px;}
#columns { width:800px; height:auto; float:left; margin:0px 20px 0px 0px; display:block;}
#columns h2{ color:#54c5d0; font-size:18px; font-weight:300; margin-top:20px;}
#columns h3{color:#54c5d0; font-size:12px; font-weight:100; }
#columns p{padding-top:10px;}
#columns a {color:#f6c413;}
.backicon {width:52px; height:62px; float:right; margin-top:10px;}

#client_content {width:800px; height:auto; margin-top:20px; display:block; float:left;}
#client_content h1 {margin-top:20px;}
/*right column*/
#right_col {width:300px; min-height:500px; float:right; padding-top:40px;}
#callact {width:300px; padding-bottom:20px;}
#callact h1 {padding:5px 30px 5px 30px; color:#FFF; background-image:url(images/call2act.png); display:block; }
#callact p{padding:20px 30px 5px 30px;}
#callact a {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:12px;}

#callact3 {width:300px; height:180px;  display:block;}
#callact3 a:hover {font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#f6c413; font-size:12px; opacity:0.8;}



/*footer-social media*/
#sm_container {width:auto; height:95px; background-image:url(images/smbg.png); background-color:#FFFFFF; background-repeat:repeat-x;}
#sm_container2 {width:auto; height:95px; background-image:url(images/smbg.png); background-color:#FFF;background-repeat:repeat-x;}
#sm_wrapper {width:900px; height:95px; background-image:url(images/smbg.png); margin:auto;}
#birdcontainer {width:auto; height:83px; background-color:#FFFFFF; background-repeat:repeat-x;}
#birdcontainer2 {width:auto; height:83px; background-color:#FFFFFF; background-repeat:repeat-x;}

#bird {width:150px; height:200px; position:relative; top:0px; left:20px; background-image:url(images/bird.png); background-repeat:no-repeat;}.smimg {padding-left:20px;}
#smicon_container {width:280px; height:60px; float:right; }
.smicon_img{width:40px; height:44px; border:0; padding:31px 5px 0px 5px;}

/*footer*/
#footer_container {width:auto; height:250px; background-color:#525151; background-repeat:repeat-x;}
#footer_wrapper {width:820px; margin:auto; padding:40px;}
#footer_col{width:255px; float:left;}
#footer_col p{color:white; padding:0px 5px 0px 5px;}
#footer_col ul{color:white; padding:0px 5px 0px 5px;}
#footer_col a{color:#f6c413;}
#footer2 {margin:auto; background-color:#333;}
#footer2 p{color:#666; text-align:center; font-size:10px; padding:2px; padding-bottom:10px;}
#footer2 a{ border:none; color:#FFF; }

#footer3 {margin:auto; background-color:#333; padding-top:10px;}
#footer3 p{color:#666; text-align:center; font-size:10px; padding:2px; padding-bottom:10px;}
#footer3 a{ padding-top:10px; border:none; color:#FFF; }

/*contactform*/
#contactform { width:300px; height:500px; margin:auto; padding:20px 20px 0px 40px; margin-top:20px;}
table{ font-family:Helvetica,Arial,  sans-serif; font-size:10px; color:#666666;}
td {padding-top:10px;}
textarea{font-family:Helvetica,Arial,  sans-serif; font-size:12px; color:#666666;}
input{font-family:Helvetica,Arial,  sans-serif; font-size:12px; color:#666666;}
.submit { background-color:#8fcfd1; font-size:17px; color:#FFF; padding:3px;}


/**************************************************************/
/*@ 2014-04-09 CSS Updates - Blog Style Revamp:
/**************************************************************/
#menu > ul{
	list-style: none;
	display:inline-block;
	text-transform: uppercase;
	margin:0;

}
.sub-menu{
	width: 146px;
	background:#fff;
	position: absolute;
	visibility: hidden;
	list-style: none;
	z-index: 110;
	margin:10px 0 0;
}
#menu ul.sub-menu a{
	padding: 8px 10px;
	text-align: left;
	display: block;
	line-height: 15px;
}




/**************************************************************/
/*@ accordion
/**************************************************************/

#accordion section, #accordion .pointer, #accordion h1, #accordion p {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#accordion {
  margin-bottom:30px;
}
#accordion h1 {
  line-height:1.2;
  font-size:20px;
  background-color:#a9e2e7;
  margin:0;
  padding: 10px 10px 10px 30px;
}

#accordion h1 a {
  color:black;
}
#accordion section {
  overflow:hidden;
  border:1px #CCC solid;
}
#accordion p {
  padding:5px 10px;
}

#accordion ul {
  padding:0px 10px;
}
#accordion section.ac_hidden p:not(.pointer) {
  color:#CCC;
}

#accordion section.ac_hidden {
  height:44px;
}
#accordion .pointer {
  padding:0;
  margin:10px 0 0 6px;
  line-height:20px;
  width:13px;
  position:absolute;
}
#accordion section:not(.ac_hidden) h1 {
  background-color:#54c5d0;
}

#accordion section:not(.ac_hidden) .pointer {
  display:block;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  padding:0;
}