/*ALL*/
* {
	padding:0;
	margin:0;
}
html { background: #40403c url(../images/back_bg.jpg) repeat-x 0 0; }
body {
	font:62.5% "Lucida Grande", helvetica, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height:1.6;
	background: url(../images/bg.jpg) repeat-x 50% 0 fixed;
}
a:link {
	text-decoration: none;
	color: #EA6E3E;
	line-height: 1.4;
}
a:visited {
	color: #EE8760;
	text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }
#wrapper {
	width:926px;
	margin:0 auto;
	position:relative;
}
#header {
	position: relative;
	height: 100px;
}
#header h1#logo {
	position: relative;
	top: 30px;
	left: 13px;
	width: 260px;
}
#header h1#logo a {
	width:348px;
	height:65px;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	border-bottom: 0pt none;
}
#nav-main {
	position: absolute;
	height: 56px;
	width: 562px;
	left: 360px;
	top: 40px;
}
#nav-main #menu {
	position:relative;
	background:url('../images/nav.png');
	margin: 0;
	display: inline;
	float: left;
}
#nav-main #menu li {
	float:left;
	list-style:none;
}
#nav-main #menu li a {
	position:absolute;
	display:block;
	height:54px;
	background:url('../images/nav.png') no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:1%;
	border-bottom: 0pt none;
}
#menu li#home-menu a {
	left:0;
	width:68px;
	background-position:0pt 0pt;
}
#menu li#abt-menu a {
	left:68px;
	width:85px;
	background-position:-68px 0;
}
#menu li#srvc-menu a {
	left:153px;
	width:81px;
	background-position:-153px 0;
}
#menu li#work-menu a {
	left:234px;
	width:86px;
	background-position:-234px 0;
}
#menu li#blg-menu a {
	left:320px;
	width:56px;
	background-position:-320px 0;
}
#menu li#frm-menu a {
	left:376px;
	width:100px;
	background-position:-376px 0;
}#menu li#cntct-menu a {
	left:476px;
	width:85px;
	background-position:-476px 0;
}
#menu li#home-menu a:hover { background-position:0 -54px; }
#menu li#abt-menu a:hover { background-position:-68px -54px; }
#menu li#srvc-menu a:hover { background-position:-153px -54px; }
#menu li#work-menu a:hover { background-position:-234px -54px; }
#menu li#blg-menu a:hover { background-position:-320px -54px; }
#menu li#frm-menu a:hover { background-position:-376px -54px; }
#menu li#cntct-menu a:hover { background-position:-476px -54px; }
.index #menu li#home-menu a { background-position:0 -54px; }
.about #menu li#abt-menu a { background-position:-68px -54px; }
.services #menu li#srvc-menu a { background-position:-153px -54px; }
.work #menu li#work-menu a { background-position:-234px -54px; }
.blog #menu li#blg-menu a { background-position:-320px -54px; }
.forum #menu li#nb-menu a { background-position:-376px -54px; }
.contact #menu li#cntct-menu a { background-position:-476px -54px; }
#content {
	position: relative;
	background: url(../images/roundmiddle.png) repeat-y;
	width: 926px;
}

#content-main {
	position: relative;
	padding: 13px 13px 20px 14px;
}
#content-main p {
	font-size: 1.2em;
	margin: 0.5em 1.5em 1em 0;
	padding-right: 4em;
}
#content-main h2  {
	height:25px;
	width:0;
	text-indent: -9999px;
	margin: 30px 0 10px 20px;
	}
#content-sec {
	padding:6px 0 18px 10px;
	color:#000;
}
#content-main div.panel {
	padding-top: 1px;
	height: 399px;
	position:	relative;
}
#content-sec {
	position: relative;
	top: 10px;
}
#content-sec .box {
	margin-right:17px;
	width:290px;
	height:228px;
	float:left;
	background:url('../images/box.gif') no-repeat 0 0;
	display: inline;
}
#content-sec .ext-right { margin-right: 0px; }
#content-sec  h3 {
	margin:1.5em 1.5em 0;
	text-indent: -9999px;
	background-repeat: no-repeat; height:25px
}
#content-sec p { margin:1em 2em; }
#content-sec #testimonial h3 { background-image: url(../images/testimonials.jpg); }
#testimonial  p.testimony {
	float: right;
	margin-top: 0px;
}
.quote {
       background:#ffffff url('/images/quote-left.gif') no-repeat left top;
       margin-left: 5%;
       margin-right: 5%;
       padding-top: 10px;
       padding-left: 40px;
       font-style:normal;
       font-variant:normal;
       font-weight:normal;
       font-size:11px;
       font-family:Arial
    }

.quote div {background: transparent url(/images/quote-right.gif) right bottom no-repeat;
     padding-right: 40px;
     padding-bottom: 10px;
    }
#content-sec #blog h3 { background-image: url(../images/blog.jpg); }
#content-sec #join h3 { background-image: url(../images/join.jpg) ; }

/*HOME*/
#content-main #index  h2{ background:url('../images/home_web_h1.jpg') no-repeat; width:400px	}
#content-main #index  h2.main{ background:url('../images/home_main_h1.jpg') no-repeat; width:400px	}
.index #content, .contact #content {
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 426px;
	padding: 0;
}
.index  #content-main p, .contact #content-main p {
	margin: 0 0 15px 25px;
	width: 360px;
	font-size: 1.4em;
}	

#content-main #index { background: url(../images/home_box_bg.jpg) no-repeat right top }
/* ____________________________ Contact Page */
#content-main #contact { background: url(../images/contact_box_bg.jpg) no-repeat right top }

#content-main #contact h2 { background: url(../images/contact_h1.jpg) no-repeat; width:400px; margin-top:20px }
 
#content-main  #contact-form p {
	margin: 0;
	font-size: 1.1em;
}
#content-main #contact-form { margin-left: 40px;}
/*_________________________________About page*/
.about #content #bg { 
background-image:url(../images/about_box_bg.jpg); 
background-repeat:no-repeat; 
background-position:right top;
position: relative; top:-15px;
width: 913px;
}
.about #content-main, .services #content-main, .work #content-main{
	margin-left: 25px;
	margin-top: 30px;
}
.about #content-main { width:700px }
.about #content h2, .services #content h2, .work #content h2, .notebook #content h2, .contact #content h2 {
	text-indent: -9999px;
	margin: 0 30px 20px;
	background-image: url(../images/about_page_h1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
}
.about #content h2 {
	text-indent: -9999px;
	margin: 0 30px 20px;
	background-image: url(../images/about_h1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
}
.about #content h3, .services #content h3, .work #content h3 {
	color: #EA6E3E;
	}
	/*SERVICES_______________*/
.services #content h2 {
	text-indent: -9999px;
	margin: 0 30px 20px;
	background-image: url(../images/services_h1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
}
.services #content #bg { 
background-image:url(../images/services_box_bg.jpg); 
background-repeat:no-repeat; 
background-position:right top;
position: relative; top:-15px;
width: 913px;
}
/*_________our work________________________*/
.work #content h2 {
	text-indent: -9999px;
	margin: 0 30px 20px;
	background-image: url(../images/our_work_h1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
}

#roundtop {
	height:19px;
	background:url('../images/roundtop.png') no-repeat 0 0;
}
#roundbottom {
	height:19px;
	background:url('../images/roundbottom.png') no-repeat 0 0;
}

#content .highlight-content {
	position:absolute;
	color:#fff;
	top:80px;
	background:transparent url('../images/black_box.png') no-repeat 0 0;
	padding: 25px 0 25px 25px;
	margin-left: -15px;
	width: 300px;
	height: 360px;
}
#content .highlight-content h2 {
	padding:0;
	font-weight:100;
	margin:0 0 0.7em 0;
}
#content .highlight-content .owner {
	width: 130px;
	float: left;
	margin-right: 20px;
	display: inline;
}


.clear { clear:both; }
.hide, .ui-tabs-hide { display: none;}
.strong {
	font-weight: bold;
	line-height: 1.4;
}