/*

Theme Name: Gracias

*/



* {margin: 0;padding: 0;outline: 0;} /*Reset Default Browser Settings*/



body {

	background: #c61b04 url(images/bg.gif) repeat-x 0 0;

	font-family: Arial, Verdana, Helvetica, Sans-Serif;

	font-size: 11px;

}



a { color: #ff0000; text-decoration: none; position: relative; cursor:pointer; }

a:hover { text-decoration: underline; }

a img { border: 0;}



.left { float: left; display: inline;}

.right { float: right; display: inline;}

.notext { font-size: 0; line-height: 0; text-indent: -10000px;}

.cl { clear: both; display: block; font-size: 0; height: 0; line-height: 0;  text-indent: -10000px; }

.a-center { text-align: center; }

.a-left, .alignleft { text-align: left; }

.a-right, .alignright { text-align: right; }





#shell { 

	width: 909px;

	margin: 10px auto;

}



#header {

	background: url(images/header.png) no-repeat 0 0;

	height: 122px;

}







#logo {

	height: 86px;

	width: 258px;

	font-size: 0;

	line-height: 0;

}



#logo a {

	position: relative;

	background: url(images/logo.png) no-repeat 0 0;

	display: block;

	height: 83px;

	text-indent: -10000px;

}



.language {

	float: right;

	display: inline;

	color: #fff;

	padding: 5px 5px 0 0;

	font-size: 15px;

}



.language a {

	float: right;

	display: inline;

	position: relative;

	margin-top: 5px;

	color: #fff;

	font-size: 9px;

	text-decoration: none;

}



.language span {  float: right; display: inline; padding: 0 3px; }



.language a:hover { color: yellow; }



#header-links {  padding-top: 6px ;padding-right: 20px; height: 79px;}



#logon { width: 80px; height: 52px; color: #fff; text-align: center; }



#logon .signin {

	display: block;

	width: 71px;

}



.register {

	float: right;

	display: inline;

	margin-right: 20px;

	color :#fff;

	text-decoration: underline;

}



.register:hover {

	color: yellow;

	text-decoration: none;

}



.directconnect  {

	background: url(images/directconnect.gif) no-repeat 0 0;

	display: block;

	height: 39px;

	width: 125px;

}



#header-links .directconnect {

	margin-right: 18px;

}



#navigation {

	float: right;

	width: 590px;

	padding-right: 1px;

}



#navigation ul { list-style-type: none; }



#navigation li {

	float: left;

	padding: 0 5px;

}



#navigation a {

	float: left;

	display: block;

	height: 19px;

	color: #711e07;

	padding: 5px 10px 0 10px;

}



#navigation a:hover, #navigation .active {

	background-color: #711e07;

	color: #fff;

}



#content {

	background: url(images/cnt.png) repeat-y  0 0;

	width: 872px;

	padding: 0 18px;

}



.videophone-language {

	background: url(images/videophone-bg.gif) no-repeat 0 0;

	height: 38px;

	width: 872px;

	text-align: center;

}



.videophone-language h2 {

	float: left; 

	display: inline;

	padding-top: 10px;

	margin-left: 180px;

	font-size: 13px;

	color: #000;

}



.videophone-language a { 

	position: relative;

	float: left; 

	display: inline; 

	font-size: 13px;

	color: #e16806;

	line-height: 38px; 

	margin: 0 5px;

	font-weight: bold;

}



.videophone-language a:hover, .videophone-language .active { color: #711e07; }

.videophone-language .active { cursor: default; }



.equipment {

	margin-top: 15px;

	padding: 120px 0 0 55px;

	background: url(images/equipment-bg.gif) no-repeat 0 0;

	height: 38px;

	width: 180px;

}



.learnmore {

	display: block;

	background: url(images/learnmore.gif) no-repeat 0 0;

	height: 28px;

	width: 129px;

}



.directconnect-box {

	background: #FFFFFF url(images/box-bg.gif) repeat-x scroll 0 bottom;



}



.directconnect-box .directconnect {

	background: url(images/directconnect-nobg.gif) no-repeat 0 0;

	height: 28px;

	width: 162px;

}



#welcome {

	background: url(images/welcome-bg.gif) no-repeat 0 0;

	height: 323px;

	width: 628px;

	margin-top: 15px;

}



#welcome h1 {

	background: url(images/welcome-title.gif) no-repeat 0 0;

	height: 96px;

	width: 427px;

	margin: 5px 0 0 5px;

}



#welcome h2 {

	background: url(images/gracias-vrs.gif) no-repeat 0 0;

	height: 32px;

	width: 284px;

	margin: 7px 30px 0 0;

}



#welcome ul {

	list-style-type: none;

	clear: right;

	margin: 10px 75px 0 0;

}



#welcome li {

	background: url(images/red-dot.gif) no-repeat left center;

	padding: 5px  0 5px 35px;

	height: 20px;

	font-size: 15px;

	font-style: italic;

	font-weight: bold;

	line-height: 20px;

	color: #464646;

}



#welcome .learnmore {

	clear: right;

	margin: 15px 10px 0 0;

}



.homebox { width: 430px;margin-top: 17px;  background: #fff url(images/box-bg.gif) repeat-x 0 100%;}



.homebox.last { margin-left: 10px; }



/* Box style */



.tlc, .trc, .blc, .brc { background-color: transparent; background-repeat: no-repeat; }

.tb, .bb { background-color: transparent; background-repeat: repeat-x; }

.rb { background-position: 100% 0%; background-repeat: repeat-y; }

.lb { background-position: 0% 100%; background-repeat: repeat-y; }

.tlc { background-position: 0% 0%; }

.trc { background-position: 100% 0%; } 

.blc { background-position: 0% 100%; }

.brc { background-position: 100% 100%; }

.tb { background-position: 0% 0%; }

.bb { background-position: 50% 100%; }





.tlc {background-image: url(images/tlc.gif); }

.tb { background-image: url(images/tb.gif); }

.trc { background-image: url(images/trc.gif); }

.lb{ background-image: url(images/lb.gif); }

.rb { background-image:  url(images/rb.gif); }

.blc { background-image: url(images/blc.gif); }

.bb { background-image: url(images/bb.gif); }

.brc { background-image: url(images/brc.gif); }



/* / Box style */



.homebox-cnt { padding: 0 20px; position: relative; height: 100%; }



.homebox-cnt h1 {

	font-size: 18px;

	line-height: 40px;

	color: #fff;

}

.homebox-cnt h3 {

	padding: 20px 0 10px 10px;

	color: #464646;

	font-size: 16px;

	line-height: 22px;

}



.homebox-cnt ul {

	padding-left: 25px;

	clear: left;

	white-space: nowrap;

}

.homebox-cnt li {

	width: auto;

	padding: 5px 0;

	color: #464646;

	font-size: 13px;

}



.effect { background : url(images/effect-bg.gif) no-repeat 100% 100%; }



.effect img { margin-top: 30px; }



.register-btn {

	background: url(images/register.gif) no-repeat 0 0;

	display: block;

	height: 28px;

	width: 164px;

	padding-bottom: 10px;

}



.homebox-cnt .signin, .sc-cnt .signin {

	background: url(images/signin-nobg.gif) no-repeat 0 0;

	display: block;

	height: 23px;

	width: 58px;

}



.experience ul, .news ul { padding-top: 20px;}



.experience .learnmore { padding: 0 0  10px 0; margin-top: 8px; }



.padder .homebox-cnt { padding: 0 2px 0 10px !important; }



.box-bordered { width: 203px; border-right: 1px solid #711e07;  }



.stars {

	margin-top: 5px;

	background: url(images/stars.gif) no-repeat 50% 0;

	height: 36px;

	text-align: center;

	font-size: 12px !important;

	line-height: 16px !important;

}

.stars span { font-size: 16px; }



.person img { margin: 15px 5px 0 0; }



.person h3 {

	font-size: 12px;

	line-height: 7px;

	padding: 25px 0 2px 0;

}

.person p {

	padding-top: 10px;

	padding-bottom: 15px;

	line-height: 14px;

}



.feedback { width: 214px; }



.feedback h1 {

	text-align: center;

	padding-top: 1px;

}



.quotes {

	margin-top: 6px;

	background: url(images/feedback-bg.gif) no-repeat left bottom;

	width: 216px;

	height: 189px;

	padding-bottom: 2px;

}



.quotes h3 {

	color: #464646;

	padding-top: 55px;

	padding-bottom: 0;

	font-style: italic;

	text-align: center;

	font-size: 14px;

}



.quotes h4 {

	float: right;

	margin-right: 20px;

	font-size: 10px ;

	color: #464646;

}

.news ul { 

	list-style-type: none; 

	padding-bottom: 10px; 

	padding-left: 10px;

}



.news li {

	background: url(images/events-icon.gif) no-repeat 0 50%;

	height: 18px;

	padding: 3px 0;

	padding-left: 25px;

}



.news li a { color: #464646; line-height: 18px; }



.news li a:hover { color: red; }





#services {

	background: url(images/services-bg.jpg) no-repeat 0 0;

	height: 213px;

	width: 546px;

	margin-top: 10px;

	padding: 110px 0 0 325px;

}



#services .right { padding-top: 20px; }



.product  { margin: 10px 35px 0 0; width: 216px;}



.product.last { margin-right: 0; }



.product h3 {

	padding-left: 5px;

	font-weight: bold;

	font-size: 16px;

}



.product .right  a {

	display: block;

	height: 18px;

	padding-left: 22px;

	background: url(images/events-icon.gif) no-repeat 0 0;

	color: #464646;

	line-height: 8px;

}





.product a:hover { color: red; }



.short-column { width: 175px; }



/* SC = Short Column */



.sc-cnt { text-align: center; margin-top: 10px;}



.sc-cnt .bg { background:  url(images/sc-member-box.gif) no-repeat 2px 99%;  height: 100%; }



.sc-cnt h1 {color: #fff; font-size:18px; line-height: 40px;}



.sc-cnt img { margin-top: 45px; }



.sc-cnt .directconnect {

	background: url(images/directconnect-nobg.gif) no-repeat 0 0;

	height: 28px;

	width: 162px;

	margin: 10px auto 0 auto;

	padding: 0 0 10px 0;

}



.bg-blue { background: url(images/box-bg.gif) repeat-x 0 bottom; }



.sc-member-title {

	height: 100%;

	padding-top: 2px;

	padding-bottom: 10px;

	line-height: 20px !important;

}





.sc-cnt h3 {

	padding: 0 0 0 15px;

	color: #464646; 

	text-align: justify; 

	font-size: 16px; 

	line-height: 40px; 

}



.sc-cnt ul {

	list-style: none outside;

	text-align: left; 

	padding: 0 10px 15px 15px;

	font-size: 11px;

	line-height:19px;

	position: relative;

}

.sc-cnt ul ul { padding-bottom:10px;}



.sc-cnt ul li p { padding-bottom: 10px; }



.sc-cnt span.left { padding-left: 20px;}



.sc-cnt .signin { clear: left; margin:0 0 10px 15px; }



.sc-cnt .register-btn { margin: 0 auto }

.sc-cnt .feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/feed-icon-14x14.png) no-repeat 0 50%;
}

#whois{

	width: 676px;

	margin-top: 10px;

	background: #fff;

}

#whois .bb { background-image:url(images/bb-white.gif);}

#whois .blc { background-image:url(images/blc-white.gif);}

#whois .brc { background-image:url(images/brc-white.gif);}

.whois-cnt { padding: 0 15px 40px 15px; }



.whois-cnt h1 {

	color: #fff;

	font-size: 18px;

	padding: 10px 0 18px 0;

}



#whois table { border-collapse: collapse; }

#whois td  { text-align: center; vertical-align: middle; }

#whois .last { margin-bottom: 10px; }

#whois td img { margin-right: 1px; }



.whois-cnt h2{

	width: 100%;

	text-align: left;

	background: url(images/post-border.gif) repeat-x 0 10px;

	margin: 10px 0 5px 0;

	font-size: 16px;

	color: #464646;

}



.whois-cnt h2 a,

.whois-cnt h2 span { background:#fff; color: #464646; padding-right:5px; }

.whois-cnt small { font-size: 10px; }





.post { padding-bottom:5px; }

.post p { position: relative; line-height: 14px; padding-bottom: 10px; }

.post p img { display: inline; margin: 0px; margin-top: 0; }



#footer {

	background: url(images/footer-bg.png) no-repeat 0 0;

	width: 872px;

	height: 78px;

	padding: 0 18px;

	padding-top: 25px;

	text-align: center;

	color: #464646;

}



#footer .links { padding-left: 200px; }



#footer a { float: left; display: inline; position: relative; color: #711e07; }

#footer a:hover { color: #db0001; } 

#footer span { float: left; display: inline; padding: 0 5px; color: #711e07; }

#footer p { padding: 5px  50px 0 50px; }



textarea#comment { width: 585px; margin: 10px 0; }



#respond h3 { margin-top: 20px; font-size: 16px; color: #464646; }

#respond input { margin-bottom: 32px; }



h3#comments { font-size: 16px; margin: 10px 0; }



ol.commentlist { list-style: none outside; }

ol.commentlist  li { padding: 5px 0; }

div.comment-meta.commentmetadata { padding: 5px 0; }



.navigation div.alignleft { float: left; display: inline; width: 45%; margin-left: 5px;  }

.navigation div.alignright { float: right; display: inline; width: 45%;  margin-right: 5px; }



.navigation div.alignright a,

.navigation div.alignleft a { color: #000 !important; }

.postmetadata.alt { padding: 10px 0; }

#searchform { margin-bottom: 20px; padding-top:4px; line-height:15px;  }

#searchform label { font-size: 13px; font-weight: bold; color: #fff; display:block; padding-bottom:1px;}

#searchform input { width:100px; font-size:11px; padding:1px 0; vertical-align:middle; font-family: Arial, sans-serif; }

#searchform input#searchsubmit { width:40px; cursor:pointer; position:relative; top:0; }



.short-column.left h2 {

	font-size: 16px;

	color: #464646;

}



.navigation { height:15px; padding-top:10px; padding-bottom:10px; }