/** RESET STYLES (for resetting default values in different browsers) **/

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, strong, sub, sup, tt, var, dl, dt, dd,
 ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***** GENERAL STYLES ****/

body{
background:#808080;
font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#808080;
font-weight:normal;
}

a{
text-decoration:none;
color:#8B3626;
}

a:hover{
text-decoration:none;
color:#000000;
}

/***** BACKGROUND IMAGE ****/

#homeBG{
background-image:url("images/background.jpg");
background-position:top center;
background-repeat:repeat-x;
}

#sitemap {display:block; width:32px height:46px; position:fixed; bottom:0; right:0;}
/***HOLDS ALL IN THE MIDDLE***/

#holder{
width:960px;
margin:0px auto;
position:relative;
padding-top:126px;
padding-left:15px;
}

/***HEADER**/


h1#logo{
width:309px;
height:65px;
background-image:url("images/logo23.png");
background-repeat:no-repeat;
position:absolute;
left:15px;
top:32px;
}

#navigation {
	width: 400px;
	position: absolute;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:18px;
	left:550px;
	top:10px;
} 

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	height:65px;
	width:60px;
	display: block;
	float: left;
	padding: 47px 10px 0 10px;
	font: 18px "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-align:center;
} 

#navigation ul li a:hover {
	width:60px;
	background-image:url("images/mouse-over.png");
	background-position:absolute;
	background-repeat:repeat-x;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:18px;
}

#navigation ul li.active a{
	background-image:url("images/mouse-over.png");
	background-position:top center;
	background-repeat:repeat-x;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	padding-top:47px;
}


/** AVIA SLIDER**/

.aviaslider{ 
height:236px; 	
width:940px;
overflow: hidden;
position:absolute;
float:left;
z-index: 1;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}



.center{ /*center content area */
position: absolute;
width:940px;
}

#main{ /*main area, contains all content and sidebars*/
float:left;
position:relative;
width:100%;
padding-top:40px;
padding-bottom:40px;
}

.content{
position: relative;
float:left;
width:340px;
overflow: hidden;
}

/***HEADER WITH INTRODUCTORY TEXT***/

#top1{
width:939px;
height:41px;
background-image:url("images/tbg.png");
position:inline;
margin-top:236px;
padding:8px 1px 0 0;
color:#2c2c2c;
font-size:13px;
float:left;
}

#introText1{
width:260px;
height:20px;
display:block;
position:inline;
float:left;
background: #fceabb; /* old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* ie */
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
border:1px solid #fffff0;
margin:5px 55px 1px 45px;
padding-bottom:5px;
font:18px/24px "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
letter-spacing:1.5px;
text-align:center;
}

#chat{
width:200px;
height:38px;
display:block;
position:relative;
float:left;
align:right;
text-align:right;
margin-top:2px;
}

#testimonial {
width:190px;
height:32px;
display:block;
background:none;
background-repeat:no-repeat;
position:relative;
float:left;
margin-left:125px;
padding-left:1px;
padding-top:2px;
text-align:center;
}

/** CONTENT **/

/** containers for content**/

#backpanel{
background:none;
width:927px;
float:left;
padding:5px 5px 5px 5px;
border:2px solid #909090;
}

#bottomholder1{
background:#ffffff;
width:907px;
float:left;
padding-left:20px;
background-position:relative;
}

/**boxes with icons**/

.littleBox, #bottomholder3 div.littleBox{
width:250px;
float:left;
padding:23px;
font-size:13px;
}

.divider, #bottomholder3 div.divider{
background-image:url("images/divider.gif");
background-position:right;
background-repeat:no-repeat;
}

.littleBox h1, #bottomtext h1 {
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:15px;
color:#525252;
font-weight:normal;
text-decoration:none;
line-height:35px;
margin-bottom:10px;
}

.littleBox h1 span{
background-image:url("images/dot1.gif");
background-position:bottom;
background-repeat:repeat-x;
line-height:40px;
}

.littleBox h1 span.noLine{
background-image:none;
text-decoration:none;
}

.littleBox h1 img{
margin-right:10px;
}

.littleBox li {
list-style:none;
}

.more{
display:block;
width:58px;
margin-top:25px;
float:right;
color:#51ac43;
font-size:6px;
}

/**bottom text container on the Home page **/

#bottomtext{
background-image:url("images/shadow.gif");
background-position:top left;
background-repeat:no-repeat;
width:830px;
clear:both;
padding:30px;
}

#bottomtext h3{
	text-align:left;
	font:18px/28px "Myriad-Pro", Arial, Helvetica, sans-serif;
	color:#808080;
	letter-spacing:1.1px;
	text-transformation:upper-case;
	text-shadow:0.1em 0.1em #dfdfdf;
	margin-top:5px;
	margin-bottom:15px;
}

#bottomtext p{
	font:14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#808080;
}


#watermark{
position:relative;
display:block;
background-image:url("images/watermark.jpg");
background-repeat:no-repeat;
width:480px;
height:150px;
margin:15px auto;
}

#watermark p {
width:460px;
text-align:center;
padding:30px 30px;
font:20px/28px "Pristina", Script, Courier, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
letter-spacing:1.1px;
text-shadow:0.1em 0.1em #dfdfdf;
}

/**THE THREE BOXES BELOW TEXT CONTENT **/

#botbox {
width:886px;
display:block;
background:#90ee90;
position:relative;
float:left;
padding:30px 1px 10px 40px;
}

ul#box1 {
width:260px;
height:315px;
position:inline;
float:left;
background-image:url("images/servicesbox.jpg");
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:5px;
margin-left:8px;
padding:38px 5px 5px 10px;
}

ul#box1 li {
list-style:none;
padding:0;
margin:0;
}

ul#box1 li a:link, a:visited {
width:225px;
font:13px/30px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-transform:capitalize;
padding:7px 0 35px 34px;
color:#000;
text-shadow:-0.1em 0.1em #7CFC00;
}

ul#box1 li a:hover{
text-decoration:none; 
color:#B0171F;
}


#box2 {
background-image:url("images/glassblogboxin.jpg");
background-repeat:no-repeat;
background-position:inline;
float:left;
width:245px;
height:310px;
margin:10px 0 5px 12px;
padding:40px 5px 10px 10px;
z-index:-1;
font:13px/16px "Verdana", Arial, Helvetica, sans-serif; 
font-weight:normal;
color:black;
text-align:left;
}

#box3 {
display:block;
position:inline;
float:left;
width:260px;
height:345px;
margin:10px 0 0px 22px;
padding:0 0 1px 1px;
}

/**TWITTER**/

#twitter {
width:850px;
position:inline;
float:left;
padding:10px 5px 5px 5px;
margin-bottom:10px;
font:14px/20px "Myriad Pro", Arial, Helvetica, sans-serif; 
font-weight:normal;
color:#CD3333;
text-align:left;
background: #BCed89; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90ee90', endColorstr='#BCED89'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#90ee90), to(#BCED89)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #90ee90, #BCED89); /* for firefox 3.6+ */ 
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}

#twitter img {
	float:left;
	position:relative;
}

/**BOTTOM PART**/

/**social links **/

#socialize{
text-align:center;
padding:25px 0px 20px 0px ;
clear:both;
}

#socialize h1, #topText h1, #topText2 h1{
color:#FFF5EE;
font-size:18px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
margin-bottom:15px;
}

#socialize img{
margin:0px 10px;
}

/**footer**/

#futer{
height:248px;
background-image:url("images/futer.gif");
background-repeat:repeat-x;
}

#futerMeni{
width:960px;
margin:auto;
padding-top:25px;
text-align:center;
z-index:1;
}

#futerMeni a{
color:#666666;
text-decoration:none;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-shadow:0.1em 0.1em #fff;
padding:0px 5px;
}

#futerMeni a:hover{
color:#000;
text-decoration:none;
font-size:14px;

}

#futerMeni span{
display:block;
margin-top:20px;
font-size:11px;
font-family:"Times", Arial, Helvetica, sans-serif;
}

#recentClients{
background-image:url("images/shadow2.gif");
background-position:top;
background-repeat:no-repeat;
margin-top:25px;
padding-top:25px;
}

#recentClients h1{
color:#525252;
font-size:18px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left;
padding-left:75px;
margin-bottom:15px;
}

#recentClients img{
margin:0px 12px;
}