/*----------------------------------------------

* Filename: styles.css

* Version: 1.0.0 (2008-12-03)

* Website: http://www.vision.com

* Author: Vision

* Description: Handles the site layout.

   ---------------------------------------------*/

   

/*---------------------------------------------

  				Global Reset

  --------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 

	padding: 0; 

	border: 0; 

	outline: 0; 

	font-weight: inherit; 

	font-style: inherit; 

	font-size: 100%; 

	font-family: inherit;  

}

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

.gallery

{
        

	cursor: default;

	list-style: none;

}



.gallery img

{

	background: #fff;

	
	color: inherit;

	padding: 2px;

	vertical-align: top;

width: 128px;
height: 199px;

}



.gallery li

{

	background: #fff;

	

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}

img.alignright {
	margin: 0 7px 2px 0;
}

img.alignleft {
	margin: 0 0 2px 7px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

div,img {

behavior:url(iepngfix.htc);

border:none;

}

p{

	font:normal  13px/20px Helvetica, sans-serif;

	color: #666666;
}

body{

	font:normal  12px/20px Helvetica, sans-serif;

	color: #666666;

	margin: auto;

	background:#b8e3e9 url(./images/header.jpg) top center no-repeat;

	border-top:0px solid #85abbd;

}





form input {

	font:normal  11px/20px Tahoma, Helvetica, sans-serif;

	vertical-align:middle;

}



a:link, a:visited, a:active

{

	color: #508d92;

	text-decoration:underline;

}

a:hover

{

	color: #0096a3;

	text-decoration:none;

}



ul.listitems

{

margin:0 0 0 20px;

padding:0;

}



ul.listitems li

{

margin:0;

padding: 3px 10px;

list-style:circle;

}









/*--------------------------------------------

  				page structure

  --------------------------------------------*/

.header	{

	width:auto;

	height:240px;

	padding:0 0 0 0px;	

}



.logo	{

	margin-left:0px;

	padding:8% 0 0 7%;

}		

	

	

#total	{

	width:980px;

	height:auto;

	margin:auto;

}



#middlepart

{

background:#ffffff;

padding:0 20px;

overflow:auto;

height:100%;

}



#leftpart	{

	width:600px;

	float:left;

	padding:30px 20px;

	height:auto;

}

#leftpart p {

	padding:0 0 20px 0px;

}



		

#rightpart	{

	width:245px;

	background:url(./images/leftbg.gif) top left no-repeat;

	float:left;

	margin:auto;

	height:auto;

	padding:30px 20px;	

}







.featured	{

	background:url(./images/featuredbg.jpg) no-repeat;

	height:244px;



}





.bordermain

{

border:1px solid #dbd6d2;

background:#FFFFFF;

padding:8px;

}





.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width:980px; /*Width of Carousel Viewer itself*/

height: 244px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}

.stepcarousel .belt  h1

{

font:normal bold 2.2em Arial, Helvetica, sans-serif;

margin:0;

padding:0 0 10px 0;

color:#5e5e5e;

letter-spacing:-1px;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 8px 10px 0px 20px; /*margin around each panel*/

width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:auto;

padding:10px;

}

.panel .stepbottom

{

float:right;

width:450px;

}



.stepcarousel .corner {

	position:absolute;

	top:7px;

	left:7px;

	width:85px;

	height:85px;

}



.featuredcorner {

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

}

.websitecorner {

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

}

.logocorner {

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

}







a.readmore:link,a.readmore:visited, a.readmore:active

{

background:url(./images/readmore.png) 0% 100% no-repeat;

padding:0 15px;

color:#55787b;

text-transform:uppercase;

float:right;

font:normal 10px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

a.readmore:hover

{

background:url(./images/readmore.png) 0% 100% no-repeat;

padding:0 15px;

color:#55787b;

text-transform:uppercase;

float:right;

font:normal 10px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

/*--------------------------------------------

  				navigation

  --------------------------------------------*/

.menu	{

height:42px;

background: url(./images/menutop.png) repeat-x top center;

margin:0px 0 0px 0;

}

.menu ul {

padding:11px 0 0 0;

margin:auto;

text-align:center;

}



.menu ul li {

	display:inline;

	border-radius:5px;

	-moz-border-radius:5px;	

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	}

	

.menu ul li a {

	font:normal bold 11px Arial, "Book Antiqua", Helvetica, sans-serif;

	margin:0 1px 0 0;

	padding:8px 10px;

	text-decoration:none;

	text-align:center;

	color:#fff;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	text-transform:uppercase;

}

	

.menu li a:link,.menu li a:visited {

	text-decoration:none;

	text-align:center;

	color:#fff;

}	

	

.menu li a:hover {

	background:#ea5f02;

	color:#fff;

	text-align:center;

	text-decoration:none;	

}





/*--------------------------------------------

  				headings

  --------------------------------------------*/

h1 { font:normal 2.5em Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.2px; padding-bottom: 5px;}

h2 { font:normal 220% Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;margin:0;}

h3 { font:normal 180% Arial, Verdana, Arial, Helvetica, sans-serif; margin:15px 0 10px 0;}

h4 { font:normal 150% Arial, Verdana, Arial, Helvetica, sans-serif; }

h5 { font:normal 120% Arial, Verdana, Arial, Helvetica, sans-serif; }



h1.titles 		{ font:normal 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  color:#848484; letter-spacing:-1px;padding-bottom: 10px;}

h1.titles  img	{ padding-right: 15px;vertical-align:middle;}





blockquote		{border-left:6px solid #afd5d9;color:#999999;padding: 5px 15px; margin:10px 0;  }



h3 img

{

vertical-align:middle;

}

/*--------------------------------------------

  				miscellaneous

  --------------------------------------------*/

	





a.more:link,a.more:visited, a.more:active

{

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

padding:0 0 0 16px;

color:#6b7c7f;

float:right;

font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

a.more:hover

{

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

padding:0 0 0 16px;

color:#0096a3;

float:right;

font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

		

a:focus { outline:none; }

		

img { border: 0 }



.date	{

	color:#ef5c0c;

	font-size:10px;

	font-weight:bold;

	float:left;

}



.newslist {

line-height:16px;

overflow:auto;

padding:10px 0;

}

.newslist p	{

line-height:16px;



}





h4.titles { 

	font:normal 1.4em Arial, Helvetica, sans-serif;  

	color:#848484; 

	letter-spacing:-1px;

}

hr.hrbar

{

clear:both;

border:none;

width:100%;

border-bottom:1px solid #ccc;

}





address	{

	color:#333333;

	padding:0px;

	margin:0;



}



/*--------------------------------------------

  				footer

  --------------------------------------------*/

#footerpart	{

	width:100%;

	background:url(./images/footerbg.gif) top center repeat-x;

	float:left;

	height:auto;

	margin:0;

	padding:50px 0;



}





.footerleft	{color:#868f97;padding:0px 0px 10px 20px;margin:0; float:left;}



.footerright	{color:#868f97;padding:0px 20px 10px 0;margin:0; float:right; text-align:right;}









/*--------------------------------------------

  				form

  --------------------------------------------*/



.contacts img {

vertical-align:middle;

padding:2px 0;

}





.portfolioitem .details

{

float:right;

line-height:16px;

width:320px;

padding-left:20px;

}

.portfolioitem h3

{

color:#54a1ac;

}



.portfolioitem 

{

float:left;

position: relative;

margin:10px 0;

}

.portfolioitem .corner {

	position:absolute;

	top:-2px;

	left:-2px;

	width:85px;

	height:85px;

}

.bordersub

{

border:1px solid #dbd6d2;

background:#FFFFFF;

padding:8px;

}

/* ================================================= */

/* 	 INPUT FIELD CSS                                 */

/* ================================================= */



form input {

	background-color: #FAFAFA; background-image: url("./images/bg_box.gif");color: #484848;padding: 2px; 

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	}

form textarea

{

vertical-align:top;

}



form input[type=radio],

form input[type=checkbox]

					{border: none;}



input[type=text],

input[type=password],

textarea 

					{	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	

background: #fff url('./images/bg_box.gif') repeat-x top left;border: 1px solid #b8b8b8;padding: 5px 8px;margin: 2px 0px;}



input[type=text]:focus,

input[type=password]:focus

{

	background: #fff url('./images/bg_box.gif') repeat-x top left;

}

input[type=submit],

input[type=button],

input[type=image],

input[type=reset],

textarea:focus 

					{

					background:none;

					}



form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio 

					{ width: auto;margin: 2px 10px;}



* input[type=image]

{

	background:none;

}

/*- Blog Comments --------------------------- */

#comment-box{

 border-top:1px solid #888;

 border-bottom:1px solid #888; 

 }

 

form p{

 margin:0 0 5px 0;

 padding:0;

 } 

 

#comment-box input {

 width: 220px;

 margin: 2px 0 10px 0;

 border-top: 1px solid #ccc;

 border-left: 1px solid #ccc;

 border-bottom: 1px solid #eee;

 border-right: 1px solid #eee;

 height:20px;

 font-size: 12px;

 color:#000;

 padding:5px 0 0 5px;



 }

 

#comment-box label {

 display: block;

 font-size: small;

 font-weight: bold;

 margin:0;

 padding:0;

}



#comment-box textarea {

 width: 350px;

 height: 150px;

 display: block;

 border: 1px solid #ddd;

 margin: 0 ;

 padding:5px 0 0 5px;

 font-size: small;

 color:#000;

 } 

 

input#submit-comment{

 font-size: small;

 font-weight: bold; 

 color:#000;

 width:155px;

 height:30px;

 margin:10px 0 0 0; 

 padding:0;

 border: 1px solid #ccc;

 background:#fff;

 }

 

ol.commentlist{

 margin:0;

 padding:0;

 list-style:none;  

 } 

  

ol.commentlist p{



 line-height:1.7em; 

 }

   

ol.commentlist li{

 border:1px solid #d8d8d8;

background:#f2f2f2;

 padding:10px;

 margin-bottom:15px;

 }

 

#content .commentlist ul li{ 

 list-style:none;

 }



.comment-author cite {

 float:left;

 margin-right:5px;

 font-style:normal;

 color:#000;

 }

 

.comment-author img {

 padding:5px;

 border:1px solid #ddd;

 background:#fff; 

 float:right;

 }



#menu1 {

width:233px;

margin:10px 0;

}



#menu1 ul {

margin:0;

list-style:none;

padding:0 10px;

}



#menu1 li a {

font:bold 9px Verdana, Arial, Helvetica, sans-serif;

text-transform:uppercase;

voice-family:inherit;

height:11px;

margin:0;

overflow:auto;

height:100%;

border-bottom:1px solid #e0e0e0;

text-decoration:none;

}



#menu1 li li a {

font:bold 9px Arial, Helvetica, sans-serif;

margin:0;

text-decoration:none;

border-left:0 solid #999999;

border-bottom:1px solid #ededed;



text-decoration:none;

}



#menu1 li li a:link,#menu1 li li a:visited {

color:#bebebe;

display:block;

padding:6px 10px;

}



#menu1 li a:link,#menu1 li a:visited {

color:#bebebe;

display:block;

padding:6px 10px;

}



#menu1 li.current a {

color:#da701a;

}



#menu1 li a:hover {

color:#da701a;

padding:6px 10px;

}



#menu1 li li a:hover {

color:#da701a;

padding:6px 10px;

}