/* Start of CMSMS style sheet 'fixtures' */
/*------------- GLOBAL SELECTORS --------------*/
html { height: 101%; }
body {text-align: center; margin: 0; padding: 0; border:0; font-family: Tahoma, Verdana, Sans-serif; font-size: 13px; 
background:#302D36 url(images/bg_bottom.jpg) 0 0 repeat;}

p {font-size: 13px; line-height: 19px; color: #a5afad; padding: 5px 0 4px 0; margin: 0;}
p.black {font-size: 10px; font-weight: bold; line-height: 14px; color: #777777; padding: 5px 0 4px 0; margin: 0;}
a {color: #85b198; font-weight:bold;text-decoration: none;}
a:hover {text-decoration: none; color: #54b198;}
.smallh3 {font-size: 11px;}

h1 {font-family: 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;letter-spacing:-1px;font-size: 21px; font-weight: normal; color: #FFFFFF; padding-bottom: 5px; margin-top:6px; margin-bottom:25px;border-bottom-width:1px;border-bottom-style: dotted;border-bottom-color: #727d76;}
.h1pf {font-size: 19px; font-weight: normal; color: #FFFFFF; padding: 0; margin-top:16px;}
h2 {font-size: 19px; font-weight: normal; color: #b72021; padding: 8px 0 3px 0;}
h3 {font-size: 15px; font-weight: bold; color: #9baba2; padding: 1px 0 20px 0; margin:0;}

ul {list-style: square; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0;}
ul li {text-indent:0px;}

#pagecontainer {background:#39343a url(images/bg_main.jpg) 1px 0 repeat-x; }
#pagecontainer2 {background:#39343a url(images/bg_main2.jpg) 1px 0 repeat-x; }
#content {margin:auto; padding-top:11px; width: 865px; text-align: left;}
#content_bg {float: left;width: 863px; margin:0; padding:0;}
#content_bottom {width:852px;}
#top {float: left; width: 863px; height: 98px;}

#lang {  float: right;  width: 130px;  margin-top: -24px;  padding-right: 29px;  text-align: right; z-index: 1;  font-size:10px; color:#fff;}

#lang span {float:left; width:31px; height:17px; padding-top:4px; margin-left:2px; text-align:center; display:block; list-style:none; background: url(images/langbg1.gif) top;color:#fff;}
#lang span:hover  {background: url(images/langbg1.gif) top;color:#fff;}

#lang a {float:left; width:31px; height:17px; padding-top:4px; margin-left:2px; text-align:center; display:block; list-style:none; background: url(images/langbg2.gif) top;color:#fff;border-bottom-width:0px;}
#lang a:hover  {background: url(images/langbg1.gif) top;color:#fff;}

#logo {float: left; width: 265px; height: 45px; margin-top: 8px;  margin-left: 45px; padding:0;background: url(images/logo.jpg) 0 0 no-repeat;}

#logo img{border:none;}
#logo a{border:none;border-bottom-width:0px;}

#main {float: left; width: 860px; height:auto; margin: 18px 0px 0px 0px;}

#promo {float: left; width: 832px; margin: 0 0 0 8px; padding-top:7px; padding-left:7px; padding-bottom:7px; margin-bottom:23px; background: #000000;}
#portfolio {float: left; width: 832px; margin: 0 0 0 8px; padding-top:7px; padding-left:7px; padding-bottom:26px; background:none;}

#content_left {float: right; padding:0; margin-top:56px;}
#content_left_contact {float: right; padding:0; margin-top:56px;width: 200px;}
#content_right {float: left; width: 515px; padding: 20px 15px 15px 0;}
#content_right_inside {float: left; position:relative;width: 575px; padding: 25px 0px 15px 4px;margin-top:25px;margin-left:25px; background: url(images/sidebarbg.jpg) top right no-repeat;}

#up{margin:0;text-align:right; padding-right:15px;background: url(images/up.jpg) top right no-repeat;position:absolute;bottom:0;right:15px;font-size: 11px;color: #757675;}
#up a{color: #757675;font-weight:normal;}

#content_right_inside_info {float: left; width: 502px; padding: 10px 10px 15px 0px; margin:0;font-size: 13px;line-height: 20px;color: #a5afad;}
#content_right_inside_info p {font-size: 13px;line-height: 20px;padding: 3px 0 18px 0;margin:0;color: #a5afad;}
#content_right_inside_info p.intro {font-size: 14px; line-height: 17px; font-weight: bold; color: #98b3ae; padding-top: 4px;}

#content_right_intro {float: left; width: 610px; padding: 25px 0px 15px 4px;background: url(images/sidebarbg.jpg) top right no-repeat;}

#content_right_intro a {border-bottom-width:1px;border-bottom-style: dotted;border-bottom-color: #85b198;}
a:hover {text-decoration: none; color: #54b198;border-bottom-width:1px;border-bottom-style: dotted;border-bottom-color: #54b198;}

#content_right_inside_intro {float: left; width: 535px; padding: 0px 0px 10px 20px; margin:0;}
#content_right_inside_intro p {font-size: 13px;line-height: 21px;padding: 3px 10px 16px 0;margin:0;color: #a5afad;}
#content_right_inside_intro img {background-color:#424347; padding: 6px;margin-right:35px; margin-bottom:6px;}
#content_right_inside_intro img:hover {background-color:#585759;}
#content_right_inside_intro a{border-bottom-width:0px;}

#btnMore1{magin-top:10px;padding-bottom:30px;}
#btnMore1 a {height: 35px; font-size: 12px;padding:8px 40px 9px 22px; background: url(images/btnmore.jpg) 0px 0px no-repeat; border-bottom-width:0px;}
#btnMore1 a:hover {color: #85b198; background: url(images/btnmorehover.jpg) 0px 0px no-repeat;}

#btnMore2{magin-top:10px;padding-bottom:30px;}
#btnMore2 a {height: 35px; font-size: 12px;padding:8px 55px 9px 22px; background: url(images/btnmore2.jpg) 0px 0px no-repeat; border-bottom-width:0px;}
#btnMore2 a:hover {color: #85b198; background: url(images/btnmore2hover.jpg) 0px 0px no-repeat;}

#btnPlus1{magin-top:10px;padding-bottom:30px;}
#btnPlus1 a {height: 35px; font-size: 12px;padding:8px 40px 9px 22px; background: url(images/btnplus.jpg) 0px 0px no-repeat; border-bottom-width:0px;}
#btnPlus1 a:hover {color: #85b198; background: url(images/btnplushover.jpg) 0px 0px no-repeat;}

#btnPlus2{magin-top:10px;padding-bottom:30px;}
#btnPlus2 a {height: 35px; font-size: 12px;padding:8px 55px 9px 20px; background: url(images/btnplus2.jpg) 0px 0px no-repeat; border-bottom-width:0px;}
#btnPlus2 a:hover {color: #85b198; background: url(images/btnplus2hover.jpg) 0px 0px no-repeat;}

.bull {font-size:13px; color:#8dca7a;}
.dot {color:#322c3a;line-height:24px;}

#new {float: right; width: 240px; height:auto; margin-right:10px;}
#latestproject {float:left; width:215px; margin-left:33px;margin-bottom:20px; padding:0;background: url(images/lastp-bg.gif) right bottom no-repeat;}
#latestproject img {border: 4px #2e2c35 solid; display: block; margin: 0; padding: 0;}
#latestproject img:hover {border: 4px #3f3944 solid; display: block; margin: 0; padding: 0;}

.project {float: left; width: 68px; height: 46px; border: 4px solid #3c4753; margin: 0 15px 15px 0;}

/*------------- SIDEBAR --------------*/

#hireMe {margin-bottom:52px;}
#hireMe a {height: 41px; width: 221px;font-size: 0px;padding:21px 110px 21px 110px;
text-indent: -9999px;
background: url(images/why-hire-me.png) center top no-repeat;
border-bottom-width:0px;
}
#hireMe a:hover {
background: url(images/why-hire-me-hover.png)center top no-repeat;}


#hireMe2{margin:0px;padding-bottom:44px;}
#hireMe2 a {height: 41px; font-size: 0px;line-height:41px;padding:21px 120px 21px 100px; background: url(images/freelance.png) 0px 0px no-repeat; border-bottom-width:0px;}
#hireMe2 a:hover {color: #85b198; background: url(images/freelance-hover.png) 0px 0px no-repeat;}


#content_left_home {float: right; padding:0; margin-top:42px;}
#content_left_home h1 {font-size: 18px; font-weight: normal; color: #FFFFFF; font-family: Arial, Sans-serif;border-bottom-width:0px;}

.home_left {width:220px; height:94px; font-size: 13px; padding: 19px 0px 13px 23px; margin:0; background: url(images/left_homebg.gif) no-repeat;}

.lefth1 {font-size: 19px; font-weight: normal; color: #FFFFFF; padding-left:22px; padding-top:0px; margin:0;border-bottom-width:0px;}
p.home {font-size: 13px; line-height: 21px; padding: 0 0 8px 0; margin:0;color:#8d9e9a;}
p.home2 {font-size: 13px; color:#92ada8; line-height: 21px; padding: 0 0 8px 0; margin:0;}
p.home a {text-decoration: none;}
p.home a:hover {text-decoration: none;}

p.home2 a {text-decoration: none;font-weight: normal;border-bottom-width:0px;color:#54b198;}
p.home2 a:hover {text-decoration: none;font-weight: normal;border-bottom-width:1px;}


/*------------- MAIN NAVIGATION --------------*/

#Nav {height:35px; padding-right:0px; padding-left:30px; padding-bottom:0px; padding-top:67px; margin:0;} 
	  
.menu {left: 0;width:690px;}
.menu li {float:left; text-align:center; list-style:none; padding:8px 0px 9px 0px; }
.menu li a {font-size:1.05em; color:#4b584e; font-weight:bold;text-decoration:none; display:block;
padding:0px 22px 0px 22px;border-bottom-width:0;}
.menu li a:hover {color:#626962;}
.menu .menuactive {font-size:1.05em; font-weight: bold;color:#626962; background:url(images/menuhover.gif) center 28px no-repeat;}

.menu li.currentpage {font-size:1.05em; color:#4b584e; font-weight: bold; background:url(images/menuhover.gif) bottom no-repeat;padding:8px 22px 9px 22px;}


.subtitle {color:#C9C9C9;}

.sepli {color:#737872; font-size:1.1em;}

/*------------- SUBNAVIGATION --------------*/

ul.subMenu {margin: 10px 0 32px 0; padding: 2px 0px 0px 0px; font-size: 12px;}
ul.subMenu li {width:90%;margin:0; padding: 7px 0px 7px 0px; display:block; list-style-type:none; border-bottom: 1px dotted #484848;}
ul.subMenu a:link, ul.subMenu a:visited {display:block; padding:0 0 0 20px; color: #C1D2C2; text-decoration:none; background: url(images/ul_star.gif) no-repeat 0 3px; font-weight: normal;border-bottom-width:0px;}
ul.subMenu a:active, ul.subMenu a:hover, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn {
	padding:0 0 0 20px;
	color: #868E8B;
	text-decoration:underline;
	background: url(images/ul_star.gif) no-repeat 0 3px;
	font-weight: normal;
}
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn {font-weight: normal;}
.puce{ color:#1f1b29;}

/*------------- PORTFOLIO --------------*/

.pf {float: left; width: 515px; padding: 0 0 0 0px; margin: 8px 0 12px 0;}
.pf_left {float: left; width: 294px;}
.pf_left_img {float: left; width: 250px; padding: 24px 30px 5px 0px;}

.pf_left_img img {background-color:#424347; padding: 5px;margin-right:35px; margin-bottom:6px;}
.pf_left_img img:hover {background-color:#585759;}
.pf_left_img a{border-bottom-width:0px;}

.pf_right {float: left; width: 198px; margin: 15px 0 0 0; padding: 2px 5px 0 5px;}
.pf_right p {color: #949e9a; font-size: 13px; padding: 10px 0 4px 0; line-height: 18px;}
.title {padding: 20px 0px 0px 0px; font-size: 13px; color: #E2E2E2; font-weight: bold; line-height: 20px;}
p.arrow_green a{padding: 0px 0 5px 16px; background: url(images/ul_star.gif) no-repeat 1px 7px; font-size: 13px;}

/*------------- BLOG --------------*/

#NewsPostDetailDate {font-size:12px;color: #757675;line-height: 17px;}


/*------------- FOOTER --------------*/

.clear {clear: both;}
#footer {height:122px;font-size:12px; text-align:center; color:#7b7e79; line-height:18px; margin-top:5px; padding:0; background: url(images/footer.png) center top repeat-x;}
.footerContent {margin: auto; padding-top:36px; width:860px; text-align: left;}
.footerContent a {text-decoration: none;  color: #868E8B;  font-weight: normal;border-bottom-width:0px;}
.footerContent a:hover {text-decoration: none;  color: #868E8B;  font-weight: normal;border-bottom-width:1px;}
.copyright{float: right; width:280px; margin-top:-15px; padding-right:15px; font-size:12px; text-align:right; color:#7b7e79; line-height:16px;}
.valid{padding-right:5px;padding-bottom:10px; font-size:11px; text-align:right; color:#757675; line-height:20px;}
.valid a  {text-decoration: none;  color: #868E8B;  font-weight: normal;}  
.valid a:hover {text-decoration: none;  color:#868E8B;}

#separator {float: left; height: 14px; width: 865px; margin:0; padding-bottom:8px; background: url(images/footer.png) no-repeat;}
#copyright {float: left; height: 40px; width: 755px; margin: 0 10px 0 10px;text-align: center; margin: 0 10px 0 10px; color: #505050; background: url(images/footerbg.jpg) no-repeat;}

#copyright a {color: #505050; font-weight: normal; text-decoration: none;}
#navs_bottom {float: left; height: 14px; width: 755px; margin: 0 10px 0 10px; background: #171f2e; text-align: center; margin: 0 10px 0 10px; color: #333333;}
#navs_bottom a {color: #505050; text-decoration: none;}
#navs_bottom a:hover {color: #b72021; text-decoration: none;}

h1.logo {width: 265px; height: 45px; background: url("images/logo.gif"); text-indent: -999px;}

/*------------- FORM ELEMENTS --------------*/

form {margin:0; padding:0; display:block;}
input, select, textarea, option {padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#C9C9C9; font-weight:normal;}

.input {width:203px; height:17px; border:1px solid #464247; background:#464247; padding:0 0 0 5px; font-size:1em;}


/*----------------Form--------------*/
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}


fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #BFB9C4;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#BFB9C4;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #BFB9C4
}
textarea {
	margin: 0.5em 0;
	width:80%;
	height: 8em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #BFB9C4; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}

legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:80%;
	height: 8em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #BFB9C4; margin-bottom:0.5em;}
.captcha input {width:196px; margin-top:0.5em;}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em;}

.contactform input {height:17px; border:1px solid #2a262f; background:#464247; padding:0 0 0 5px; margin-bottom:9px;font-size:0.917em;}
.contactform input.checkbox {border: none; }
.contactform label {color: #949e9a;display: block;width: 300px;margin-bottom:2px;}

.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #433f44;
	border: 1px solid #484849;
}

.contactform .field input{width: 250px;
	background-color: #433f44;
	border: 1px solid #484849;
}

.contactform .radio{padding:0;margin-top:-8px;}

.contactform .radio input{padding:0;margin-top:-21px;margin-left:72px;margin-bottom:0px;
width:156px;background-color: #fff;border: 1px solid #BFB9C4;}

.contactform .code input{width: 120px;
	background-color: #fff;
	border: 1px solid #BFB9C4;
}

.contactform .selectList select{
	background-color: #fff;
	border: 1px solid #BFB9C4;
margin-top:0px;
margin-bottom:0.5em;
}

.text {margin-top:0.5em;
margin-bottom:0.2em;
}

.error_message {padding:0;margin-bottom:22px;}
.error_message li {font-size: 12px; color: #C1D2C2; margin:0; padding: 0px 0px 0px 18px; list-style:none; background: url(images/ul_star.gif) no-repeat 0 4px;color:#949e9a;}




.submit  .fbsubmit {
width: 66px;
height: 27px;
background: url(images/submit.jpg) 2px 1px no-repeat;
color: #3e3b4c;
border: 0px solid #000;
margin: 2px 0 0 298px; padding:0;
cursor: pointer;
font-weight: normal;
}


.fbsubmit:hover {
color: #32363c;
cursor: pointer;
font-weight: normal;
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}



#ContactForm { width:368px; padding:0 22px 0 0;}
#ContactForm .rowi {height:20px;}
#ContactForm .input {width:260px; height:17px; border:1px solid #2a262f; background:#2a262f; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:360px; height:120px; border:1px solid #2a262f; background:#2a262f; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
#ContactForm .button {float:right; margin:8px 0 0 30px;}
#emailerror ul li { color: #C1D2C2; margin:0; padding: 0px 0px 0px 18px; list-style:none; background: url(images/ul_star.gif) no-repeat 0 4px;}

/* End of 'fixtures' */