/*reset*/
html, body, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
	color: #886964;
}
body {
	line-height: inherit;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

.clearer { height: 0px; overflow: hidden; margin: 0px; clear: both; }
.floater	{float:left; height:50%; margin-bottom:-120px;}
.content	{clear:both; position:relative;}
/* Link */
a { color:#c26306; text-decoration:none;}
a:link, a:visited { color: #c26306; text-decoration: none; }
a:active, a:hover { color: #b80707; text-decoration: underline }

h2 {font-size:55px; font-weight: normal; color:#745E57;margin: 5px 0 6px 0; letter-spacing: -1.5px;}
h3 {font-size:40px;font-weight:normal; color:#D96D97;margin: 20px 0 30px 0;letter-spacing:-1px;}
h5 {font-size:30px;font-weight:normal; color:#8FCDC5;margin: 10px 0 10px 0;letter-spacing:normal;}
p {line-height:18px; font-size:13px;margin:0 0 10px 0;}
#portfolio p {line-height:19px; font-size:13px;margin:0 0 30px 0;}



body {background:#fff;font:12px "Century Gothic", arial, Helvetica, sans-serif;color:#444;}
.container {width:960px;margin: 0 auto; clear:both;position:relative;}
.logo {width:370px;height:120px; margin:20px 0 0 340px;}

/* header */
#header-wrap {float: left;
  height: 80px;
  width: 100%;
  background: url(../images/divn.jpg) top left repeat-x;
  margin-top:0;
}



/*navigation*/
.TopNavigation {background:url(../images/jav9.png) no-repeat; 
width:945px; height:110px; float:left; 
	margin: 45px 20px 0 0;
	padding: 20px 12px 0px 0;
}
.social {width:90px; height:60px;float:right; padding: 15px 0 0 0;}
.navtab {float: left; width:549px; height:80px; padding: 8px 10px 1px 79px; margin: 12px 0px 30px 2px;}
ul.nav {width:960px;margin: 0 0 0 270px;width: 450px;}
ul.nav li {float:left;display:inline;margin:20px 60px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}
ul.nav a {color:#666;text-decoration:none;}
ul.nav a:hover {color:#ae5b02;}
ul.nav .active {color:#ae5b02;border-bottom:1px solid #ae5b02;}

















.style_SkipStroke_2 {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke_3 {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke_1 {
    background: transparent;
    opacity: 1.00;
}
.graphic_image_style_default_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.graphic_textbox_layout_style_default {
    padding: 4px;
}
.graphic_textbox_layout_style_default_External_367_457 {
    position: relative;
}
.graphic_textbox_style_default_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.bumper {
    font-size: 1px;
    line-height: 1px;
}
.spacer {
    font-size: 1px;
    line-height: 1px;
}
body { 
    -webkit-text-size-adjust: none;
}
div { 
    overflow: visible; 
}
img { 
    border: none; 
}
.InlineBlock { 
    display: inline; 
}
.InlineBlock { 
    display: inline-block; 
}
.inline-block {
    display: inline-block;
    vertical-align: baseline;
    margin-bottom:0.3em;
}
.inline-block.shape-with-text {
    vertical-align: bottom;
}
.vertical-align-middle-middlebox {
    display: table;
}
.vertical-align-middle-innerbox {
    display: table-cell;
    vertical-align: middle;
}
div.paragraph {
    position: relative;
}
li.full-width {
    width: 100;
}



/*--------------end of Headers ------------------*/


/*Cu3er slider*/
#slider {margin: 0 0 0 10px;}
.shadow {margin:0 0 50px 50px;}

#containerAbout {width:960px;}
.rightAbout {float:left;background:url(../images/myskills.png) no-repeat top right; width:290px;height:445px; margin:5px 5px 3px 0;}
.leftAbout {float:left;width:640px;background:url(../images/thatme.png) no-repeat bottom right;border-right:1px solid #b1b1b1;}
.leftAbout p {padding:0 280px 0 0;}
#skills {width:960px;height:80px;background:url(../images/mylan.png) no-repeat top center;margin:20px 0 50px 0;}
#skills ul {margin: 0 0 0 270px;list-style:none;padding-top:30px;}
#skills li {display:inline;margin:40px 40px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}

/*twitter*/
ul#twitter_update_list li {list-style-type:none;padding: 0 0 15px 0;color:#000;margin:0;}
ul#twitter_update_list .divisor {height:1px;border-bottom:1px solid #b1b1b1;}
ul#twitter_update_list .data {color:#6b6c69;}
ul#twitter_update_list .data:before {content:"#[";}
ul#twitter_update_list .data:after {content:"]";}
ul#twitter_update_list a:link, ul#twitter_update_list a:visited {color:#ab4b05;text-decoration:none;}
ul#twitter_update_list a:hover, ul#twitter_update_list a:active {color:#ab4b05;text-decoration:underline;}

.quote {background:url(../images/quote.gif) no-repeat top left; padding: 20px 0 0 60px; border-top:1px dashed #b1b1b1;}
#role {width:935px;height:110px;background:url(../images/role-wrap.png) no-repeat top left;margin:107px 0 32px 0;}
.brands {width:960px;margin-top:30px;;}
.brands ul {padding:3px 0 2px 3px;}
.brands li {width: 945px; display:inline;margin:40px 40px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.brands li:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}


/*contact form*/
#form {width:570px;margin: 20px 0 40px 0;float:left;}
.notification_error{border: 2px dotted #966;height: 70px;color: #F9C;width: 457px;padding: 15px 10px 10px 5px;background:url(../images/smsmileys19.gif) no-repeat center right #fff;text-align:left;-moz-border-radius:5px;margin-bottom:10px;}
.notification_ok{border: 1px #969 solid;height: 35px;width: 90%;padding: 5px;background: #6CC;text-align: center;-moz-border-radius: 5px;margin-bottom:8px;}
label  { width: 100px; margin: 5px; float: left; text-align:left;}
textarea{width:400px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #C99; border-left-color: #C99; color: #F3C; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.button {margin: 0 0 0 5px;}
br { clear: left; }
.textbox {width:400px;height:30px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #966; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.textbox2 {height:140px;color: #79535B; font: 11px Verdana, Helvetica, Arial, sans-serif;-}

/*contact info*/
#contactInfo {float:left;width:346px; height:300px; margin:22px 0 26px 1px; background:url(../images/cinfo.png) no-repeat top left;}
.bolder {font-weight:bold;font-size:24px;letter-spacing:-1.5px;}

p.footer {text-align:center;font-size:11px;margin: 0 0 20px 0;border-top:1px dashed #b1b1b1;}





#footerBg {background:url(../images/bir.png)  no-repeat bottom;
	margin: 0 0 0 0;
	position: relative;
	top: 30px;
	width: 100%;
	min-height: 800px;
	background-color: #0c0c0c;
	text-align: center;
	clear: both;
}

#footer{

	width: 960px;
	margin: auto;
	text-align: left;
	display: block;

}


/* FOOTER LINKS ------------------------------------------ */

#footer a:link {
	color: #6CC;
	font-size: 1em;
	padding: 5px 5px 5px 5px;
	background-color: transparent;
}

#footer a:visited {
	color: #966;
	font-size: 1.1em;
	padding: 5px 5px 5px 5px;
	background-color: transparent;
}

#footer a:hover{
	color: #A38D85;
	background-color: #222;
	text-decoration: none;
}

#footer a:active{
	color: #cfc8c1;
	background-color: #222;
	text-decoration: none;
}

.footerColumn{
	position: relative;
	left: 5px;
	float:left;
	width: 226px;
	margin: 35px 22px 0 0;
	height: 250px;
	
}
	
.firstColumn{
	float:left;
	width: 226px;
	margin: 35px 22px 0 0;
	height: 250px;
		
}

#footer .firstColumn .topButton {
		position: relative;
		top: 33px;
		left: -10px;
		margin:0 0 0 0;
}

/* FOOTER LINKS ------------------------------------------ */

#footer .firstColumn .topButton a:link {
		font-size: 1.1em;	
		font-weight: bold;
		color: #39C;
		padding: 3px 5px 3px 5px;
		border: none;
		margin-top: 50px;
}

#footer .firstColumn .topButton a:visited {
		font-size: 1.1em;	
		font-weight: bold;
		color: #F39;
		padding: 3px 5px 3px 5px;
			
		margin-top: 70px;
}

#footer .firstColumn .topButton a:hover {
	color: #cfc8c1;
	background-color: #222;
}

#footer .firstColumn .topButton a:active {
	color: #cfc8c1;
	background-color: #95745E;
}

#footer .firstColumn .topButton img {
	margin: 0 7px 0 0;
}

.lastColumn{
	position: relative;
	left: 5px;
	float:left;
	width: 226px;
	margin: 35px 22px 0 0;
	height: 250px;
		
}

#footer ul {
	position: relative;
	left: 5px;
	list-style: none; /* Remove the bullet points from the list */
}
	

#footer ul li {
	margin: 0 0 10px 0;
}
	
#footer .lastColumn ul {
	position: relative;
	left: 0px;
	list-style: none; /* Remove the bullet points from the list */
}

#footer .lastColumn ul li {
	position: relative;
	margin: 0 0 7px 0;
	height: 20px;
}

/* FOOTER ICONS LINKS ------------------------------------------ */

#footer .lastColumn a:link {
	color: #F39;
	font-size: 1.1em;
	padding: 5px 5px 5px 5px;
	background-color: transparent;
	position: relative;
	top: -5px;
}

#footer .lastColumn a:visited {
	color: #333;
	font-size: 1.1em;
	padding: 5px 5px 5px 5px;
	background-color: transparent;
	position: relative;
	top: -5px;
}

#footer .lastColumn a:hover {
	color: #cfc8c1;
	background-color: #222;
	text-decoration: none;
}

#footer .lastColumn a:active {
	color: #cfc8c1;
	background-color: #F39;
	text-decoration: none;
}



.legal{
	font-size: 1.1em;
	text-decoration: none;
	color: #DFB8BD;
}







	
	
	
	
#testimonial {
	font-weight: bold;
	color: #966;
}


.company {
	font-weight: italic;
	font-size:10px;
	font-color: #966;
	font-style: italic;
	color: #966;
}
.name {
	font-weight: bold;
	color: #936;
}

/* FOOTER CLIENTS SPECIAL EFFECTS------------------------------------------ */


.clients {
	width:200px;
	margin-top:1px;
}
.clients ul {
	padding:3px 0 2px 3px;
}
.clients li {
	width:177px;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.clients li:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.more {
	color:#7eb9c4;
}
.more:hover {
	text-decoration:underline;
	cursor:pointer;
}