@font-face {
	font-family:"Accidental Presidency";
	src: url('../fonts/xzc.eot');
	src: local('?'), url('../fonts/xzc.woff') format('woff'), url('../fonts/xzc.ttf') format('truetype'), url('../fonts/xzc.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
img
{
border:none;
}
form,ul,li,h1,h2,h3,h4,h5,h6,span,td,div,p
{
margin:0px;
padding:0px;
}
ul,li
{
margin:0px;
padding:0px;
background:none;
list-style:none;
}
a,a:hover
{
text-decoration:none;
border:none;
color:#000000;
}
/*-------------------------------------------------------Site--------------------------------------------------------*/
.wrapper
{
width:100%;
height:auto;
float:left;
background:url(../images/web-designs-body-bg.png) #fcfbf7 repeat-x;
}
.page
{
width:1024px;
height:auto;
margin:0px auto;
}

/*-------------------------------------------------------Header--------------------------------------------------------*/
.header-full
{
width:100%;
height:auto;
float:left;
}
.header
{
width:1024px;
height:auto;
margin:0px auto;
}
.logo-part
{
width:1024px;
height:90px;
float:left;
background:url(../images/web-designs-logopart-bg.png) no-repeat;
}
.logo
{
width:356px;
height:90px;
float:left;
}
.menu-part
{
width:668px;
height:70px;
float:left;
padding:20px 0px 0px 0px;
}
.menu-part h1
{
width:341px;
height:24px;
float:right;
text-align:right;
padding-bottom:8px;
margin:0px;
}
.menu
{
width:668px;
height:auto;
float:left;
}
.menu-left
{
width:70px;
height:auto;
float:left;
}
.menu-bg
{
width:598px;
height:38px;
float:left;
background:url(../images/menu-bg.png) repeat-x;
}
.menu-bg ul
{
margin:0px;
padding:0px;
}
.menu-bg ul li
{
display:inline-block;
float:left;
background:url(../images/divater.png) no-repeat;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
height:38px;
line-height:35px;
padding:0px 30px 0px 35px;
}
.menu-bg ul li a
{
color:#FFFFFF;
text-decoration:none;
}
.banner-part
{
width:1024px;
height:auto;
margin:0px auto;

}
/*-------------------------------------------------------Content--------------------------------------------------------*/
.content
{
width:1024px;
height:auto;
margin:0px auto;
}
.content-full
{
width:100%;
height:auto;
float:left;
background:url(../images/content-bg2.png) center repeat-y;
}
.content-left
{
width:737px;
height:auto;
float:left;
background:url(../images/content-left-bg2.png) right top no-repeat;
margin-right:2px;
}
.welcome-part
{
width:703px;
height:auto;
float:left;
padding:0px 0px 0px 34px;
}
.welcome-part h1
{
width:703px;
float:left;
padding:26px 0px 0px 0px;
}

.welcome-part h2
{
width:642px;
float:left;
font-size:12px;
color:#333333;
text-align:justify;
line-height:16px;
font-weight:normal;
padding:14px 0px 35px 5px;
}

.our-work
{
width:703px;
height:auto;
float:left;
margin:0px 0px 0px 34px;
}
.our-work-title
{
width:642px;
height:auto;
float:left;
margin-right:61px;
padding-bottom:10px;
background:url(../images/border.png) bottom repeat-x;
}
.our-work-title span
{
float:right;
width:100px;
height:auto;
text-align:right;
padding-top:10px;
}
.our-work-slider
{
width:652px;
height:auto;
float:left;
margin-right:51px;
}

.sidebar
{
width:263px;
height:auto;
float:left;
padding-left:22px;
}

.client
{
width:263px;
height:auto;
float:left;
}

.client-title
{
width:250px;
height:auto;
float:left;
margin-top:20px;
background:url(../images/border.png)  bottom repeat-x;
padding-bottom:3px;
}
.client-text
{
width:250px;
height:auto;
float:left;
padding-bottom:10px;
}

.client-text h2
{
width:250px;
height:auto;
float:left;
font-size:11px;
font-weight:normal;
font-style:italic;
color:#817a7a;
padding:7px 0px 3px 0px;
}
.client-text h3
{
width:250px;
height:auto;
float:left;
font-size:12px;
color:#0099cc;
font-weight:bold;
font-style:italic;
}
.client-text h1
{
width:250px;
height:auto;
float:left;
color:#0389d9;
font-size:12px;
font-weight:bold;
padding:5px 0px 0px 0px;
}
.client-text h1 a
{
width:250px;
height:auto;
float:left;
color:#0389d9;
font-size:12px;
font-weight:bold;
padding:5px 0px 0px 0px;
text-decoration:none;
}
.client-text h4
{
width:250px;
height:auto;
float:left;
font-size:11px;
font-weight:normal;
color:#817a7a;
text-align:justify;
}

/*-------------------------------------------------------Footer--------------------------------------------------------*/
.footer-full
{
width:100%;
height:auto;
float:left;
background:url(../images/content-bg2.png) center repeat-y;
}
.footer
{
width:1024px;
height:auto;
margin:0px auto;
}
.footer-menu-part
{
width:996px;
height:243px;
float:left;
background:url(../images/footer-bg.png) no-repeat;
padding-top:44px;
padding-left:28px;
}
.hire
{
width:226px;
height:auto;
float:left;
}
.hire h1,.page h1,.twitter h1,.contact h1
{
font-family:"Accidental Presidency", arial;
font-size:30px;
color:#007bbe;
font-size:30px;
font-weight:normal;
width:200px;
height:auto;
float:left;
}
.hire ul,.page ul
{
margin:0px;
padding:0px;
}
.hire ul li,.page ul li
{
background:url(../images/plus.png) 0px no-repeat;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
padding:0px 0px 0px 20px;
width:174px;
height:auto;
float:left;
border-bottom:#535353 dotted 1px;
padding-bottom:8px;
padding-top:8px;
}
.hire ul li,.page ul li a
{
color:#FFFFFF;
text-decoration:none;
}
.page
{
width:212px;
height:auto;
float:left;
}
.twitter
{
width:300px;
height:auto;
float:left;
margin-left:18px;
}
.twitter h2
{
width:241px;
height:171px;
float:left;
background:url(../images/twitter.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
margin-top:14px;
padding:18px 60px 0px 17px;
}

.twitter h2 span
{
width:100px;
color:#007bbe;
float:left;
}

.contact
{
width:240px;
height:auto;
float:left;
}
.contact h2
{
width:210px;
height:auto;
float:left;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
border-bottom:#535353 dotted 1px;
padding-bottom:8px;
margin-bottom:10px;
}
.contact h3
{
width:210px;
height:auto;
float:left;
}
.copyright-part
{
width:1001px;
height:26px;
float:left;
background:url(../images/copyright-bg.png) no-repeat;
padding-top:10px;
padding-left:33px;
}
.copyright-part-text
{
width:524px;
height:auto;
float:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
}
.copyright-part-text span
{
color:#007bbe;
}
.copyright-part-img
{
width:450px;
height:auto;
float:left;
text-align:right;
}

/*-----------------------------------------About--------------------------------*/
.welcome-part h3
{
width:642px;
float:left;
font-size:12px;
color:#333333;
text-align:justify;
line-height:16px;
font-weight:normal;
padding:10px 0px 0px 5px;
}

.client-text
{
width:250px;
height:auto;
float:left;
}

.client-text ul
{
margin:0px;
padding:10px 0px 0px 0px;
}
.client-text ul li
{
background:url(../images/web-designs.png) 0px 2px no-repeat;
font-size:12px;
color:#817a7a;
font-weight:bold;
padding:7px 0px 0px 35px;
height:25px;
}
.client-text ul li a
{
color:#817a7a;
text-decoration:none;
}


.welcome-part h5
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
padding-bottom:5px;
float:left;
width:400px;
padding-left:5px;
padding-top:5px;
}
.welcome-part h5 span
{
color:#FF9933;
}
.contact-form-input
{
width:180px;
height:22px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
margin:5px 0px 0px 2px;
}
.contact-form-text
{
width:500px;
height:100px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
margin:5px 0px 0px 2px;
}
.contact-form-text2
{
width:300px;
height:100px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
margin:5px 0px 0px 2px;
}
.welcome-part h6
{
width:400px;
padding-left:5px;
margin-top:10px;
float:left;
padding-bottom:20px;
}

/*-------------------------------------------------------Slideshow---------------------------------------*/
/* Gallery styles */

#gallery{
width:1024px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:242px;
    /* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:1024px;
	overflow:hidden;
	}

.slide{
	float:left;
}

#menu{
background:url(../images/slide-menu-bg.png) repeat-x;
height:77px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{

	display:inline-block;
	list-style:none;
	height:72px;
	overflow:hidden;
	background:url(../images/border-slider.png) right no-repeat;
	padding:0px 29px 0px 27px;
	padding-top:5px;
	width:auto;
	float:left;
}

#menu li.inact:hover{

}

#menu li.act,li.act:hover{
	background:url(../images/down22.png) bottom  right no-repeat;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

#menu a img{
	border:none;
}


/* The styles below are only necessary for the demo page */



#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:1024px;
	position:relative;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}


/*-----------------------------------Slider2---------------------------------------*/

	#slider{
	padding-top:20px;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
        width:647px;
		height:140px;
		overflow:hidden;
       padding:0px 0px 0px 0px;
		text-align:center;
		padding-top:5px;
		float:left;
		}	
		
		.slide2
		{
		 width:647px;
		height:125px;
		float:left;
		}
		.slide2 span
		{
		height:125px;
		width:323px;
		float:left;
		background:url(../images/slide-bg.png) no-repeat;
		text-align:center;
		padding-top:5px;
		}
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:787px;
		top:0px;
		
		}	
	#nextBtn{ 
		left:810px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/right.png) no-repeat 0 0;	
		}
		
		  .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
			top:600px;
			}
/*************************************************************************************************/

		.portfolio
		{
		width:703px;
		height:auto;
		float:left;
		}
		
		.portfolio ul
		{
		margin:0px;
		padding:20px 0px 0px 0px;
		}
		
		.portfolio ul li
		{
		display:inline-block;
		width:348px;
		float:left;
		padding-bottom:20px;
		}
		
		.portfolio h3
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#565454;
		font-weight:bold;
		width:323px;
		float:left;
		margin:0px;
		padding:10px 0px 5px 5px;
		}
		.portfolio h4
		{
		height:125px;
		width:323px;
		float:left;
		background:url(../images/slide-bg.png) no-repeat;
		text-align:center;
		padding-top:5px;
		}
		
		.sub-title-menu
		{
		width:1024px;
		height:77px;
		float:left;
		background:url(../images/slide-menu-bg.png) repeat-x;
		}
		
		.sub-title-menu ul
		{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		
		.sub-title-menu ul li
		{
		display:inline-block;
		float:left;
		height:57px;
		background:url(../images/down22.png) no-repeat right;
		padding:20px 25px 0px 25px;
		}
		.sub-title-menu ul li a
		{
		}
		.banner-inner-part
		{
		width:1024px;
		height:242px;
		float:left;
		background:url(../images/content-bg22.png) center repeat-y;
}

.twitted {
	width: 16em;
	color:#FFFFFF;
}

.twitted h2 {
	font-size: 1em;
		color:#FFFFFF;
}



.twitted p.preLoader {
	margin: 0;
		color:#FFFFFF;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}


.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
		color:#FFFFFF;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
		color:#FFFFFF;

}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
		color:#FFFFFF;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
		color:#FFFFFF;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}
.twitted ul#twitter_update_list li a:hover {
	/* timestamp link */
	color: #f00;
	text-decoration:none;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
		color:#FFFFFF;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color:#FFFFFF;
}