/* Zero All */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;font-family: "Lucida Grande" Verdana, Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* Tags */
body {
	background: url(images/xbg.gif) repeat #101010;
	margin: 5% auto;
	padding:0;
	width:100%;
	}
	
body, td {
	font: 62.5%/1.8em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
	}
	
a:link,
a:visited {
	text-decoration:underline;
	color:#f60/*fcfcfc*/;
	}

a:hover,
a:active {
	text-decoration:none;
	color:#c60;
	}
	
h1 {
	color:#;
	font-size: 2em;
	line-height: 1em;
	letter-spacing:.08em;
	text-transform:uppercase;
	}

h2 {
	font-size: 1.8em;
	line-height:2em;
	color: #;
	letter-spacing:.08em;
	}

h3 {
	font-size: 1.4em;
	color:#;
	}

h4, h5, h6 {
	font-size: 1.2em;
	}

/* approx 12/14 */
p, ul, ol {
	font-size: 1.18em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}

strong, b {
	font-size:1.08em;
	font-weight:bold;
	color:#d5d6cb/*efefef*/;
	}
em {
	font-style:italic;
	}

ul, li {
	/*list-style:url(../images/bullet.jpg) inside;*/
	}

li {padding-left:0;}

blockquote {
	border:3px double #3a3a3a;
	padding: 1em 2em 0 2em;
	margin-bottom:2em;
	color:#b4b4b4;
	letter-spacing:1px;
	background-color:#565656;
	}
	
blockquote b, blockquote strong {
	font-size:1em;
	}
	
form {
	margin: 0 2em 2em 2em;
	padding: 0 1em 1em 1em;
	}
	
/*td {
	padding:.6em;
	}*/
	
input {
	font-size:1.1em;
	color:#f60;
	background-color:#322f2b;
	border-bottom:1px solid #000;
	border-right:1px solid #222;
	border-left:1px solid #999;
	border-top:1px solid #b4b4b4;
	margin-right:1em;
	padding:.2em;
	margin-bottom: .4em;
	}
	
form td {
	font-size:11px;
	}

/*IDs*/
#main_box {
	background-color: #666;
	border: 1px solid #666;
	width: 770px;
	height: 430px;
	}
	
#nav {
	background: url(images/navbg.gif) repeat-x #424242;	
	border-top: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 1px solid #282828;
	border-left: 1px solid #363636;
	width: 770px;
	height:80px;
	}
	
#pic {
	/*border-top:1px solid #242424;*/
	border-right: 1px solid #363636;
	border-left: 1px solid #363636;
	border-bottom:1px solid #767676;
	}
	
#footer {
	color:#545454;
	font-size:9px;
	text-align:right;
	}
	
#company {
	background-color:#666;
	padding: 4em 12em 4em 21em;
	height: 235px;
	text-align:justify;
	}
	
#services {
	background-color:#666;
	padding: 2em 3em 2em 7em;
	height: 235px;
	}
#services strong {
	text-transform:uppercase;
	font-size: 1.1em;
	}
	
#portfolio {
	background-color:#666;
	height: 349px;
	border-top: 1px solid #767676;
	}
	
#casestudies {
	background-color:#666;
	height: 349px;
	border-top: 1px solid #767676;
	padding-bottom: 13px;
	}
#casestudies td {
	border-top: 1px solid #767676;
	border-right: 1px solid #424242;
	border-bottom: 1px solid #282828;
	border-left: 1px solid #363636;
	}
	
#case {
	background-color:#666;
	text-align:justify;
	}
	
#jobs {
	background-color:#666;
	padding: 4em 8em 4em 21em;
	height: 235px;
	text-align:justify;
	}
	
#contactus {
	background-color:#666;
	height: 349px;
	padding-top: 2em;
	padding-left:6em;
	border-top: 1px solid #767676;
	}

/*CLASSES*/

.unnamed1 {
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-position: left;
	letter-spacing: normal;
	text-align: justify;
	vertical-align: baseline;
	word-spacing: normal;
	}

.rolloverlinks {
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*color: #CCCCCC;*/
	text-decoration: none;
	background-position: left;
	}

.rolloverlinks:hover {
	/*color: #FFFFFF;*/
	text-decoration: none;
 	}
	
a.backbar {
	 text-decoration:none;
	 }
	
.back {
	margin: 0 0 1em 0;
	padding: 1em 0 .5em 0;
	border-top: 1px solid #424242;
	border-bottom: 1px solid #878787;
	width:100%;
	height:2em;
	/*background: url(xbg.gif) repeat #2d2d2d;*/
	background-color:#3a3a3a;
	text-align:left;
	clear:both;
	}
	
a .back:hover {
	background-color:#424242;
	}

.left {
	float:left;
	}
.right {
	float:right;
	}
.center {
	margin: 0 auto;
	text-align:center;
	width:100%;
	}
.clear {
	clear:both;
	}

.fieldstyle {
	font-size:11px;
	margin-bottom:.6em;
	padding:.2em;
	background-color:#d5d6cb;
	color:#000/*F60*/;
	border-top:1px solid #000;
	border-left:1px solid #222;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.xdesigncopy {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	text-decoration: none;
	}
#main_box #twitter {
	float: right;
}
#main_box #twi {
	float: right;
}
#main_box #xlogo {
	width: 513px;
	float: left;
	height: 400px;
}
#main_box #twitter_div {
	padding-top: 15px;
	padding-right: 8px;
	padding-left: 8px;
}