body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0;
	padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }

fieldset, img { border: 0pt none ; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr, acronym { border: 0pt none ; }

* { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
* { margin: 0pt; padding: 0pt; }

li { list-style-type: none; list-style-image: none; list-style-position: outside; }

body { background-color: #162128; font-family: Arial,Helvetica,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #C4AD7E; }
h1, h2, h3, h4, h5 { font-family: "Lucida Grande",Lucida,Verdana,sans-serif; color: #E3A357; line-height: 120%; }
p { font-family: Arial,Helvetica,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 150%; font-size-adjust: none; font-stretch: normal;  color: #C4AD7E; margin-bottom: 10px; }
strong { font-weight: bold; color: ##E3A357; }
a { color: #E3A357; text-decoration: none; }
a:hover { color: #C4AD7E; }
#wrap { width: 100%; float: left; }
.wrap { margin: 0pt auto; width: 900px; }


.topPortfolio{ padding-top:20px; }
#header { background: transparent url('../images/bg_line.jpg') no-repeat scroll center bottom; height: 130px; margin: 0pt auto; width: 900px; }
#headerWrapper {background: transparent url('../images/header.gif') no-repeat scroll 0% 0%; height: 130px; }
#header h1 a{background: transparent url('../images/logo.gif') no-repeat scroll 37px 10px; overflow: hidden; width: 360px; height: 129px; display: block; float: left; text-indent: -9999px;  }
#header h1 a:hover { background: transparent url('../images/logo.gif') no-repeat scroll 37px -125px;  }
#header h2 { overflow: hidden; display: block; text-indent: -9999px;}
#mainTop{ background:url("../images/bg_line.jpg") repeat-x scroll 0 0 ;  padding:15px 0 0; width:100%; margin-top:-10px; }
#main { background: transparent url('../images/main_bg2.jpg') no-repeat scroll center -50px;  float: left; width: 100%; }

#contentpage h2 {font-family: "Lucida Grande",Lucida,Verdana,sans-serif; color: #E3A357; font-size:24px; padding-bottom:10px; }
#content h2 {font-family: "Lucida Grande",Lucida,Verdana,sans-serif; color: #E3A357; font-size:18px; padding-bottom:10px; }


#navigationTop {  } 
#navigation{
	/* The navigation menu bar: */
	border:1px solid #111111;
	background:#222222;
	background: transparent url('../images/main_bg2.jpg') no-repeat scroll -80px 0px;
	float:right;
	padding:10px;
	margin-top: 10px;
	height: 30px;

}

#navigation,.menuUL li a{
	/* CSS3 rounded corners for both the navigation bar and the buttons: */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

.menuUL li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.menuUL li a,.menuUL li a:visited{
	/* Styling the hyperlinks of the menu as buttons */
	
	float:left;
	font-weight:bold;
	background:url(img/button_bg.jpg) repeat-x center bottom #666666;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	border:1px solid #4D4D4D;
	color:#CCCCCC;

	border-top-color:#565656;
	
	padding:4px 6px;
	margin:1px 4px;
	height:16px;
	
	
	/* Setting a CSS3 box shadow around the button */
	
	-moz-box-shadow:0 0 1px black;
	-webkit-box-shadow:0 0 1px black;
	box-shadow:0 0 1px black;
	
	/* CSS3 text shadow */
	text-shadow:0 1px black;
}

.menuUL li a:hover{
	/* On hover show the top, lighter, part of the background: */
	background-position:center top;
	text-decoration:none;
		color:#E3A357;

}

ul#menu2{
	list-style: none;
	width:500px; 
	height:40px;
	margin: 80px 0px 0pt 0pt; 
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif; 
    font-size-adjust: none; 
    font-stretch: normal;  
    margin-left: 0px; 
    float: right;
}

ul#menu2 li { display: inline; 

	opacity:0.3;
	filter:alpha(opacity=0.3);
	}
	
ul#menu2 li a {
	display: block; float: left; height: 40px; margin-left:10px;
	background-image: url(../images/menu_button.png); text-indent: -9999px;
}


ul#menu2 li a.home { width:40px; background-position: 0px 0px;  }
ul#menu2 li a.about { width:40px; background-position: -40px 0px;  }
ul#menu2 li a.services { width:25px; background-position: -90px 0px;  }
ul#menu2 li a.portfolio { width:40px; background-position: -120px 0px;  }
ul#menu2 li a.blog { width:35px; background-position: -200px 0px;  }
ul#menu2 li a.contactus { width:37px; background-position: -235px 0px;  }



#menu {
	/* you must set it to relative, so that you can use absolute position for children elements */
	position:relative; 
	text-align:center; 
	width:500px; 
	height:40px;
	margin: 80px 0px 0pt 0pt; 
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif; 
    font-size-adjust: none; 
    font-stretch: normal;  
    margin-left: 0px; 
    float: right;

}


#menu ul {
	/* remove the list style and spaces*/
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline;
			
	/* position absolute so that z-index can be defined */
	position:absolute; 
	
	/* center the menu, depend on the width of you menu*/
	left:130px; 
	top:0; 
	
}

#menu ul li {
	
	/* give some spaces between the list items */
	margin:0 5px; 
	opacity:0.3;
	filter:alpha(opacity=0.3);
	/* display the list item in single row */
	float:left;
}

#menu ul li img {

height:55px;

}



#menu #box {
	
	/* position absolute so that z-index can be defined and able to move this item using javascript */
	position:absolute; 
	left:0; 
	top:0; 
	z-index:200; 

	/* image of the right rounded corner */
	background:url(../images/tail.gif) no-repeat right center; 
	height:35px;


	/* add padding 8px so that the tail would appear */
	padding-right:8px;
	
	/* set the box position manually */
	margin-left:17px;
	margin-top:-95px;
	
}

#menu #box .head {
	background:url(../images/head.gif) no-repeat 0 0;
	height:35px;
	color:#E3A357;
	
	white-space:nowrap;

	/* set the text position manually */
	padding-left:8px;
	padding-top:5px;
}
#menu .home { background: transparent url('../images/menu_button.png') no-repeat scroll -3pt top;  }
#menu .about { background: transparent url('../images/menu_button.png') no-repeat scroll -32pt top;  }
#menu .services { background: transparent url('../images/menu_button.png') no-repeat scroll -85px top;  }
#menu .portfolio { background: transparent url('../images/menu_button.png') no-repeat scroll -123px top;  }
#menu .support { background: transparent url('../images/menu_button.png') no-repeat scroll -167px top;  }
#menu .blog { background: transparent url('../images/menu_button.png') no-repeat scroll -204px top;  }
#menu .contactus { background: transparent url('../images/menu_button.png') no-repeat scroll -238px top;  }

#main{ padding-top:10px;}

#main h1 { font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal;  margin-bottom: 10px; }
#main .col { padding: 20px 0pt; float: left; width: 270px; }
#main .col_left { background: transparent url('../images/dotted_vertical.gif') no-repeat scroll right top; padding-right: 20px; padding-left:1px;  }
#main .col_left_full { background: transparent url('../images/dotted_vertical.gif') repeat-y scroll right top; padding-right: 20px;  }
#main .col_center { padding-right: 21px; padding-left: 21px; }
#main .col_right { background: transparent url('../images/dotted_vertical.gif') no-repeat scroll left top; padding-left: 20px;  }
#main .col_right_full { background: transparent url('../images/dotted_vertical.gif') repeat-y scroll left top; padding-left: 25px;  }
#main .colfull { padding: 20px 20px; float: left;  }

#main .noline {

background: none;
}



#services ul { margin-left: 5px; padding-top: 5px; }
#services ul li a { padding-left:15px;}
#services li { background: transparent url('../images/list_row_bg.gif') no-repeat scroll left 3px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 10px;   clear: left; }



.client_box { background-color: #080808; width: 234px; float: left; clear: left; margin-bottom: 10px; }
.client_box .img_client { border: 3px solid #172027 ; float: left; margin-right: 10px; margin-bottom: 10px; width: 50px; height: 50px; }
.client_box h3 a { color: #D3BF94; width: 140px; float: left; margin-bottom: 5px; }
.client_box h3 a { color: #D3BF94; width: 140px; float: left; margin-bottom: 5px; }

.sidebar_box { background-color: #080808; width: 200px; float: left; clear: left; margin-top:-20px;}
.blog_box { background-color: #080808; width: 640px; float: left; clear: left; margin-bottom: 10px; margin-right:10px; margin-top:10px; }
#main .col_sidebar { background: transparent url('../images/dotted_vertical.gif') repeat-y scroll left top; padding-left: 10px; margin-bottom:10px; padding-top: 30px;  }



#banner h1 { color: rgb(227, 163, 87); letter-spacing: -1px; font-family: "Trebuchet MS","Lucida Grande",Lucida,Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 26px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
#banner h2 { font-size: 12px; color: #C4AD7E; font-weight: normal; padding-top:5px;}
#banner { background: #080808 url('../images/banner_bg.jpg') no-repeat center; float: left; width: 100%; }
#banner .wrap { overflow: hidden; height: 370px; position: relative; }
#banner .quotes { padding: 120px 450px 0pt 10px; background: transparent url('../images/banner_0.png') no-repeat scroll right top; float: left; width: 420px; height: 250px;  position: absolute; }
		.quotes1 { background: transparent url('../images/banner_1.png') no-repeat scroll right top ! important;  }
		.quotes2 { background: transparent url('../images/banner_2.png') no-repeat scroll right top ! important;  }
		.quotes3 { background: transparent url('../images/banner_3.png') no-repeat scroll right top ! important;  }
		
#portfolio_main 	{ background-color: #080808; width: 100%; float: left;}
#portfolio_main .wrap { overflow: hidden; height: 370px; position: relative; }



.people { float: left; background: none repeat scroll 0% 0% black; width: 97%; -moz-border-radius: 5px 5px 5px 5px; padding: 20px; min-height: 50px; height:100px;}
.people p { display: none; }
.people strong { color: #E3A357; font-size: larger;text-transform:capitalize; display: block; margin-bottom: -10px; }
.people strong#people_title { color: #E3A357; font-size: 11px;text-transform:capitalize; display: block; margin-bottom: -10px; margin-top: -8px;}

#people_arrow { width: 90%; height: 12px; background: url('../images/triangle.png') no-repeat scroll 45px 0pt transparent; }
.people_info {  margin: 5px 0pt 0pt 10px;  width:500px; }
.people_info ul { display: block; float: left;  width:500px; ! important;}
.people_info ul li { display: block; float: left; margin-right: 10px; ! important;}
.people_info ul li img { padding: 4px; border: 1px solid rgb(204, 204, 204); width: 75px; ! important; margin-top:-10px; }





.people_owner ul li img { padding: 4px; border: 1px solid rgb(204, 204, 204); width: 75px; }


#maincontent { padding: 15px 0pt 0pt; background: #080808;  float: left; width: 100%; }
#maincontent a { border-bottom: 1px dotted #E3A357); }
#maincontent h1 { font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal;  color: #D3BF94; margin-bottom: 10px; }
#maincontent .col { padding: 20px; margin-top:3px; float: left; width: 250px; height: auto ! important; min-height: 200px; }



#footer { padding: 15px 0pt 0pt; background: #080808 url('../images/bg_line.jpg') repeat-x scroll 0% 0%;  float: left; width: 100%; }
#footer a { border-bottom: 1px dotted #E3A357); }
#footer h1 { font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal;  color: #D3BF94; margin-bottom: 10px; }
#footer .col { padding: 20px; margin-top:3px; float: left; width: 250px; height: auto ! important; min-height: 200px; }
#footer .wrap { background: transparent url('../images/footer_bg.gif') no-repeat scroll 580px bottom;  }
#footer .center { background: transparent url('../images/twitter_top.gif') no-repeat scroll 20px 110px; width: 274px;  }
		.clear_both { clear: both; }
#footer #blog ul { background: transparent url('../images/footer_hr.gif') no-repeat scroll left bottom;  float: left; width: 110%; }
 		#blog li { padding: 10px; background: transparent url('../images/footer_hr.gif') no-repeat scroll left top; list-style-type: none; list-style-image: none; list-style-position: outside; width: 100%; float: left; clear: left;  }
		#blog a { border: medium none ;  }
		#blog a:hover { color: #FAC27F ; }
		
#quote_box { padding-bottom:35px;}
#quote_box  .quote { padding-bottom:60px;}
		
#social_network  { height:70px; }
#social_network a { border: medium none ; }


#credits { background: #162128 url('../images/bg_line.jpg') no-repeat scroll center top;   float: left; text-align:center; width: 100%; padding-top: 5px; margin-top:5px; }
#credits p { font-size: 90%;   }

#twitter_box { padding: 10px;  background: #162128 url('../images/twitter_bottom.gif') no-repeat scroll left bottom; float: left; width: 254px;  margin-bottom: 10px; margin-top:-2px; }
#twitter_box  h2 { margin-top:-7px; padding-bottom:5px;}		
			.timesince { float: right; }
			.twitter_b a {  color: #fac27f ;  }
			.twitter_b a:hover {  color: #b09b7d ;  }

.flickr, .facebook, .rss, .tumblr, .delicious, .twitter { background: transparent url('../images/social_network_icons.gif') no-repeat scroll left top; overflow: hidden;  opacity:0.3;
filter:alpha(opacity=0.3); float: left; display: block; width: 24px; height: 24px; margin-left: 5px; text-indent: 9999px; }
.facebook { background-position: 0pt -26px; }
.twitter { background-position: 0pt -52px; }
.tumblr { background-position: 0pt -130px; }
.flickr {background-position: 0pt -104px;}
.delicious { background-position: 0pt -78px; }
.rss { background-position: 0pt 0px; }


.box { background: #080808 none repeat scroll 0% 0%;  float: left; width: 100%;  }

.boxfull { background: #080808 none repeat scroll 0% 0%;  float: left; width: 100%; width:890px; }

.boxtop { background: transparent url('../images/tr.gif') no-repeat scroll right top;  }
.boxtop div { background: transparent url('../images/tl.gif') no-repeat scroll left top; font-size: 0pt; height: 15px;  }
.boxbottom { background: transparent url('../images/br.gif') no-repeat scroll right bottom;  width: 100%; float: left; }
.boxbottom div { background: transparent url('../images/bl.gif') no-repeat scroll left bottom; font-size: 0pt; height: 10px;  }
.boxcontent { padding: 0px 10px; }


#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	display: block;
	padding-bottom: 5px;
	
}
#wpcf input {
	float: left;
	width: 200px;
	height: 15px;
	padding: 5px;
	margin: 1px 5px 5px 10px;
	background:#080808 none repeat scroll 0 0;
	border:1px solid black;
	border:1px solid #333333;
	color:#777777;
}
#wpcf textarea {
	width: 500px;
	height: 250px;
	padding: 10px;
	margin: 1px 5px 5px 10px;
	background:#080808 none repeat scroll 0 0;
	border:2px solid black;
	color:#777777;
	border:1px solid #333333;

	
}
#wpcf #contactsubmit {
	width: 100px;
	height:30px;
	color:#E3A357;
	cursor: pointer;
	float:right;
}

.tag-link-10 {
font-size: 10px;
}


.webshowcase {
padding-top: 10px;
width: 900px;
height:590px;
}