/* reset settings */
html{min-width:960px;}
body{
	margin:0;
  	color:#47423a;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.jpg) no-repeat 50% 0;
	min-width:960px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#6e9a3b;
}
a:hover{color:#ff9900;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	width:240px;
	overflow:hidden;
	float:left;
}
#header .logo{
	background:url(../images/logo.png) no-repeat;
	width:229px;
	height:64px;
	float:left;
	margin:36px 0 0;
}
#header .logo a{
	height:64px;
	display:block;
	text-indent:-9999px;
}
.nav-holder{
	float:right;
	background:url(../images/bg-nav.png) no-repeat;
	margin:36px -8px 0 0;
	height:72px;
	width:696px;
}
.nav{
	width:682px;
	list-style:none;
	padding:4px 0 0 10px;
	margin:0;
	float:right;
	position:relative;
}
.nav li{float:left;}
.nav a{
	color:#fff;
	font-size:14px;
	white-space:nowrap;
	float:left;
}
.nav a span{
	float:left;
	line-height:47px;
	padding:0 17px 3px;
	cursor:pointer;
	letter-spacing:-1px;
	font-weight:bold;
}
.nav a:hover span{background:url(../images/arrow-white.gif) no-repeat 50% 100%;}
.nav a span{
	background:none;
	color:#fff;
}
.nav .active a:hover span,
.nav .active a span{background:url(../images/arrow-orange.gif) no-repeat 50% 100%;}
.nav .drop-down{
	position:absolute;
	top:54px;
	right:12px;
	overflow:hidden;
	display:none;
}
.nav li.hover .drop-down,
.nav li:hover .drop-down{display:block;}
.nav .drop-down-holder{
	background:url(../images/bg-add-nav-l.png) no-repeat;
	padding-left:18px;
	float:right;
	height:33px;
}
* html .nav .drop-down-holder{width:505px;}
.nav .drop-down ul{
	list-style:none;
	padding:0 0 3px;
	margin:0;
	overflow:hidden;
	background:url(../images/bg-add-nav-r.png) no-repeat 100% 0;
}
.nav .drop-down li{
	height:30px;
	border-left:1px solid #938f7d;
	padding:0 15px;
	line-height:28px;
}
.nav .drop-down li:first-child{
	border:0;
	padding-left:0;
}
.nav .drop-down a{
	color:#65625f;
	background:none;
	font-size:15px;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	display:inline;
}
.nav .drop-down a:hover,
.nav .active .drop-down a{
	background:none;
	color:#ff9900;
}
.slogan{
	width:600px;
	overflow:hidden;
	float:left;
	clear:both;
	padding:42px 0 0 20px;
}
.slogan .wide
{
    width:100%;
}

.slogan strong
{
    color: #74706b;
    font-size: 43px;
    letter-spacing: -2px;
    display: block;
    font-family: tahoma;
    font-weight: 700;
}
.slogan .text-brilliat{
	overflow:hidden;
	height:54px;
}
/*.slogan strong{
	color:#74706b;
	font-size:36px;
	letter-spacing:-2px;
	display:block;
}
.slogan .text-brilliat{
	background:url(../images/text-brilliat.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:46px;
}*/
.slogan p{
	font-size:27px;
	font-weight:normal;
	color:#272524;
	margin:0;
	font:normal 27px/32px Arial, Tahoma, Verdana, sans-serif;
}
#main{
	width:100%;
	overflow:hidden;
	clear:both;
}
.promo{
	width:100%;
	margin:2px 0 0;
}
.promo-holder{
	height:1%;
	background:#fff url(../images/bg-promo.png) no-repeat;
	padding:10px;
	float:left;
	margin:30px 0 0;
}
.promo .title{
	float:right;
	background:url(../images/bg-promo-titl-r.png) no-repeat 100% 0;
	padding:0 15px 0 0;
	margin:-40px -10px -6px 0;
	position:relative;
	display:inline;
}
.promo .title p{
	float:right;
	background:url(../images/bg-promo-titl-l.png) no-repeat;
	color:#c1bca7;
	font-size:20px;
	line-height:30px;
	margin:0;
	padding:16px 22px 0 30px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.promo .flash{
	float:left;
	width:620px;
	height:240px;
	overflow:hidden;
}
.promo .flash img{display:block;}
.promo .project{
	float:right;
	width:270px;
	background:#31302f;
	padding:20px;
	height:200px;
}
.promo .project .img{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
}
.promo .project .img img{
	display:block;
	margin: 0 auto;
}
.promo .project span{
	color:#9d9691;
	font-size:14px;
	font-weight:bold;
}
.promo .project .more{
	float:right;
	/*color:#6e9a3b;*/
	padding:0 9px 0 10px;
	font-weight:bold;
}
.promo .promo-bottom{
	width:100%;
	overflow:hidden;
	clear:both;
	background:url(../images/bg-promo-bottom.png) no-repeat;
	padding:0 0 20px;
}
.promo .promo-bottom a{
	background:url(../images/bg-promo-tab-l.png) no-repeat;
	color:#47423a;
	float:left;
	padding:0 10px 8px 20px;
	font-weight:bold;
}
.promo .promo-bottom a:hover{color:#6e9a3b;}
.promo .promo-bottom a span{
	float:left;
	background:url(../images/arrow-orange2.gif) no-repeat 100% 60%;
	line-height:24px;
	padding:0 20px 0 0;
	cursor:pointer;
}
.promo .promo-bottom .tab-link1{
	background:url(../images/bg-promo-tab-r.png) no-repeat 100% 0;
	padding:0 8px 0 0;
	float:left;
}
.promo .promo-bottom .tab-link2{
	background:url(../images/bg-promo-tab-r.png) no-repeat 100% 0;
	padding:0 8px 0 0;
	float:right;
}
#content{
	width:650px;
	float:left;
    line-height:19px;
}
#content.narrow{
	width:630px;
}
#content.full{
	width:676px;
	margin:20px 0 30px 19px;
}
#content.full-width{
	width:920px;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5{color:#4c689e;}
#main h1{
	margin:8px 0 0;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
}
#main h2{
	margin:0;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
}
#main h3{
	margin:0;
	font-size:16px;
}
.main-content-main-text
{
    width:611px;
	margin:20px 0 30px 19px;
    background:transparent url(../images/dotted.gif) repeat-x scroll 0 bottom;
    padding: 0px 0px 10px 0px;
    float:left;
}
.no-dotted-footer
{
    background:none;
}
.wide
{
    width:900px;
}

.about-column{
	float:left;
	width:275px;
	padding:0 20px 20px 19px;
}

.director-photo-intro
{
    width:235px;
    height:100px;
    padding:10px;
}
.director-photo
{
    width:100px;
    height:100px;
    padding: 0 10px 0 0;
    float:left;
}

.columns-1{
	float:left;
	width:292px;
	padding:0 0 30px 19px;
}
.columns-1 p{
	margin:20px 0 0;
	line-height:19px;
}
.columns-2{
	float:left;
	width:292px;
}
.columns-3{
	float:left;
	width:292px;
}
.nav-list{
	width:292px;
	list-style:none;
	padding:0 0 0 23px;
	margin:-5px 0 0;
}
.nav-list li{
	background:url(../images/dotted.gif) repeat-x;
	padding:18px 0;
}
.nav-list li:first-child{background:none;}
.nav-list h2{
	background:url(../images/arrow.gif) no-repeat 0 60%;
	padding:0 0 0 16px;
}
.nav-list p{
	margin:3px 0 4px;
	line-height:19px;
}
.more{
	background:url(../images/arrow-green.gif) no-repeat 100% 60%;
	padding:0 10px 0 0;
}
.more:hover{background:url(../images/arrow-green-hover.gif) no-repeat 100% 60%;}
#sidebar-content
{
    background:url(../images/SideBG.png) repeat-y 100% 0;
    min-height:485px;
}
#sidebar-content-small
{
    background:url(../images/SideBG.png) repeat-y 100% 0;
    min-height:10px;
    padding-bottom:10px;
}
#sidebar-lighter-content
{
    background:url(../images/Side-lightBG.gif) repeat-y 100% 0;   
    min-height:10px;
    padding: 10px 0px 10px 0px;
}
#sidebar-lighter-footer
{
    background:url(../images/Side-light-foot.gif) no-repeat 100% 0;
    height:125px;
    padding:10px 0px 10px 0px;
}

#sidebar-title
{
    background:url(../images/SideTop.gif) no-repeat 100% 0;
    height:50px;
}

#sidebar-title p
{
    left:30px;
    top:20px;
    position:relative;
    color:#4C689E;
    font-size:18px;
    line-height:28px;
}
#sidebar-content h2, 
#sidebar-content-small h2
{
    padding: 0 0 0 30px;
}

#sidebar-content p, 
#sidebar-content-small p,
#sidebar-lighter-content p,
#sidebar-lighter-footer p
{
    font-size:12px;
    line-height:19px;
    padding:10px 30px 0 30px;
    margin:0;
}

#sidebar-footer
{
    background:url(../images/SideBottom.gif) no-repeat 100% 0;
    height:49px;
}
#sidebar.wide
{
	width:330px;
	float:right;
	position:relative;
	margin: 30px 0px 0px 0px;
}

#sidebar.wide ul
{
    margin:0px 20px 0px 20px;
    font-size:12px;
}
#sidebar.wide ul li
{
    margin-top:5px;
}

#sidebar{
	width:310px;
	float:right;
}
#sidebar h2{margin:12px 0 0;}
#sidebar .news-list{
	list-style:none;
	padding:0;
	margin:2px 0 10px;
	width:292px;
	overflow:hidden;
	line-height:19px;
}
#sidebar .news-list li{
	background:url(../images/dotted.gif) repeat-x 0 100%;
	padding:8px 0 14px;
}
#sidebar .news-list p{
	margin:0;
	background:url(../images/ico-note.gif) no-repeat 0 4px;
	padding:0 0 0 14px;
	line-height:19px;
}
#sidebar .view-all{
	font-weight:bold;
	background:url(../images/arrow-green.gif) no-repeat 100% 60%;
	padding:0 10px 0 0;
}
#sidebar .view-all:hover{background:url(../images/arrow-green-hover.gif) no-repeat 100% 60%;}
.quote{
	width:282px;
	background:url(../images/bg-get-quotation.png) no-repeat 0 6px;
	padding:0 0 0 14px;
	margin:0;
	overflow:hidden;
	float:left;
}
.quote h2{
	margin:21px 0 7px;
	font-size:20px;
	letter-spacing:-1px;
	color:#585450;
}
.quote h2 a{color:#585450;}
.quote h2 a:hover{color:#6e9a3b;}
.quote span{line-height:19px;}
.btn-get-your{
	float:right;
	background:url(../images/btn-get-your.png) no-repeat;
	width:114px;
	height:114px;
	text-indent:-9999px;
	overflow:hidden;
}
.btn-get-your:hover{background:url(../images/btn-get-your-hover.png) no-repeat;}
#sidebar .btn-free{
	background:url(../images/btn-plus.png) no-repeat;
	width:128px;
	height:80px;
	font-size:14px;
	letter-spacing:-1px;
	line-height:18px;
	font-weight:bold;
	color:#47423a;
	padding:23px 50px 0 112px;
	display:block;
	margin:12px 0 0;
}
#sidebar .btn-free:hover{color:#ff9900;}
.sub-content{
	width:605px;
	overflow:hidden;
	background:url(../images/bg-sub-content-top.png) no-repeat;
	clear:both;
	margin:6px 26px 10px 18px;
	float:left;
}
.sub-content-holder{
	height:1%;
	padding:0 20px 18px;	
	background:url(../images/bg-sub-content-bottom.png) no-repeat 0 100%;
	overflow:hidden;
}
.sub-content h2{
	margin:17px 0 0;
	font-size:18px;
	color:#585450;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
.sub-content p{
	margin:6px 0 0;
	line-height:19px;
}
.sub-content .text{
	float:left;
	width:400px;
}
.sub-content .btn-get-touch{
	background:url(../images/btn-orange.png) no-repeat;
	width:125px;
	height:40px;
	overflow:hidden;
	float:right;
	font-size:16px;
	color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-indent:15px;
	line-height:40px;
	margin:44px 0 0;
}
.sub-content .btn-get-touch:hover{color:#ff9900;}
#footer{
	width:100%;
	background:url(../images/bg-footer.png) no-repeat 50% 0;
	margin:34px 0 0;
}
.f-center{
	width:920px;
	margin:0 auto;
}
#footer .f-nav{
	width:292px;
	float:left;
	list-style:none;
	padding:0;
	margin:14px 0 0;
}
#footer .f-nav li{
	background:url(../images/dotted.gif) repeat-x;
	padding:12px 0;
}
#footer .f-nav li:first-child{background:none;}
#footer .f-nav a{
	background:url(../images/arrow-f.gif) no-repeat 100% 60%;
	display:block;
	line-height:16px;
}
#footer .from-blog{
	width:292px;
	float:left;
	color:#9d9691;
	padding:24px 0 0 22px;
}
#footer .from-blog h3{
	font-size:14px;
	margin:0;
	padding:0 0 9px 42px;
	line-height:20px;
}
#footer .from-blog .comment{background:url(../images/ico-comment.gif) no-repeat;}
#footer .from-blog ul{
	list-style:none;
	padding:0 0 11px;
	margin:0;
	width:100%;
	overflow:hidden;
	background:url(../images/dotted.gif) repeat-x 0 100%;
}
#footer .from-blog li{line-height:25px;}
#footer .from-blog ul a{
	background:url(../images/arrow-f-green.gif) no-repeat 0 60%;
	padding:0 0 0 9px;
}
#footer .from-blog ul a:hover{background:url(../images/arrow-f-green-hover.gif) no-repeat 0 60%;}
#footer .from-blog p{margin:8px 0 0;}
#footer .from-blog p span{
	float:left;
	line-height:20px;
	padding:0 8px 0 0;
}
#footer .adr{
	color:#9d9691;
	line-height:19px;
	width:292px;
	float:right;
	padding:24px 0 0;
}
#footer .adr address{
	width:100%;
	overflow:hidden;
	font-style:normal;
	background:url(../images/dotted.gif) repeat-x 0 100%;
	padding:0 0 16px;
}
#footer .adr address span{display:block;}
#footer .adr p{
	margin:0;
	font-size:11px;
}
#footer .adr .skype-block{
	width:100%;
	overflow:hidden;
	background:url(../images/dotted.gif) repeat-x 0 100%;
	padding:9px 0;
	margin:0 0 12px;
}
#footer .adr .skype{
	background:url(../images/ico-skype.png) no-repeat;
	width:74px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 16px 0 0;
}
#footer .web-design{
	color:#52504f;
	width:100%;
	padding:46px 0;
	clear:both;
}
#footer .web-design p{
	font-size:14px;
	margin:0;
	word-spacing:-1px;
	padding:9px 0;
}
#footer .footerText
{
    font-size:14px;
	margin:0;
	word-spacing:-1px;
	background:url(../images/dotted.gif) repeat-x;
	padding:9px 0;
    color: #6E9A3B;
}
#footer .web-design a
{
	text-align:center;
    font-size:14px;
    color: #6E9A3B;
}

#footer .f-mail{
	height:1%;
	overflow:hidden;
	background:url(../images/bg-f-mail.png) no-repeat 0 100%;
	padding:21px 16px 30px 11px;
}
#footer .f-mail .f-logo{
	float:left;
	background:url(../images/f-logo.gif) no-repeat;
	width:192px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
#footer .f-mail span{
	float:left;
	color:#47423a;
	margin:0;
	text-indent:15px;
	overflow:hidden;
	line-height:15px;
	padding:5px 0 0;
}
#footer .f-mail fieldset{
	float:right;
	padding:3px 0 0;
}
#footer .f-mail fieldset input.text{
	width:188px;
	border:1px solid #9d9daa;
	padding:2px 10px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
}
.btn-sign-up{
	background:url(../images/btn-sign-up.gif) no-repeat;
	width:70px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:0 0 0 11px;
	display:inline;
}
#services-main-navigation
{
    width:100%;
    height:360px;
}
.service-button
{
    width:290px;
    padding:15px 15px 10px 0px;
    float:left;
}
.news-item
{
    width:100%;
    padding: 0 0 10px 0;
	background:url(../images/dotted.gif) repeat-x bottom;
}

.news-title
{
    font-weight:bold;
    font-size:18px;
}
.news-image
{
    float:left;
    padding: 0 10px 0 0;
}
.news-date
{
    font-size:12px;
    font-style:italic;
    font-weight:normal;
    color: #4c689e;
}
#latest-news
{
    height:288px;
}
.portfolio-item
{
    float:left;
    width:265px;
    padding: 0px 32px 10px 0px;
    height:370px;
}
.portfolio-item-description
{
    line-height:23px;
    width:100%;
    padding-left:10px;
}
.portfolio-row
{
    padding: 20px 0px 10px 0px;
    width:100%;
    height:350px;
}
#contact-form
{
    width:500px;
    padding: 10px 0px 10px 0px;
    background:url(../images/dotted.gif) repeat-x top;
}

#column
{
    width:250px;
    float:left;
}

#mailing-list-box
{
    background-position: left top;
    width: 580px;
    height: 203px;
    background: url(../images/mailing-list-bg.gif) no-repeat;
    padding: 10px;
}
#main-content-footer
{
    width:960px;
	margin:0 auto;
	height:100px;
}

.social-button
{
    float:left;
}
.email-address
{
    padding: 10px 30px 1px 30px;
    width:100%;
}
#button-container
{
    padding: 5px 20px 5px 30px;
}
#left-portfolio-column
{
    width:420px;
    float:left;
}
#right-portfolio-column
{
    width:430px;
    float:left;
    padding: 0px 20px 10px 20px;
    }
#portfolio-screenshot
{
    background:url(../images/portfolio-screen-bg.gif) no-repeat top;
    width:420px;
    height:320px;
    }
.screenshot-image
{
    padding:10px;
}
#client-quote
{
        padding: 10px 0px 10px 0px;
    background:url(../images/dotted.gif) repeat-x top;

}
#portfolio-container
{
    height:400px;
}

#quote-form
{
    width:600px;
    padding: 10px 0px 10px 0px;
    float:left;
}

#quote-form .row
{
    background:url(../images/dotted.gif) repeat-x bottom;
    width:580px;
    padding:10px 0px 10px 0px;
    float:left;
}
#quote-form .row .cell
{
    float:left;
    width:270px;
    padding-right:20px;
}

#preloader
{
    background:url(../images/bg-add-nav-l.png) no-repeat;
    display:none;
}
#preloader2
{
    background:url(../images/bg-add-nav-r.png) no-repeat;
    display:none;
}
#preloader3
{
    background:url(../images/arrow-white.gif) no-repeat;
    display:none;
}
#preloader4
{
    background:url(../images/btn-get-your-hover.png) no-repeat;
    display:none;
}
.message
{
    color:Red;
    font-size:14px;
    font-weight:bold;
}
.homePageServiceIcon
{
    float:left;
    width:80px;
    height:80px;
    padding-right:10px;
    padding-bottom:30px;
}

.validate
{
    color:Red;
}
