/*
Main Style Sheet for wenbancreative.com
Version: 1.0
Author: Lea Wenban
Author URI: http://www.wenbancreative.com/
*/

html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

/*begin resets*/
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, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 1em;
	vertical-align: baseline;

}



/* Tell the browser to render HTML 5 elements as block */  
#header, #footer, #aside, #nav, #article {  
    display: block;  
} 
 
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


/*
Main Global Layout Settings
*/


*{ padding: 0px; height: 100px: }

body{ font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif; font-size: .8em; line-height: 1.5em; color: #4b4b4b; }
/*body{	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: .8em; line-height: 1.5em; color: #4b4b4b;}*/

a { outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; color:#000; }
a img{ border: none; }
.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }


/* -------- Page Structure -------- */

#wrapper {
	position: relative;
	width: auto;
	margin: 0px auto;
	padding:0px;
	border-top: 6px solid #cfcfcf;
	background-color: #fff;
}
#container {
	width: 960px;
	margin: auto;

}
#header { width: 940px; height: 44px; margin: 0 auto; margin-top:30px; margin-bottom:20px;
	/*border:2px solid #ccc;
	background-color: #fff;	
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	 The width of the gallery */
	overflow:hidden; }

#nav { width: 500px; float: right; padding-top: 15px;}
#section {width: 940px; margin: 0px auto; }

/* -------- Navigation Menu -------- */
#logo { float: left; padding-left: 5px; top: 0px; }
#logo a {background-image:url(../wimages/css-sprite.png);	display: block;	width: 360px;	height: 30px;}
#logo a:hover {	background-image:url(../wimages/css-sprite.png);	display: block;	background-position: 0px -36px;	width: 360px;	height: 30px;}
#logo em {	position: absolute;	left: -10000px;}

/* ----------  CSS3 Rounded Corners ----------- */
.box {
	margin: 15px auto;
	color: #666;
	padding: 10px 0px 10px 5px;
	/*	background: #111;
	border: 1px solid #000;*/
	border:2px solid #ccc;
	background-color: #fff;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}

.greybox {
	margin: 15px auto;
	color: #ccc;
	padding: 10px 0px 10px 5px;
	/*	background: #111;
	border: 1px solid #000;*/
	border:2px solid #ccc;
	background-color: #111;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:920px;
	/* The width of the gallery */
	overflow:hidden;
}

.lightgreybox {
	margin: 15px auto;
	padding: 10px 5px 10px 5px;
	/*	background: #111;
	border: 1px solid #000;*/
	border:2px solid #ccc;
	background-color: #f2f2f2;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:920px;

	/* The width of the gallery */
	overflow:hidden;
}

.adbox {
	clear:both;
	margin: 0 auto;
	/*padding: 18px;*/
	color: #666;
	padding: 0;
	border:2px solid #ccc;
	background-color: #fff;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* The width of the gallery */
	width:930px;
	height: 279px;
	overflow:hidden;
}
/*=== main navigation bar ===*/
#nav ul {
	text-decoration: none;
	list-style-type: none;
}
#nav li {
	display: block;
	float: left;
}
#navi li em {
	position: absolute;
	left: -10000px;
}
#nav #navmenu {
}
#nav #navmenu .mnav1, .mnav2, .mnav3, .mnav4 {
}
#nav #navmenu .mnav1 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 502px -1px;
	width: 103px;
	height: 20px;
}
#nav #navmenu .mnav1 a:hover {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 502px -21px;
}

#nav #navmenu #currentpage1 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 502px -21px;
	
}

#nav #navmenu .mnav1 a em {
	position: absolute;
	left: -10000px;
}
#nav #navmenu .mnav2 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 398px -1px;
	width: 134px;
	height: 20px;
}
#nav #navmenu .mnav2 a:hover {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 398px -21px;
}
#nav #navmenu .mnav2 a em {
	position: absolute;
	left: -10000px;
}

#nav #navmenu #currentpage2 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 398px -21px;
}

#nav #navmenu .mnav3 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 263px -1px;
	width: 120px;
	height: 20px;
}
#nav #navmenu .mnav3 a:hover {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 263px -21px;
}

#nav #navmenu #currentpage3 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 263px -21px;
}

#nav #navmenu .mnav3 a em {
	position: absolute;
	left: -10000px;
}
#nav #navmenu .mnav4 {
	margin-left: 50px;
}
#nav #navmenu .mnav4 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 136px -1px;
	width: 70px;
	height: 20px;
}
#nav #navmenu .mnav4 a:hover {
	background-image:url(../wimages/css-sprite.png);
	background-position: 136px -21px;
}

#nav #navmenu #currentpage4 a {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 136px -21px;
}


#nav #navmenu .mnav4 a em {
	position: absolute;
	left: -10000px;
}
/*=== End of CSS === */

.titleinfo {
	padding-left: 10px;
	
}
.aboutinfo {
	width: 150px;
	padding-left: 10px;
	
}

#gallmen {
	width: 900px;
	padding: 0 0 0 20px;
}
#gallmen ul {
	text-decoration: none;
	list-style-type: none;
}
#gallmen li {
	display: block;
	float: left;
	height: 20px;
	color: #666;
}
#gallmen li a {
	margin: 2px 10px 2px 10px;
	color: #000;
}
#gallmen li em {
	position: absolute;
	left: -10000px;
}
/*=== footer ===*/
#copyright {
	clear:both;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	color: #666;
	width:900px;
	overflow:hidden;
	font-size: 10px;

}
#footer {
	clear:both;
	margin: 0 auto;
	color: #666;
	padding: 18px;
	/*border:2px solid #ccc;
	background-color: #fff;	
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	/* The width of the gallery */
	width:890px;
	overflow:hidden;
}
.button {
}
.button a {
	font-weight: 600;
	/*text-align: center;*/
	margin: 2px 5px 2px 5px;
	padding: 1px 5px 1px 5px;
	list-style-type: none;
	color: #ececec !important;
	/* CSS3 Rounded Corners */
	margin: 15px auto;
	background: #111;
	border: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* The width of the gallery */
	overflow:hidden;
}
/*=== Gallery CSS ===*/

.title {
	font-size: 30px;
	font-weight: bold;
	color: #161616;
	margin: 2em 0 1em 0;
	display: block;
}
.cleaner {
	clear: both;
}
ul {
	margin: 0;

}
ul.menu {
	width: 920px;
	height: 20px;
	margin-left: .5em;
}
ul.menu li {
	font-size: 10px;
	list-style-type: none;
	display: inline-block;
	font-weight: normal;
	padding: 2px 5px;
}



.selected {
	font-weight: 600;
	/*text-align: center;*/
	line-height: 12px;
	vertical-align: baseline;
	margin: 5px 3px 2px 3px;
	padding: 2px 3px 1px 3px;
	list-style-type: none;
	/* CSS3 Rounded Corners */
	margin: 10px auto;
	background: #111;
	border: 1px solid #bbb;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*border: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/

	/* The width of the gallery */

}
.selected a, .selected a:visited {
	color:  #fff;
}
a, a:visited {
	color: #161616;
	text-decoration: none;
}
#gallery .item li #thmbtxt {
	padding: 5px 0 10px 0;
	width: 220px;
	clear: both;
}
#gallery .item li #thmbtxt p {
	position:relative;
	top: -7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	text-align:center;
}
ul.item {
	float: left;
}
ul.item li {
	width: 230px;
	height: 200px;
	list-style-type: none;
	float: left;
	margin: 0;
}

ul.item li.last {
	width: 230px;
	height: 200px;
	list-style-type: none;
	float: left;
	margin: 0;
}

ul.item img {
	background-color: #ffffff;
	border: 1px solid #ccc;
	padding: 5px;
	width: 210px;
	height: 120px;
	float: left;
	position: relative;
	z-index: 10;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




/*=== Main Menu Thumbs ===*/

#thmb1 a, #thmb2 a, #thmb3 a, #thmb4 a, #thmb5 a, #thmb6 a, #thmb7 a, #thmb1 a, #thmb8 a, #thmb9 a, #thmb10 a {
	background-image:url(../wimages/thmbs.jpg);
	background-repeat: no-repeat;
	display : block;
	width: 140px;
	height : 70px;
	overflow: hidden;
	text-indent : -9999px;
}

#thmb1 {
}
#thmb1 a {
	display : block;
	background-position: 0px 0px;
}
#thmb1 a:hover {
	background-position: 0px -71px;
}
#thmb2 {
}
#thmb2 a {
	display : block;
	background-position: -141px 0px;
}
#thmb2 a:hover {
	background-position: -141px -71px;
}
#thmb3 {
}
#thmb3 a {
	display : block;
	background-position: -282px 0px;
}
#thmb3 a:hover {
	background-position: -282px -71px;
}
#thmb4 {
}
#thmb4 a {
	display : block;
	background-position: -423px 0px;
}
#thmb4 a:hover {
	background-position: -423px -71px;
}
#thmb5 {
}
#thmb5 a {
	display : block;
	background-position: -564px 0px;
}
#thmb5 a:hover {
	background-position: -564px -71px;
}
#thmb6 {
}
#thmb6 a {
	display : block;
	background-position: -0px -142px;
}
#thmb6 a:hover {
	background-position: -0px -213px;
}
#thmb7 {
}
#thmb7 a {
	display : block;
	background-position: -141px -142px;
}
#thmb7 a:hover {
	background-position: -141px -213px;
}
#thmb8 {
}
#thmb8 a {
	display : block;
	background-position: -282px -142px;
}
#thmb8 a:hover {
	background-position: -282px -213px;
}
#thmb9 {
}
#thmb9 a {
	display : block;
	background-position: -423px -142px;
}
#thmb9 a:hover {
	background-position: -423px -213px;
}
#thmb10 {
}
#thmb10 a {
	display : block;
	background-position: -564px -142px;
}
#thmb10 a:hover {
	background-position: -564px -213px;
}
/* ======== Back To Top Of Page Btn ======= */
/* initial visibility */


.btt {
	z-index:50;	
	display:block;
	position:fixed;
	bottom: 30px;
	right:10px;
	width:23px;
	height:45px;
	background:url(../wimages/css-sprite.png) -880px 0px no-repeat;
}
.btt:hover {
	background:url(../wimages/css-sprite.png) -904px 0px no-repeat;

}
.btt em {
	position: absolute;
	left: -10000px;
}
/* ===== Footer =======*/
#footerwrap {
	margin: 0 auto;
	width: 900px;
}
.footerminibox {
	width:147px;
	float:left;
	margin-right: 50px;

}
.footerbox {
	width:200px;
	float:left;
}
.aboutimage {
	float:left;
}
.aboutimage img {
	padding:0 18px 3px 0;
	width:80px;
	height:80px;
	margin-top:8px;
}
.footertitle {
	font-size:14px;
	margin-bottom:10px;
	color:#000;
}
.footertitle a {
	font-size:14px;
	margin-bottom:10px;
	color:#111;
}
.footertext {
	font-size:12px;
	line-height:10px;
	color:#7d7d7d;
}
.footertext a {
	color:#111;
}
.footertext a:hover {
	text-decoration:none;
	color:#000;
}
/* -------- Footer list style -------- */

.footerposts {
	font-size:16px;
	line-height:6px;
	color:#7d7d7d;
}
.footerposts ul {
	list-style:none;
	color:#7d7d7d;
	padding:0;
	margin:0;
	padding-top:5px;
	line-height:18px;	
}
.footerposts ul li {
	color:#7d7d7d;
	font-size:10px;
	/*line-height:18px;*/

}
.footerposts ul li a {
	font-size:10px;
	/*line-height:18px;*/
	color:#666;
}
.footerposts ul li a:hover {
	font-size:10px;
	/*line-height:18px;*/
	color: #000;
	text-decoration: none;
	font
}

.footerspace {
}
/* -------- Flickr  -------- */

.flickrfooterspace {
	margin-left:60px;
}
.footerflickrwrap {
	width:280px;
	float:left;
	margin:0;
	padding:0;
	margin-left:80px;
}
.footerflickr ul {
	list-style:none;
}
.footerflickr ul li {
	float:left;
	margin-right:38px;
	margin-bottom:38px;
}
.footerflickrimage {
	width: 40px;
	height:40px;
}
/* -------- Footer Address  -------- */
		
	.footeraddress {
	font-size:10px;
	line-height:12px;
	color:#7d7d7d;
}
.footeraddress ul {
	list-style:none;
		padding-top:5px;
}
.footeraddress ul li {
	font-size:10px;
	line-height:18px;
	color:#444;
}
.footeraddress ul li a {
	color:#333;
}
.footeraddress ul li a:hover {
	color:#111;
	text-decoration: none;
	color: #000;
}
/* -------- Copyright style -------- */

	#footerbarwrap {
	padding: 20px 0 20px 35px;
	margin: 0;
	background:#111;
	font-size:12px;
	color:#565656;
}
#footerbarwrap ul {
	font-family:verdana;
	font-size:10px;
	line-height:15px;
	color:#565656;
	list-style:none;
	margin:0;
	padding:0;
}
#footerbarwrap ul li {
	color:#565656;
}
#footerbarwrap ul li a {
	color:#fff;
}
.footeraddress ul li .ftlnk a {
	color: #8dc63f;
}
#hmetitle {
	font-size: 12px;
	color:#111;
	font-weight: normal;

}

#srvcstitle {
	font-size:18px;
	color:#111;
	font-weight: normal;
	padding-left: 10px;

}


#green {
	color: #8dc63f;
}
#black {
	color: #000;
}
#grey {
	color: #565656;
}

#orange {
	color: #ec7812;
}

#wrapper #greenlne {
	background-color: #efefef;
	background-repeat: repeat-x;
	height: 4px;
	width: auto;
	border-top: 1px solid #ccc;
}
.item li #thmbtxt h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #333;
	line-height: 12px;
}
#srvcscontainer {
	margin: 40px auto;
	
}
#srvcscontainer .srvctxt div ul li {
	list-style-type: none;
}

#srvcscontainer .srvctxtlst div ul li {
	list-style-type: none;
}


#crtsrvcscontainer {
	margin: auto;
	
}

.crtsrvctxttop {
	margin:auto;
	padding: 10px;
	border:2px solid #efefef;
	background-color: #fff;
	border-right: 2px solid dfdfdf;
	border-bottom: 2px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 890px;
	/* The width of the gallery */
	overflow:hidden;

}

#crtsrvcs div {
	padding: 5px;
}

.aboutmetxt {
	margin: 10px auto;
	padding: 10px;
	/*	backround: #111;
	border: 1px solid #000;*/
	border:2px solid #efefef;
	background-color: #fff;
	border-right: 2px solid dfdfdf;
	border-bottom: 2px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 890px;

	/* The width of the gallery */

}

.aboutmetxt div .description {
	width:440px;
	float:left;
	position:absolute;

}


.crtsrvctxt {
	margin: 10px auto;
	padding: 10px;
	/*	background: #111;
	border: 1px solid #000;*/
	border:2px solid #efefef;
	background-color: #fff;
	border-right: 2px solid dfdfdf;
	border-bottom: 2px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 890px;
	/* The width of the gallery */
	overflow:hidden;


}



.crtsrvctxtblk {
	margin: 10px auto;
	padding: 10px;
	/*	background: #111;
	border: 1px solid #000;*/
	border:2px solid #efefef;
	background-color: #fff;
	border-right: 2px solid dfdfdf;
	border-bottom: 2px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 890px;
	/* The width of the gallery */
	overflow:hidden;

}
.srvctxt {
	float: left;
	width: 260px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999;
	padding: 0px 15px 0px 5px;
	margin: 10px 5px  30px 20px;
}

.srvctxtlst {
	float: left;
	width: 260px;
	padding: 0px 15px 0px 5px;
	margin: 10px 5px  30px 15px;
}

.srvctxtmdl {
	float: left;
	width: 260px;
	padding: 0px 15px 0px 5px;
	margin: 10px 5px  30px 15px;
}

.srvctxt li {
	font-size: 10px;
}

#prtimage {
	margin: 10px auto;
	width: 836px;
	text-align:center;
}
.prttxt {
	margin: 10px auto;
	width: 810px;
	padding: 0 10px 0 10px;
}



.prttxt h2 {
	font-size:14px;
	color:#111;
	font-weight: normal;
	color: #ddd;
}
.prttxt p {
	font-family: Arial, Helvetica, sans-serif;
	color: #bbb;
}

#prtfolio .prttxt p a {
	color: #3CF;
}



/*  ------------- carousel --------------*/




/*--Main Container--*/
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:279px;	width: 930px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	font-size: 10px
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	width: 60px; height: 14px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 13px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	border:1px solid #ccc;
	background-color: #000;	
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/* The width of the gallery */
	display: inline-block;
	overflow:hidden;
	padding: 2px;

}


.paging a{
	background-image:url(../wimages/css-caradbtn.png);
	display: inline-block;
	background-position: 0px -15px;
	width: 11px;
	height: 14px;
	margin-right: 2px;
}

.paging a.active {
	background-image:url(../wimages/css-caradbtn.png);
	display: inline-block;
	background-position: 0px 0px;
	width: 11px;
	height: 14px;
	overflow:hidden;	
}

.paging a:hover {
	background-image:url(../wimages/css-caradbtn.png);
	display: inline-block;
	background-position: 0px 0px;
	width: 11px;
	height: 14px;
	overflow:hidden;
}


#bannernav {
	float: right;
	margin: 8px 25px 0 0;
	
}


.srvctitle {
	margin: auto;
	width: 880px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	line-height: 24px;
	color: #666;
	font-style: italic;
}
.crtsrvctxt div h3 {
	font-size: 1.4em;
	color:#111;
	font-weight: normal;
}

.crtsrvctxttop div h3 {
	font-size: 1.4em;
	color:#111;
	font-weight: normal;
}

.crtsrvctxt div p {
	color: #666;
}
.standardlst {
	padding-left: 50px;
}





/* 3.10 SERVICES PAGE
------------------------------------------------------------------------------------------------ */


	#crtsrvcs div li {
		margin-bottom:10px;
		padding-bottom:1px;
	}
	

	#crtsrvcs div .description {
	width:416px;
	float:left;
	position:absolute;
	display:inline;
	}

	
	#crtsrvcs div  li ul {
		padding-left:400px;
		padding-right:20px;
		margin-top:-20px;
		margin-bottom:20px;
	}
	#crtsrvcs div  li li {
		color:#757575;
		padding-left:55px;
		margin-bottom:16px;
	}

	#crtsrvcs div .description a.view_web_portfolio {
		float:left;
		margin-left:3px;
		width:250px;
		background:url(./_ui/images/btn-view_web_portfolio.gif) left top no-repeat;
	}
	
	#crtsrvcs div .description a.request_a_quote {
		float:right;
		margin-right:3px;
		width:129px;
		background:url(_ui/images/btn-request_a_quote_services.gif) left top no-repeat;
	}
	#crtsrvcs div .description a.top {
		float:right;
		margin-right:3px;
		width:55px;
		background:url(../images/btn-top.gif) left top no-repeat;
	}	
	#crtsrvcs div  .description a.view_logo_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../images/btn-view_logo_portfolio.gif) left top no-repeat;
	}
	#crtsrvcs div  .description a.view_illustration_portfolio {
		float:left;
		margin-right:3px;
		width:216px;
		background:url(../images/btn-view_illustration_portfolio.gif) left top no-repeat;
	}
	#crtsrvcs div  .description a.view_print_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../wimages/_ui/btn-view_print_portfolio.gif) left top no-repeat;
	}
	/* service icons */
		#crtsrvcs div li.list-arc {
			background:url(../wimages/_ui/list-arc.gif) left 12px no-repeat;
		}	
		#crtsrvcs div li.list-sale {
			background:url(../wimages/_ui/list-arc.gif) left 12px no-repeat;
		}		
		#crtsrvcs div li.list-sale {
			background:url(../wimages/_ui/list-sale.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-logo {
			background:url(../wimages/_ui/list-logo.gif) left 12px no-repeat;
		}		
		#crtsrvcs div li.list-beautiful_graphic {
			background:url(../wimages/_ui/list-beautiful_graphic.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-using_nature {
			background:url(../wimages/_ui/list-using_nature.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-css_xhtml {
			background:url(../wimages/_ui/list-css_xhtml.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-branding_your {
			background:url(../wimages/_ui/list-branding_your.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-green_branding {
			background:url(../wimages/_ui/list-green_branding.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-the_importance {
			background:url(../wimages/_ui/list-the_importance.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-scalable_vectors {
			background:url(../wimages/_ui/list-scalable_vectors.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-who_are {
			background:url(../wimages/_ui/list-who_are.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-long_term {
			background:url(../wimages/_ui/list-long_term.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-consistancy_across {
			background:url(../wimages/_ui/list-consistancy_across.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-professionalism {
			background:url(../images/list-professionalism.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-flow {
			background:url(../wimages/_ui/list-flow.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-click_through {
			background:url(../wimages/_ui/list-click_through.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-scale {
			background:url(../wimages/_ui/list-scale.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-user_experience {
			background:url(../wimages/_ui/list-user_experience.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-google_rank {
			background:url(../wimages/_ui/list-google_rank.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-ppc {
			background:url(../wimages/_ui/list-ppc.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-text_link {
			background:url(../wimages/_ui/list-text_link.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-keyword_optimization {
			background:url(../wimages/_ui/list-keyword_optimization.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-scalable_across {
			background:url(../wimages/_ui/list-scalable_across.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-crisp_graphics {
			background:url(../wimages/_ui/list-crisp_graphics.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-custom_icon {
			background:url(../wimages/_ui/list-custom_icon.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-west_coast {
			background:url(../wimages/_ui/list-west_coast.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-why_use {
			background:url(../wimages/_ui/list-why_use.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-web_standard {
			background:url(../wimages/_ui/list-web_standard.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-fast_loading {
			background:url(../wimages/_ui/list-fast_loading.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-cross_browser {
			background:url(../wimages/_ui/list-cross_browser.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-promoting_your {
			background:url(../wimages/_ui/list-promoting_your_business.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-brochures {
			background:url(../wimages/_ui/list-brochures.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-business_cards {
			background:url(../wimages/_ui/list-business_cards.gif) left 12px no-repeat;
		}
		#crtsrvcs div  li.list-outdoor_advertising {
			background:url(../wimages/_ui/list-outdoor_advertising.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-blog_design {
			background:url(../wimages/_ui/list-blog_design.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-valid_wordpress {
			background:url(../wimages/_ui/list-valid_wordpress.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-wordpress_themes {
			background:url(../wimages/_ui/list-wordpress_themes.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-rss_feeds {
			background:url(../wimages/_ui/list-rss_feeds.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-ruby_on {
			background:url(../wimages/_ui/list-ruby_on_rails.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-custom_programming {
			background:url(../wimages/_ui/list-custom_programming.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-ssl_certificates {
			background:url(../wimages/_ui/list-ssl_certificates.gif) left 12px no-repeat;
		}
		#crtsrvcs div li.list-solar_powered {
			background:url(../wimages/_ui/list-solar_powered.gif) left 12px no-repeat;
	}
	
	#crtsrvcs div ul {
	margin-right: 5px;
	float: right;
	width: 410px;
	text-decoration: none;
	list-style-type: none;
	height: 100%;
	}

	#crtsrvcs div li {
		background:none;
		color:#757575;
		padding-left:55px;
		margin-bottom:16px;

	}
	

	
#crtsrvcs div h2 {
		font-size:1.5em;
		font-weight: normal;
		padding-left: 10px;
	
}
div ul .list-custom_website h3 {
	line-height: 12px;
	vertical-align: baseline;
}

#aboutcrtsrvcs div ul {
	float: right;
	width: 300px;
	min-height: 100%;
	text-decoration: none;
	list-style-type: none;
	padding: 10px 5px 10px 5px;
	border:2px solid #ccc;
	background-color: #111;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* The width of the gallery */

	}


#aboutcrtsrvcs div li {
		background:none;
		color:#757575;
		padding-left:10px;
		margin-bottom:16px;

	}
#aboutcrtsrvcs div ul li h3 {
	color: #ec7812;
}
	
	
#aboutcrtsrvcs div {
	padding: 5px;
}	
	
#aboutcrtsrvcs div h2 {
		font-size:1.5em;
		font-weight: normal;
		padding-left: 5px;
	

}

#aboutcrtsrvcs div .description a.request_a_quote {
		float:right;
		margin-right:3px;
		width:129px;
		background:url(_ui/images/btn-request_a_quote_services.gif) left top no-repeat;
	}

#aboutcrtsrvcs div .description a.view_web_portfolio {
		float:left;
		margin-left:3px;
		width:152px;
		background:url(./_ui/images/btn-view_web_portfolio.gif) left top no-repeat;
	}
#aboutcrtsrvcs div ul li p {
	color: #CCC;
}
#mgallery {

}

#mgallery .gallery.clearfix li {
	display: inline;
	float: right;
	padding-right: 5px;
}

#cntcttxt {
	margin: 30px 20px 0 0;
	float: right;
	width: 300px;
	min-height: 100%;
	text-decoration: none;
	list-style-type: none;
	padding: 10px 15px 10px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* The width of the gallery */
	color: 666666;

	}
	
#cntcttxt a {
	color:#ff37ff;
	
	}
	
#cntcttxt h3 {
	color: #ec7812;
	
	}	
	
	
/*--Back to Portfolio Btn--*/
.prtbtn {
	width: 102px; 
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 19px;
	overflow:hidden;
	margin-left: 5px;

}


.prtbtn a{
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 500px -94px;
	width: 102px; 
	height: 19px;
}

.prtbtn a.active {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 500px -74px;
	width: 102px; 
	height: 19px;	
}

.prtbtn a:hover {
	background-image:url(../wimages/css-sprite.png);
	display: block;
	background-position: 500px -74px;
	width: 102px; 
	height: 19px;
}
	
.prtbtn em {
	position: absolute;
	left: -10000px;
}	
	
#wrapper #container #section #gallery #srvcscontainer #cntcttxt h2 {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
}