@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Avant Grade";
    src: url("AvantGardeITCbyBT-ExtraLight.otf") format("opentype");
}
@font-face {
    font-family: "Avant Book";
    src: url("AvantGardeITCbyBT-Book.otf") format("opentype");
}


body
{
	font-family:"Avant Book",arial;
	background-color:#536068;
}
*
{
	margin:0;
	padding:0;
}
ul
{
	list-style:none
}
a
{
	text-decoration:none
}
img
{
	border:0
}
h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
}
h4
{
	color:#402c6a;
	font-size:18px;
}

pre{
  font-family:"Avant Book",arial;
  font-size: 14px;
  color: #536068;
  padding: 0 10px;
   
}

#wrapper
{
 margin-top:14px;
  margin-bottom:14px;
}
#top-bar
{
	padding-top:40px;
	height:80px;
}
#logo
{
	float:left;
	display:inline-block;
	width:350px;
	padding-left:40px;
}
	/* Navigation */
#navigation
{
	width:570px;
	background-color:#536068;
	float:left;
}
#navigation li
{
	height:30px;
	padding:0 16px;
	float:left;
	display:inline;
	background:url(../img/divider.gif) no-repeat right 11px #536068;
	position:relative;
}
#navigation li a
{
	font-family: "Avant Grade",arial;
	color:#fff;
	font-size:17px;
	line-height:28px;
	/*letter-spacing:0.02em*/
}
.last-nav
{
	background-image:none !important;
}
#navigation li a:hover,#navigation li a.current
{
	color:#c2db75;

}

#navigation li a:hover,#navigation li a.portfoliocurrent
{
	color:#c2db75;

}
#navigation ul.sub-nav
{
	position:absolute;
	top:35px;
	left:-137px;
	width:350px
}

#navigation ul.sub-nav li
{
	background:url(../img/sub-nav-divider.jpg) no-repeat right 11px #fff;
	padding:0 8px;
}
#navigation ul.sub-nav li a
{
	font-family: "Avant Grade",arial;
	color:#7FD4FF;
	font-size:15px;
	padding-top:12px;
	letter-spacing:0.07em;
}
#navigation ul.sub-nav li a.active
{

	color:#2cc0cf;
	
}

#navigation ul.sub-nav li a.portfoliotriangle
{

	
	background:url(../img/buttons/graytriangle.jpg) no-repeat center 1px;
}
#navigation ul.sub-nav li a:hover{
   
   color:#2cc0cf;
}





.page-holder
{
	width:960px;
	border:1px solid #536068;
	margin:auto;
	background-color:#FFFFFF;
	
}
	/* Contact Page */
.contact-page
{
	padding:0 90px 0 0;
}
.contact-form
{
	background-color:#2cc0cf;
	padding:25px;
	margin:15px 0 0 0;
}
.row
{
	margin-bottom:30px;
}
.same-label
{
	background:url(../img/label-arrow.jpg) no-repeat right center;
	font-size:20px;
	color:#536068;
	display:inline-block;
	width:100px;
	padding-right:25px;
	text-align:right;
	text-transform:uppercase;
}
.form-text
{
	width:242px;
	height:22px;
	padding:4px;
	color:#5D6A71;
}
.text-area
{
	width:307px;
	height:277px;
	padding:4px;
	color:#5D6A71;
}
.form-submit
{
	background:url(../img/buttons/contact_send.jpg) no-repeat;
	width:86px;
	height:28px;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
	margin-top:15px;
}


	/* Home page */
.home-logo
{
margin:80px 0 74px;
text-align:center;
}
.home-slider
{
	background:url(../img/home_colorstrip.jpg) no-repeat;
	padding:0 58px;
	margin-bottom:80px;
	height:290px
}
.home-slider img
{
	margin-left:7px;
	float:left
}


	/* Portfolio page */
.thumbnails
{
	width:77px;
}
.foloio-large
{
	width:720px;
}
.foloio-large span.holder
{
	padding:14px 12px;
	border:1px solid #d6d7d9;
	display: inline-block;
	height:482px;
}

	/* Pricing Page */
.pricing-page
{
	padding-right:90px;
}
.packages
{
	margin:20px 0 30px;
}
.packages h5
{
	font-size:15px;
	color:#2cc0cf;
	padding-right:10px;
	border-right:1px dotted #2cc0cf;
	display:inline-block;
}
.packages span
{
	font-size:14px;
	color:#536068;
	padding:0 10px;
	border-right:1px dotted #2cc0cf;
	display:inline-block;
}

	/* Footer */
#footer
{
	text-align:center;
	color:#8b979e;
	padding-bottom:20px;
	
}
.color-strip{
	margin:20px 0 15px;
	
}
.color-strip-holder
{

 	margin:70px 0 15px;
	position:relative;

}





	/* Text CSS */
.green-text
{
	font-family: "Avant Grade",arial;
	color:#c2db75;
	font-size:50px;
}
.text
{
	color:#5d6a71;
	font-size:15px;
	line-height:20px;
	letter-spacing:0.06em;
}
.text-small
{
	color:#5d6a71;
	font-size:13px;
	line-height:16px;
	letter-spacing:0.06em;
}
.name
{
	color:#2cc0cf;
	font-size:17px;
	line-height:22px;
	letter-spacing:0.06em;
}






	/* Common classes */
.fleft
{
float:left;
}
.fright
{
float:right
}
.cl
{
clear:both;
font-size:0;
line-height:0;
width:100%
}
.cnt-padding
{
	padding:0 52px;
}
.content
{
height:550px;
}
.a-bg
{
	background:url(../img/a.jpg) no-repeat right bottom;
	height:480px;
}


.about-page{
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    text-align:center;
	border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    
	text-align:center;
	border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
}