/* Css Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,table,img,ol,ul,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
ol,ul {list-style:none}

/* Global Styling */

body {font-family:Arial,sans;font-size:14px}
a:link, a:visited, a:active {text-decoration: none; color : #909090}
a:hover {text-decoration: none ; color:#ca2548}

.current {background: url(../images/header-top.gif) no-repeat center; color:#ca2548 !important}
.wrapper {width:940px;margin:0 auto 0 auto}
.clear {clear: both;height:0}
.black {color:black}
.gray { color:#6b6b6b}
.red {color:#ca2548}
.green{color:#677e52}
.blue{color:#63bfc9}
.input {width:290px;border:1px solid #e5e5e5;font-family:Arial;padding:3px;color:gray}
.select {width:298px;border:1px solid #e5e5e5;font-family:Arial;padding:3px;color:gray}
.submit{border:0;background: url(../images/submit.gif);width:84px;height:31px;text-indent: -9999px;}
.reset{border:0;background: url(../images/reset.gif);width:84px;height:31px;text-indent: -9999px;}
.small{width:50px;}
.smallsel{width:233px;}
.txtarea{width:290px;border:1px solid #e5e5e5;font-family:Arial;padding:3px;color:gray}
.heigh{display: block!important; height:57px!important}
.greeny{color:#229809}
.txtfix p {padding:5px 0 5px 0}
.txtfix ul { padding:20px}
.txtfix li {list-style: url(../images/li.gif); list-style-position: inside; line-height: 28px}

#header {position:relative; height: 84px; border-bottom:1px solid #e9e9e9; background: url(../images/header-logo.gif) no-repeat;font-family:Tahoma;margin-bottom:20px}
	#header h2 {position:absolute; top:26px; left: 148px;font-weight:normal; color:#ccc;font-size:24px;letter-spacing: -0.3px}
	#header h2 span {color:#ca2548; font-weight:bold}
	#header ul {position:absolute;top: 0px; right: 0}
	#header li {float:left;padding:35px 0 20px 0}
	#header a {padding:60px 10px 10px 10px;margin:0 0 0 10px}
	#header a:hover {background: url(../images/header-top.gif) no-repeat center}

#footer {position:relative;margin-top: 40px;border-top:1px solid #e9e9e9;font-size:12px;color:#909090;letter-spacing: -0.3px;height:50px}
	#footer span {position: absolute; top:15px;left:0}
	#footer ul {position: absolute; top:15px;right:0}
	#footer li {display: inline; padding:0 0 0 20px }
	#footer p {position: absolute;top:30px;right: 0; text-align: right; line-height: 30px;color:#ca2548}
	#footer p a {color:#ca2548}

#brochure{position:relative;height:193px;background: url(../images/brochure.gif) no-repeat;letter-spacing: -1px;}
	#brochure h1{position:absolute;top:25px;left:20px; color:white;font-weight: normal;font-size:30px}
	#brochure h2{position:absolute;top:125px;left:20px; color:#363636;font-size:24px}
	#brochure h2.drow{position:absolute;top:115px;left:20px; color:#363636;font-size:24px}
	#brochure a.skype{position: absolute; top:15px;right:0;width:340px;height:62px}
	#brochure a.brochure{position: absolute; top:90px;right:0;width:300px;height:100px}

#content{color:#6b6b6b;letter-spacing: -0.3px;}
	#content h2{color:#363636;font-size:24px;padding:10px 0 10px 0} 
	#content p {line-height: 18px}
	
/* Homepage */

#splash {position:relative;background: url(../images/homepage-splash.gif) no-repeat; height: 222px; width: 940px;color:white;letter-spacing: -1px;margin-bottom:20px}
	#splash h2{position:absolute;font-size:24px;font-weight:normal; top:50px;left:20px}
	#splash h1{position:absolute;font-size:24px;font-weight:normal; top:50px;left:20px}
	#splash ul{position:absolute;font-size:18px; top:50px;left:545px;line-height: 24px}
	#splash .profiles{position: absolute; top:160px;left:20px;width:200px;height:50px}
	#splash .clients{position: absolute; top:160px;left:220px;width:130px;height:50px}
	#splash .contact{position: absolute; top:160px;left:360px;width:130px;height:50px}

#windows  {background: url(../images/homepage-windows.gif) no-repeat; height: 151px; width: 940px;color:#363636;letter-spacing: -0.3px; line-height: 22px; margin-bottom:10px}
	#windows h3 {padding:5px 0 10px 0; font-size:24px}
	#windows .left{position:relative;float:left;width:260px;padding:10px 20px 0 20px}
	#windows .left h3{color:#d14160}
	#windows .mid{position:relative;float:left;width:260px;padding:10px 20px 0 20px;margin:0 20px 0 20px}
	#windows .mid h3{color:#677e52}
	#windows .right{position:relative;float:left;width:260px;padding:10px 20px 0 20px}
	#windows .right h3{color:#4bb5c1}
	#windows .link {position: absolute; top:110px;right:25px;width:85px;height:30px;}

#reasons {color:#363636;margin-bottom:15px}
	#reasons h2 {font-size:24px;letter-spacing: -0.5px}
	#reasons .box {float:left;width:300px;margin-top:20px;height: 70px}
	#reasons .center {float:left;width:300px;margin:20px 20px 0 20px}
	#reasons div div {position: relative;}
	#reasons div div img {position:absolute;top:0;left:0}
	#reasons div div span {position:absolute;top:0;left:80px;font-weight:bold;clear: both;}
	#reasons div div p {position:absolute;top:20px;left:80px;color:#6b6b6b;line-height: 15px;letter-spacing: -0.5px;width:220px}
	
#testimonials {color:#363636;letter-spacing: -0.7px}
	#testimonials h2 {font-size:24px}
	#testimonials div {float:left;width:230px;color:#6b6b6b;padding-right:10px;margin:20px 0 0 0;line-height: 18px;}
	#testimonials div.last{width:220px;padding:0;line-height: 18px;}
	#testimonials div.quote{color:black;background: url(../images/homepage-quote.gif) no-repeat 180px 2px;}
	
	
#linkbuildingpane  {background: url(../images/homepage-linkpane.gif) no-repeat; height: 151px; width: 940px;color:#363636;letter-spacing: -0.3px; line-height: 22px; margin-bottom:10px}
	#linkbuildingpane h3 {
	padding:5px 0 10px 0;
	font-size:24px;
	color: #d14160;
}
	#linkbuildingpane .mid{
	position:relative;
	float:left;
	width:780px;
	padding:10px 20px 0 20px;
	margin:0 20px 0 20px;
	}
	
	#linkbuildingpane .mid h3{color:#677e52}
	#linkbuildingpane .link {
	position: absolute;
	top:107px;
	right:-77px;
	width:85px;
	height:37px;
}
	
/* About */

 fieldset.about  {border: 5px solid #8dbdd1;margin:20px 0 0 0}
 .about legend {margin:0 20px 0 20px;padding:0 10px 0 10px;color:#363636;font-size:24px;font-weight:bold}
 .about ul { padding:20px}
 .about li {list-style: url(../images/li.gif); list-style-position: inside; line-height: 28px}

/* Profiles */
#profiles{color:#363636;letter-spacing: -1px}
	#profiles h3{padding-bottom:10px;border-bottom: 2px dotted gray;font-size: 24px}
	#profiles h2{padding:10px 0 10px 0;font-size: 24px}
	#profiles h1{padding:10px 0 40px 0;font-size: 36px}
	#profiles h1 small{font-size:24px}
	#profiles ul.main {padding:20px 0 0 0;height:200px}
	#profiles ul.sec {padding:5px 0 0 0;}
	#profiles li { background:  url(../images/li.gif) no-repeat 0 6px; line-height: 22px;padding:0 0 0 30px}
	#profiles .left h2, #profiles .left h1{color:#d14160}
	#profiles .mid h2, #profiles .mid h1{color:#677e52}
	#profiles .right h2, #profiles .right h1{color:#4bb5c1}
	#profiles .left {position:relative;float:left;width:254px;padding:10px 20px 20px 20px;background: Url(../images/profiles-seo.gif) no-repeat top right #fdeef1;border:1px solid #f4d4db;border-left:5px solid #ca2548}
	#profiles .mid {position:relative;float:left;width:254px;padding:10px 20px 20px 20px;background: Url(../images/profiles-art.gif) no-repeat top right #f0fbcd;border:1px solid #e1e5dc;border-left:5px solid #677e52; margin:0 20px 0 20px}
	#profiles .right {position:relative;float:left;width:254px;padding:10px 20px 20px 20px;background: Url(../images/profiles-virt.gif) no-repeat top right #f1fbfc;border:1px solid #e2f3f5;border-left:5px solid #4bb5c1}
	#profiles .learn{position: absolute; bottom: 35px;right:20px; background: url(../images/learn-more.gif) no-repeat; height: 31px;width:85px}
	#profiles .contact{position: absolute; bottom: 20px;left:20px; background: url(../images/contact-btn.gif) no-repeat; height: 31px;width:85px}
	#profiles .left.fix  {background: Url(../images/profiles-left.gif) no-repeat top right #fdeef1}
	#profiles .mid.fix {background: Url(../images/profiles-mid.gif) no-repeat top right #f0fbcd}
	#profiles .right.fix {background: Url(../images/profiles-right.gif) no-repeat top right #f1fbfc}

/* How We work */

#hww{letter-spacing: -1px;color:#6b6b6b}
	#hww h3{color:black;font-size:18px}
	#hww p{line-height:24px;padding:10px 0 10px 0}
	#hww .left{float:left;width:300px}
	#hww .mid{float:left;width:300px;margin:0 20px 0 20px}
	#hww .right{float:left;width:300px}
	
/* Faq */

#faq {color:#6b6b6b;letter-spacing: -0.3px;}
#faq fieldset  {border: 5px solid #8dbdd1;margin:20px 0 0 0;position: relative;}
#faq legend {margin:0 20px 0 20px;padding:0 10px 0 10px;color:#363636;font-size:24px;font-weight:bold}
#faq fieldset p {padding:10px;line-height: 24px;}
#faq fieldset a {width:50px;height:18px;display: block;position: absolute; right: -5px; bottom:-30px;background: url(../images/btt.gif) no-repeat; text-indent: -9999px;}
#faq dl {position: relative;padding:10px 0 10px 0}
#faq dt {position: absolute; left:0;top:5px;background: url(../images/dd.gif) no-repeat;width:24px; height:30px; padding: 5px 0 0 0;color:white;font-weight: bold;text-align: center;}
#faq dd {padding-left: 30px;}

#faq .left{float:left;width:450px}
#faq .right{float:left;width:450px;margin-left:30px}

/* Clients */

.clients{position: relative;height:141px;color:#6b6b6b;letter-spacing: -0.3px;line-height: 18px;margin-top:20px}
	.clients img{position: absolute;top:0;left:0;}
	.clients  h2{font-size:18px;color:#ca2548}
	.clients  p{padding:10px 0 10px 0}
	.clients .mid{position:absolute;top:0;left:320px;width:300px;}
	.clients .quote{position:absolute;top:95px;left:320px;width:300px;background: url(../images/homepage-quote.gif) no-repeat right; }
	.clients .right{position:absolute;top:0;left:640px;width:300px;}

/* Careers */

#careers{color:#434343;letter-spacing: -1px;}
	#careers p {padding:5px 0 5px 0}
	#careers h3 {padding:10px 0 10px 0;color:#ca2548;font-size:18px;}
	#careers .left{float:left;width:580px}
	#careers .right{float:left;width:300px;margin-left: 60px;}
	#careers fieldset {font-size:18px;padding-top:10px}
	#careers fieldset p {position:relative;height: 20px;padding:10px 0 10px 0}
	#careers fieldset p label {position:absolute;left:0;top:0;font-weight: bold;}
	#careers fieldset p input {position:absolute;left:80px;top:0px}
	#careers .txtarea {width:370px;border:1px solid #e5e5e5;font-family:Arial;padding:3px}
	
/* Contact */

#contact{color:#363636;letter-spacing: -1px;}
	#contact p {padding:5px 0 5px 0}
	#contact h5 {font-size:18px;}
	#contact h4 {padding:10px 0 10px 0;color:#ca2548;font-size:18px;}
	#contact h3 {font-size:18px;padding:0 0 10px 0;}
	#contact h2 {padding:10px 0 10px 0;color:#ca2548;font-size:24px;display: block;background: url(../images/contact.gif) no-repeat right;}
	#contact .left{float:left;width:600px}
	#contact .right{float:left;width:300px;margin-left: 40px;}
	#contact fieldset {font-size:18px;padding-top:10px}
	#contact fieldset p {position:relative;height: 20px;padding:5px 0 5px 0}
	#contact fieldset p label {position:absolute;left:0;top:0;}
	#contact fieldset p input,	#contact fieldset p select, #contact fieldset p textarea{position:absolute;left:300px;top:0px}
	#contact fieldset p .smalls {position:absolute;left:365px;top:0px}
	
	#contact #special  {position: relative;height:70px;font-size:12px!important;margin-bottom:20px}
	#contact #special .left {position: absolute; width:180px; height: 60px;top:0;left:0}
	#contact #special .mid {position: absolute; width:180px; height: 60px;top:0;left:220px}
	#contact #special .right {position: absolute; width:180px; height: 60px;top:0;left:400px}
	#contact  small {position: absolute;top:3px;left:380px;font-size:14px ;}

#feedback {position:fixed;top:320px;left:0;background: url(../images/feedback.gif) no-repeat; width:40px;height:121px; cursor: pointer; }
#feedback .thickbox { display: block; width:40px;height:121px;}