/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}/*
_______________________________
GENERAL */
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none/* We will re-reset it later for content */}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}/*
_______________________________
CONTENT */
.content{font-size:1.2em;line-height:1.6em}.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.content hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}.content ul{list-style:disc outside}.content ol{list-style:decimal outside}.content table{border-collapse:collapse}.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em}.content p+p{margin-top:-.8em}.content fieldset{margin:1.6em 0;padding:1.6em}/* \*/.content legend{padding-left:.8em;padding-right:.8em}/* *//* for Opera 8 */@media all and min-width 0px{.content legend{margin-bottom:1.6em}.content fieldset{margin-top:0}.content[class^='content'] fieldset{margin-top:1.6em}}.content fieldset>*:first-child{margin-top:0}.content textarea,.content input[type='text']{padding:.1em .2em}.content input{padding:.2em .1em}.content select{padding:.2em .1em 0}.content select[multiple]{margin-bottom:.8em}.content option{padding:0 .4em .1em}.content button{padding:.3em .5em}.content input[type='radio']{position:relative;bottom:-.2em}.content dt{margin-top:.8em;margin-bottom:.4em}.content ul,.content ol{margin-left:2.2em}.content caption,.content form div{padding-bottom:.8em}.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}ins,dfn{border-bottom-color:#666}del{color:#666}fieldset{border-color:#ccc}textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}fieldset{border:1px solid #ccc}textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}.content hr{background:#aaa;color:#aaa}.content table{border-top:1px solid #ccc;border-left:1px solid #ccc}.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}.content th,.content td{padding:.8em}a:link{color:#36c}a:visited{color:#99c}a:hover,code,pre{color:#c33}a:active,.a:focus{color:#000}/*
_______________________________
TYPE PLUG */
.alt{font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;font-style:italic;font-weight:400}.dquo{margin-left:-.55em}/*
_______________________________
END */

/**************************************************************
	MultiBox
	v1.3
**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border:1px solid #CCCCCC;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	right:-15px;
	top:-15px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #000000;
	padding-bottom: 2px;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}


html, body {
	height: 100%;
	background-color:#F4F4F4;

}
body{
	background-image:url(../images/header-bg.png);
	background-repeat:repeat-x;
	color:#555;
	font-family:"Helvetica Neue","Trebuchet MS",Verdana,Arial,sans-serif;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	line-height:140%;
	font-weight:normal;
	font-size:11px;
	text-align:center;
}
h1{text-align:left;
}
#menu a:link,#menu a:visited{
	text-decoration:none;
	color:#555;
}
#menu a:hover{
	text-decoration:underline;
}
p{
	text-align:justify;
}
#container{
	margin:0px auto;
	width:960px;
	padding:0 auto;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0;
}

#logo{
	margin-left:-23px;
	margin-bottom:20px;
	float:left;
}
#menu{
	height:20px;
	float:right;
	margin-top:3px;
}
#menu li{
	float:left;
	margin-left:60px;
	text-align:right;
}

#intro{
	padding:40px 45px 0px;
	position:relative;
	background-image:url(../images/box-bg.png);
	background-color:#fff;
	background-repeat:repeat-x;
	border:1px solid #ddd;
	width:260px;
	height:260px;
	float:left;
	clear:both;
}
#intro img{
	bottom:8px;
	right:45px;
	cursor:pointer;
	opacity:0.95;
	position:absolute;
	width:70px;
}
#intro img:hover{
	opacity:1;
	width:80px;
	bottom:3px;
	right:40px;
}
#portfolio,.portfolio-page{
	height:380px;
	width:957px;
	overflow:hidden;
	
}
#portfolio{
	/*background-color:#1f4075;
	background-image:url(../images/portfolio-bg.png);
	background-position:center top;
	background-repeat:repeat-x;*/
	border:1px solid #ccc;
	float:right;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
#portfolio-pages{
	width:10000px;
}
.portfolio-page{
	float:left;
	position:relative;
}
#portfolio, #portfolio a:link,#portfolio a:hover, #portfolio a:visited{
	/*color:#FFF;	*/
}
#portfolio a:link,#portfolio a:hover, #portfolio a:visited{
	/*text-decoration:underline;*/
}
.portfolio-page .reflect{
	
}
.portfolio-page div{
	float:left;
	padding:35px 0 0 70px;
}
.portfolio-page ul{
	padding:60px 0px 0px 10px;
	float:left;
	text-align:left;
}
a.previous, a.next{
	opacity:0.9;
}
a.previous:hover, a.next:hover{
	opacity:1;
}
.previous img{
	position:absolute;
	top:160px;
	left:0px;
}
.next img{
	position:absolute;
	top:160px;
	right:0px;
}
#services,.content{
	background-image:url(../images/box-bg.png);
	background-color:#f8f8f8;
	background-repeat:repeat-x;
	min-height:400px;
	border:1px solid #ccc;
	clear:both;
	position:relative;

}
#offer-badge{
	position:absolute;
	right:-30px;
	top:-70px;
	opacity:0.95;
}
#offer-badge:hover{
	opacity:1;
}
#services div{
	margin-left:45px;
	width:260px;
	float:left;
}
#services div h1{
	color:#9ABF17;/*color:#b4df3d;*/
	font-size:23px;
	padding:30px 0 20px;
	font-weight:normal;
}
#services div h1 img{
	vertical-align:-10px;
}
#services div p{
	position:relative;
	height:270px;
}
#services div p a, #pricing a{
	margin:20px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(../images/button-bg.png);
	display:block;
	width:205px;
	height:25px;
	text-decoration:none;
	color:#555;
	text-align:center;
	padding-top:10px;
	opacity:0.9;
	margin-left:60px;
	margin-top:10px;
}
#services div p a:hover, #pricing a:hover{
	text-decoration:underline;
	opacity:1;
}
#footer{
	background-color:#f4f4f4;
	background-image:url(../images/footer-bg.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	margin-top:20px;
}

#footer-content{
	background-image:url(../images/footer-content-bg.png);
	background-repeat:repeat-x;
	width:885px;
	height:40px;
	margin:0 auto;
	padding:20px 45px 0px;
}
#footer-content div, #footer-content address{
	font-size:9px;
	line-height:12px;
	margin-top:5px;
}
#footer-content img{
	height:35px;
	float:left;
	padding:0px 20px;
}
#footer-content address{
	text-align:right;
}
.drop-cap{
	float:left;
	font-size:50px;
	font-weight:bold;
	height:34px;
	line-height:34px;
	margin-right:1px;
	margin-top:2px;
}

/*services.html*/
#tab-menu{
	clear:both;
}
#tab-menu li{
	float:left;
}
#tab-menu li a{
	display:block;
	background-color:#eee;
	padding: 5px 50px 20px;
	width:218px;
	text-decoration:none;
	color:#222;
	font-size:23px;
	border:1px solid #CCCCCC;
}
#tab-menu li a:hover{
	
}
#tab-menu li a img{
	margin-bottom:-12px;
}
#tab-menu li a.selected{
	background-color:#fff;
	border-bottom:none;
}
.content{
	padding:50px;
	border-top:none;
}
.content ul{
	list-style:none;
}
.content ul li{
	float:left;
	width:400px;
}
#ticker{
	position:absolute;
	right:500px;
	top:60px;
}
#ticker li{
	opacity:0;
	visibility:hidden;
	position:absolute;
	width:500px;
	font-size:16px;
	color:#B5DD3A;
	text-align:center;
	font-weight:bold;
}
/*showcase*/
#showcase{
	background-color:#f8f8f8;
	background-image:url(images/box-bg.png);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	overflow:hidden;
	clear:both;
	position:relative;
}
#showcase-pages{
	width:5000px;
}
.showcase-page{
	width:860px;
	float:left;
	position:relative;
	text-align:left;
	padding:10px 50px 30px;
	overflow:hidden;
}
.showcase-page h1{
	margin:20px 40px -10px;
	font-size:28px;
	font-weight:normal;
	color:#C5E800;
}

.showcase-page div{
	float:left;
	height:203px;
	width:350px;
	margin:30px 39px 0px;
	border:1px solid #ddd;
	position:relative;
	overflow:hidden;
}
.showcase-page div div{
	position:absolute;
	bottom:0px;
	right:0px;
	border:none;
	background:#000;
	opacity:0.8;
	height:15px;
	width:100%;
	margin:0;
	padding:5px 20px 8px;
	text-align:right;
}
.showcase-page div div a{
	color:#999;
	text-decoration:none;
}
.showcase-page div div span{
	float:left;
	margin-left:40px;
	color:#aaa;
}
.showcase-page div div a span{
	text-decoration:underline;
	float:none;
	margin-left:0px;
}
.showcase-page div div a img{
	vertical-align:top;
}
#showcase .next img,#showcase .previous img{
	top:275px;
}
#showcase .next img {
	 right:30px;
}
#showcase .previous img {
	 left:30px;
}
/* process */
#process{
	width:640px;
	position:relative;
	background-color:#f8f8f8;
	background-image:url(images/box-bg.png);
	background-repeat:repeat-x;

	border:1px solid #ccc;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}
#process-pages{
	width:5000px;
}
.process-page{
	width:440px;
	float:left;
	position:relative;
	text-align:left;
	padding:0 100px 0;
}
.process-page h1{
	font-size:24px;
	font-weight:bold;
}
.process-page h1 span{
	color:#C5E800;
	font-weight:normal;
}
.process-page h2{
	font-size:18px;
	font-weight:normal;
	margin:30px 0 15px;
}
.process-page p{
	padding: 0 0 0 30px;
	text-align:justify;
}
#process .next img, #process .previous img{
	top:140px;
	position:absolute;
}
#process .next img {
	 right:30px;
}
#process .previous img {
	 left:30px;
}
#offer-badge{
	
}
#intro,#ticker{
	display:none;
}
div.portfolio-page{
	background-repeat:no-repeat;
}
div.portfolio-page   p{
	margin-left:60px;
	margin-top:100px;
	width:240px;
	
	font-size:14px;
	line-height:20px;
	text-align:left;
	height:270px;
	position:relative;
	float:left;
}
div.portfolio-page   p   a{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#ccc;
	font-size:16px;
	text-decoration:none;
	background-color:#000;
	padding:5px 10px 5px;
	display:block;
	line-height:20px;
}
div.portfolio-page   p   a:hover{
	color:#fff;

}