@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.4;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong {
	font-weight:bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body{
	background: #000000 url(http://cyberworxs.com/images/bg.jpg) no-repeat fixed;
	color:#fff;
	font-family: "Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;
}
#wrap {
		width:960px;
		margin: 0 0 0 0;
}

#header {
	height:120px;
	width:100%
	float:left;
}
.logo {
	width:396px;
	height:110px;
	float:left;
	margin: 10px 0 0 0;
}

#nav {
	width:500px;
	height:74px;
	float:left;
	border: 1px solid #000000;
	margin:0 0 0 20px;
}

.clear {
	clear: both;
}

.linebreak {
	background: transparent url(http://cyberworxs.com/images/white-spacer.png) repeat-x;
	width:960px;
	height:25px;
	float:left;
	margin: 0 0 20px;
}
.linebreak-footer {
	background: transparent url(http://cyberworxs.com/images/white-spacer.png) repeat-x;
	width:960px;
	height:25px;
	float:left;
}



#intro-header {
	height:310px;
	width: 960px;
	background: transparent url(http://cyberworxs.com/images/creative-warefare.png) no-repeat;
	float:left;
	margin: 0 0 0 0;

}


/****     Menu     ****/

.menu {
	float: right;
	margin: 28px 0 0 40px;
	padding: 0;
}

.menu ul {
	float: left;
	margin:0;
	padding:0;
}

.menu ul li {
	display: inline;
	margin:0;
	padding: 0 16px 0 0;
}

.menu ul li a, .menu ul li a:visited {
	text-decoration: none;
	color:#241c15;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	letter-spacing:-1px;
	margin:0;
	padding: 0 2px 4px 2px;
}



.menu ul li.active a {
	text-decoration: none;
	color:#000000;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	letter-spacing:-1px;
	margin:0;
	padding: 0 2px 4px 2px;
	border-bottom: 3px solid #54541F;
}

.menu ul li a:hover,.menu ul li a:visited:hover,.menu ul li.active a:hover {
	text-decoration: none;
	color:#949436;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	letter-spacing:-1px;
	margin:0;
	padding: 0 2px 4px 2px;
	border-bottom: 3px solid #949436;
}


#content {
	width:100%;
	float:left;

}

.section {

}

.item {
	width:302px;
	margin: 0 20px 50px 0;
	float:left;
	
}

.thumb {
	background: url(http://cyberworxs.com/images/thb-bg.png) repeat;
	border: 1px #000 solid;
	padding:5px;
	margin: 0 0 20px 0;
}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/****     Typo     ****/


h1, h2, h3, h4 {
	font-family: "Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;
}


h1 {
 	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-shadow: 0px 2px 5px #333;

}

h2 {
	color:#FFFFFF;
	font-size:24px;
	letter-spacing:-0.03em;
	margin-bottom:10px;
	text-shadow: 0px 2px 5px #333;
	text-transform:uppercase;
}

p {
	font-size: 1em;
	line-height:1.6em;
	margin:0 0 13px;
}

.tagline1 {
	font-size:28px;
	margin:36px 0 20px 40px;
	line-height:26px;
	font-style: italic;
	color:#eeeeee;
}

.tagline2 {
	font-size:50px;
	margin:0 0 0 95px;
	line-height:50px;
	color:#E8FFDD;
}

.TitleHeader {
	font-size:50px;
	line-height: 50px;
	margin:0 0 0 0;
	text-shadow: 0px 2px 5px #333;
}
.th-accent{
	font-size:25px;
}

.TitleSubHeader {
	font-size:24px;
	margin:0 0 10px 35px;
	text-shadow: 0px 2px 5px #333;
}

.ClientThemeHeader {
	font-size:24px;
	margin:-10px 0 10px 15px;
	text-shadow: 0px 2px 5px #333;
}

.qoute {
	font-size:34px;
	margin:-10px 0 10px 15px;
	text-shadow: 0px 2px 5px #333;
	font-weight:bold;
}

.testimony {
	font-size:30px;
	margin:-10px 0 10px 15px;
	text-shadow: 0px 2px 5px #333;
	font-weight:bold;
}


.FolioHeader {
	font-size:24px;
	margin:15px 0 0 0;
}

.FolioHeader a {
	color:#BCE0AC;
	font-weight:normal;
	text-decoration:none;
}

.FolioHeader a:link {
	text-decoration:none;
}

.FolioHeader a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

img.FolioAccent{
	margin-top:-1px;
	float:left;
}
img.FluerAccent{
	top:0px;
}

.foilnav{
	width:290px;
	height:80px;
}

.tagline3 {
	font-size:24px;
	margin:0 0 0 85px;
	line-height:26px;
}

.HighlightHeader {
	width:100%;
	height:77px;
}


.spacer {
	height: 75px;
}

/****     jcarousel     ****/


#folio-projects {
	height:170px;
	width:100%;
	margin:0;
	padding-left:40px;

}

.folio-project-item {
	margin: 0 30px 0 0;
	height:100%;
	width:286px;
	float:left;
}


.folio-thumb {
	border: 1px solid #424143;
}

#folio-projects ul { 
	margin:0; 
	padding:0; 

	}
	
#folio-projects ul li{ 
	display: inline;
	margin-right:100px;
	padding: 0;
	overflow: hidden;
}

#folio-projects a { 
			margin:0; 
			padding:0;
}
#folio-projects a:hover { 
			margin:0; 
			padding:0;
}

#folio-projects a img { 
			
			border:1px solid #444444; 
			width:246px;
			height:124px; 
			padding:20px;
			float:left;
}

html>body #folio-projects a img { 
			background:url(http://cyberworxs.com/images/bg-portfolio.png);
			 
} /* Hidden from IE */


#folio-projects a:hover img { 
			background: transparent url(http://cyberworxs.com/images/bg-portfolio-hvr.png) repeat scroll 0 0;
			border:1px solid #222;  
			padding:20px; 
}		
		



.AboutMe {
	width: 560px;
	float: left;
	margin: 30px 0 30px 40px;
	}
	
.AboutMe a {
	color:#5DBF33;
	font-weight:normal;
	text-decoration:none;
}

.AboutMe a:link {
	text-decoration:none;
}

.AboutMe a:visited {
}

.AboutMe a:active {
}

.AboutMe a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.AboutMe a.sub_active {
	color:#000000;
	font-weight:normal;
}





/* Twitter Juitter */

#tweetright {
	float:right;
	margin: 0 0 30px 0;
}

#juitterContainer {
	margin-top: 30px;
}
	
#juitterContainer ul {
	width: 310px;
	margin-top: 0;
	padding-top: 0;
}

	
#juitterContainer ul li span.tweet {
	background:  url(http://cyberworxs.com/images/tweetbg.png) repeat;
	color:#F2E4C9;
	padding: 20px;
	float: left;
	font-size: 18px;
	line-height: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top:50px;
}
	
.tweet_tail {
	background: url(http://cyberworxs.com/images/tweet_tail.png) no-repeat;
	width: 33px;
	height: 23px;
	position: absolute;
	margin-left: -40px;
	margin-top: -10px;
}
	
#juitterContainer ul li span.time {
	float: left;
	padding-left: 50px;
	font-size: 10px;
	padding-top: 10px;
}
	
#juitterContainer ul li a.JRM  {
	float: right;
	font-size: 10px;
	padding-top: 10px;
}
	
#juitterContainer ul li img {
	display:none;
}
	
#tweetbubble {
	background: url(http://cyberworxs.com/images/tweetbubble.png) no-repeat;
	width: 617px;
	height: 194px;
}
	
ul#twitter_update_list {
	padding: 30px;
	font-size: 180%;
	font-family: Helvetica,"Helvetica Neue", Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
}
	

a {
	color:#949436;
	font-weight:normal;
	text-decoration:none;
}

a:link {
	text-decoration:none;
}

a:visited {
}

a:active {
}

a:hover {
	text-decoration:underline;
}

a.sub_active {
	color:#000000;
	font-weight:normal;
}









/* footer */
#footerwrap, #footerwrap-folio {
	width:960px;
	background: url(http://cyberworxs.com/images/tweetbg.png) repeat top left;
	height:665px;
}

.footerlft, .footerlft-folio{
	width:560px;
	height:565px;
	padding-top:20px;
	margin: 0 0 0 40px;
	float:left;
}


.footerlft a {
	color:#F2BFAC;
	font-weight:normal;
	text-decoration:none;
}

.footerlft a:link {
	text-decoration:none;
}

.footerlft a:visited {
}

.footerlft a:active {
}

.footerlft a:hover {
	text-decoration:underline;
}


.footerrgt{
	background: url(http://cyberworxs.com/images/tweetbg.png) repeat top left;
	width:270px;
	height:316px;
	padding:10px;
	margin: 10px 10px 0 0;
	float:right;
	border: 1px solid #444;

}

.footerlft h3, .footerlft-folio h3 {
	border:medium none;
	color:#949436;
	font-weight:bold;
	margin:0;

	text-transform:uppercase;
}

.footerlft h3 {
	font-size:28px;
	padding:10px 0 12px;
}

.footerlft-folio h3{
	font-size:28px;
	padding:10px 0 0 0;
}

.footerrgt h3 {
	color:#949436;
	font-size:32px;
	line-height: 32px;
	margin:0;
	text-transform:uppercase;
}
.footerrgt h4 {
	color:#949436;
	font-size:18px;
	line-height:18px;
	margin:0 0 20px 23px;
	text-transform:uppercase;
}

ul li a.footerejs, ul li a.footejs:visited {
	background:transparent url(../images/footer_ejs.jpg) no-repeat scroll 0 0;
	color:#D6D6CE;
	font-size:14px;
	font-weight:400;
	list-style-type:none;
	margin:0 0 12px;
	padding:5px 0 5px 25px;
}

ul li a.footercss, ul li a.footcss:visited {
	background:transparent url(../images/footer_css.jpg) no-repeat scroll 0 0;
	color:#D6D6CE;
	font-size:14px;
	font-weight:400;
	list-style-type:none;
	margin:0 0 12px;
	padding:5px 0 5px 25px;
}

ul li a.footerbw, ul li a.footcbw:visited {
	background:transparent url(../images/footer_bw.jpg) no-repeat scroll 0 0;
	color:#D6D6CE;
	font-size:14px;
	font-weight:400;
	list-style-type:none;
	margin:0 0 12px;
	padding:5px 0 5px 25px;
}

ul li a.footersm, ul li a.footersm:visited {
	background:transparent url(../images/footer_sm.jpg) no-repeat scroll 0 0;
	color:#D6D6CE;
	font-size:14px;
	font-weight:400;
	line-height: 16px;
	list-style-type:none;
	margin:0 0 12px 0;
	padding:5px 0 5px 25px;
}

ul li a.footerbitt, ul li a.footerbitt:visited {
	background:transparent url(../images/footer_bitt.jpg) no-repeat scroll 0 0;
	color:#D6D6CE;
	font-size:14px;
	font-weight:400;
	list-style-type:none;
	line-height: 16px;
	margin:0 0 12px;
	padding:0 0 5px 73px;
}
#footernav {
	font-family: Helvetica,"Helvetica Neue", Arial, sans-serif;
	margin:0 0 0 0;
	float:right;
}

#footernav ul {
	margin: 0;
	padding:0;
}

#footernav ul li{
	font-size: 0.75em;
	display: inline;
	margin:0;
	padding: 0 30px 0 0;
}

#footernav ul li a{ 
	color:#777777;
}


#copy {
	color:#777777;
	font-family: Helvetica,"Helvetica Neue", Arial, sans-serif;
	background: black;
	margin:20px 0 0 0;
	padding:10px 0 15px 20px;
	width:940px;
}

#copy p {
	font-size:0.625em;
}

.PageHeader {
	width: 100%px;
	float: left;
	margin: 30px 0 0 40px;
	}

.socialmedia {
	font-family:Helvetica,"Helvetica Neue", Arial, sans-serif; 	
	font-size:16px;
	text-transform: lowercase;
	margin:0 0 0 20px;

}

.socialmedia img {
	vertical-align: middle;
	margin: 0 10px -5px 0;
}

.socialmedia a {
	color:#BCE0AC;
	font-weight:normal;
	text-decoration:none;
}

.socialmedia a:link {
	text-decoration:none;
}

.socialmedia a:hover {
	color:#FFFFFF;
}






/* about page */

#AboutBio{
	width: 100%;
	margin:30px 0 30px 40px;
}

.About-col1 {
	width:290px;
	float:left;
}

.About-col2 {
	width:625px;
	float:left;
	margin: 0 0 60px 0;
}

.About-col2 a {
	color:#DECD94;
	font-weight:normal;
	text-decoration:none;
}

.About-col2 a:link {
	text-decoration:none;
}

.About-col2 a:visited {
}

.About-col2 a:active {
}

.About-col2 a:hover {
	text-decoration:underline;
	color:#ffffff;
}


p.intro {
	font-size:1.75em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:35px;
}

p.intro-services {
	font-size:1.15em;
	font-weight:bold;
	line-height:1.7em;
	margin-bottom:35px;
}

p.headline-services {
	font-size:1.15em;
	font-weight:bold;
	line-height:1.7em;
	margin-bottom:15px;
}

p.servicesdetails{
	padding-left:20px;
}
p.servicesheadline {
	font-size:1.1em;
	margin: 0 0 0 0;
}


/* folio page */

ul#folio_list li {
	float: left;
	margin-right: 49px;
    width: 234px;
    height: 180px;
    background: transparent url(http://cyberworxs.com/images/bg-portfolio.png) repeat scroll 0 0;
    border: 1px solid #444444;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px 0px #333333;
    -moz-box-shadow: 0px 0px 5px 0px #333333;
    -webkit-box-shadow: 0px 0px 5px 0px #333333;
    margin-bottom: 25px;
    line-height: 13px;
    font-family: Arial;
	}
ul#folio_list li cite {
	font-size: 13px;
	}
	
ul#folio_list li.first {
	clear: both;
	}
	
ul#folio_list li.end {
	margin-right: 0;
	}
	
#folio_list a {
	color: #fff; 
}
#folio_list a:hover {
	color:#5DBF33; 
	text-decoration: none;
}
	
#folio_list a img {
	border:1px solid #fff; 
}

#folio_list a img:hover {
	border:1px solid #000; 
}




.FolioWrap {
	width: 100%;
	float: left;
	margin: 30px 0 200px 40px;
}

.foliolft{

	width:510px;
	float:left;
	margin: 0 0 30px 40px;
}

.foliorgt {
	width:400px;
	float:left;

}

.folio-item-wrap {
	margin:0 30px 10px 0;
}


.folio-item {
	-moz-box-shadow:0 0 10px 0 #333333;
	background: transparent url(http://cyberworxs.com/images/bg-portfolio.png) repeat scroll 0 0;
	border: 1px solid #444444;
	margin:0 0 20px 10px;
	padding:20px;

}

.foliorgt ul{
	list-style-style: none;
}

.foliorgt ul li{
	margin-bottom:10px;
}