/* __________[ general ]__________*/

body {
	font:12px Arial, Tahoma, Verdana;
	color:#B2B2B2;
	margin:11px 0 0 0;
	padding:0;
	background:url(images/bg.jpg) repeat-x #000;
	line-height:17px;
}
ul,ol,p,h1,h2,h3,h4,blockquote,fieldset,form {
	margin:0;
	padding:0;
	font-family: Arial, Tahoma, Verdana;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img {
border:none;
}
a {
outline:none;
text-decoration:none;
color:#D7CC00;
}
a:hover {
color:#fff;
}
.left-img {
float:left;
border:1px solid #2C2C2C;
margin:4px 7px 0 0;
padding:3px;
background:#1A1A1A;
}
.right-img {
float:right;
border:1px solid #2C2C2C;
margin:5px 0 0 7px;
padding:3px;
background:#1A1A1A;
}
blockquote {
background:url(images/blockquote.gif) no-repeat top left;
padding:10px 0 0 40px;
font-style:italic;
}

/* __________[ browser hacks ]__________*/

.ie6 a.selected {
position:relative !important;
z-index:1;
}
.ie6  #navigation li a:hover {
z-index:2;
}
.ie6 .box-title  {
width:199px;
}
.ie6 #main {
width:820px;
}
.ie6 #sidebar {
position:absolute;
margin-left:-16px;
}
.ie6 #portfolio-thumbnails li {
height:165px;
}
.ie6 .activeSlide {
padding:6px 0 6px 0 !important;
margin-top:0 !important;
z-index:100;
position:relative;
font-weight:bold;
text-decoration:underline;
background:url(images/featured-button.png) 0 -36px !important;
}
.ie7 #navigation {
margin-right:5px;
}
.ie7 #portfolio-thumbnails li {
height:170px;
}

/* __________[ container ]__________*/

#container {
width:800px;
margin:0 auto;
}

/* __________[ header ]__________*/

#header {
width:800px;
height:98px;
background:#111;
margin-bottom:0px;
}
#logo {
width:219px;
height:98px;
float:left;
}

/* __________[ navigation ]__________*/

#navigation {
float:right;
height:40px;
margin-top:20px;
}
#navigation ul {
list-style:none;
}
#navigation li {
float:left;
}
#navigation li a {
width:100px;
height:40px;
display:block;
text-indent:-9999pt;
}
#navigation li a:hover {
background-position:0 -35px;
position:relative;
}
 a.selected {
background-position:0 -35px !important;
}
#b-home {
background:url(images/home.jpg) no-repeat 0px 0;
width:100px !important;
}
#b-home:hover {
background-position:0px -35px !important;
}
#b-about {
background:url(images/motion.jpg) no-repeat;
}
#b-portfolio {
background:url(images/online.jpg) no-repeat;
}
#b-contact {
background:url(images/print.jpg) no-repeat;
}

#main {
width:800px;
/*background:url(images/background.jpg) repeat-y;*/
}

/* __________[ content ]__________*/

#content {
	float:left;
	width:770px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 17px;
}
.content-title {
	width:600px;
	position:relative;
	margin:0 0 15px 0;
}

/* __________[ #content styles ]__________*/

#content h2,#content h3,#content h4,#content h5 {
	font:18px Arial, Tahoma, Verdana;
	margin-bottom:10px;
	color:#3499FE;
	margin: 10px 0 10 0;
}
#content h2 {
	font:18px Arial, Tahoma, Verdana;
	color:#3499FE;
}
#content h3 {
	font:12px Arial, Tahoma, Verdana, normal;
	border-bottom:1px solid #3c3c3c;
	color:#B2B2B2;
	line-height: 18px;
	padding: 10px 0 5px 0;
}
#content h4 {
	font:12px Arial, Tahoma, Verdana;
	border-bottom:1px solid #3c3c3c;
	padding-bottom: 5px;
	line-height: 18px;
}
#content h5 {
	font:12px Arial, Tahoma, Verdana;
	/*border-bottom:1px solid #3c3c3c;*/
	padding-bottom: 1px;
	line-height: normal;
}
#content h6 {
	font:12px Arial, Tahoma, Verdana;
	/*border-bottom:1px solid #3c3c3c;*/
	/*padding-bottom: 1px;*/
	line-height: normal;
}
#content h7 {
	font:12px Arial, Tahoma, Verdana;
	/*border-bottom:1px solid #3c3c3c;*/
	line-height: normal;
}
#content ul {
margin:10px 0 15px 30px;
list-style:circle;
}
#content ol {
margin:10px 0 15px 30px;
}

/* __________[ homepage featured slider ]__________*/

.featured-images p {
position:absolute;
color:#999;
width:650px;
margin:7px 0 0 115px;
text-align:right;
}
.featured-images img {
display:block;
}
#featured-tabs {
width:770px;
background:#1e1e1e;
height:30px;
border-top:1px solid #000;
margin-bottom:15px;
/*}
#featured-tabs a {
display:block;
float:left;
padding:6px 0 6px 0;
width:31px;
text-align:center;
color:#3399ff;
background:url(images/featured-button.png) 0 -36px;*/
/*}
.activeSlide {
background:url(images/featured-button.png) no-repeat !important;
padding:12px 0 6px 0 !important;
margin-top:-6px;
z-index:100;
position:relative;*/
}

/* __________[ sidebar ]__________*/

#sidebar {
float:right;
width:199px;
padding:0 0 15px 1px;
}
.box-title {
width:200px;
height:51px;
text-indent:-9999pt;
}
#latest-news {
background:url(images/latestnews-title.jpg) no-repeat;
}
#testimonials {
background:url(images/testimonials-title.jpg) no-repeat;
}
.sidebox ul {
list-style:none;
}
.sidebox li {
background:url(images/seperator.png) no-repeat bottom left;
padding:15px;
}
.sidebox a {
color:#7F7F7F;
}
.sidebox a:hover {
color:#9E9802;
}

/* __________[ footer ]__________*/

#footer {
	width:800px;
	background:#000;
	border-top:1px solid #2C2C2C;
}
#footer p {
	padding:15px 0 15px 0px;
	margin: 0 0 0 15px;
}

/* __________[ portfolio ]__________*/

#portfolio-thumbnails {
margin:0 !important;
list-style:none !important;
color:#A7A7A7;
}
#portfolio-thumbnails li {
margin-bottom:15px;
background:#080808;
padding:0 !important;
}
.thumbnail-link {
	display:block;
	width:290px;
	height:160px;
	float:left;
	margin: 0px 0 20px 0;
}
.thumbnail-link img {
display:block;
border:5px solid #333333;
width:280px;
height:150px;
  }
.thumbnail-link:hover img {
  border-color:#444444;
  }
.work-description {
	display:block;
	font-size:12px;
	float:right;
	width:420px;
	height: 160px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
.br2 {
margin-bottom:-10px;
	}
	
.left_work {
	float:left;
	width:290px;
	}
	
.right_work {
	float:right;
	margin-top:40px;
	width:335px;
	}


/* __________[ portfolio main ]__________*/

#portfolio-main {
margin:0 !important;
list-style:none !important;
color:#A7A7A7;
}
#portfolio-main li {
margin-bottom:15px;
background:#080808;
padding:0 !important;
}
.ThakyouError {
	display:block;
	width:770px;
	height:178px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.main-link {
	display:block;
	width:770px;
	height:310px;
	float:left;
	margin: 0px 0 0px 0;
}
.main-link img {
	display:block;
	border:5px solid #333333;
	width:760px;
	height:300px;
  }
.main-link:hover img {
  border-color:#444444;
  
  }
.mainfolio_left-description {
	display:block;
	font-size:12px;
	float:left;
	width:420px;
	height: 130px;
	padding: 0 0 0 0;  
  }
.mainfolio_right-description {
	display:block;
	font-size:12px;
	float:right;
	width:310px;
	height: 130px;
	padding: 0 0 0 0;
}
.mainfoliodescription-description {
	display:block;
	font-size:12px;
	float:right;
	width:770px;
	height: 450px;
	margin: 0 0 30px 0;
	border-bottom:1px solid #3c3c3c;
}
.printthb-description {
	display:block;
	float:left;
	width:240px;
	height: 160px;
	padding: 0 0 30px 0;
}
.printthb_middle-description {
	display:block;
	float:left;
	width:240px;
	height: 160px;
	padding: 0 25px 30px 25px;
  }
  .printdescription-description {
	display:block;
	float:left;
	width:240px;
	height: 20px;
	padding: 10px 0 0 0;
  }
.print-link {
	display:block;
	width:240px;
	height:140px;
	float:left;
	margin: 0px 0 0px 0;
}
.print-link img {
	display:block;
	border:5px solid #333333;
	width:230px;
	height:130px;
  }
.print-link:hover img {
  border-color:#444444;
  
  }

/* __________[ homepage content ]__________*/

#portfolio-main {
margin:0 !important;
list-style:none !important;
color:#A7A7A7;
}
#portfolio-main li {
margin-bottom:15px;
background:#080808;
padding:0 !important;
}
.main-link {
	display:block;
	width:770px;
	height:310px;
	float:left;
	margin: 0px 0 0px 0;
}
.main-link img {
	display:block;
	border:5px solid #333333;
	width:760px;
	height:300px;
  }
.main-link:hover img {
  border-color:#444444;
  
  }
.HomepageBio_left-description {
	display:block;
	font-size:12px;
	float:left;
	width:520px;
	height: 270px;
	padding: 0 0 0 0;
  }
.HomepageBio_right-description {
	display:block;
	font-size:12px;
	float:right;
	width:220px;
	height: 270px;
	padding: 0px 0 0 0;
}
.HomepageBioFolio-description {
	display:block;
	font-size:12px;
	float:right;
	width:770px;
	height: 600px;
	margin: 0 0 5px 0;	/*border-bottom:1px solid #3c3c3c;*/
}
.HomepageContact-description {
	display:block;
	font-size:12px;
	float:right;
	width:770px;
	margin: 0 0 0 0;
}
.homepageFeature-link {
	display:block;
	width:760px;
	height:297px;
	float:left;
	margin: 0px 0 20px 0;
	border:5px solid #333333;
}

/* __________[ contact form ]__________*/

#contactform fieldset {
border:none;
}
#contactform textarea {
	background:#1A1A1A;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	color:#B2B2B2;
	width:400px;
	height:150px;
}
#contactform input {
	width:300px;
	border:1px solid #2C2C2C;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	background:#1A1A1A;
	margin-bottom:10px;
	color:#B2B2B2;
	display:block;
}
#contactform label {
margin-bottom:2px;
display:block;
}
#contactform input:focus, #contactform textarea:focus {
background:#080808;
}
#contactform .send {
font:11px Arial, Tahoma, Verdana;
padding:5px 10px 5px 10px;
width:auto;
text-align:center;
text-transform:uppercase;
margin-top:10px;
color:#131313;
background:#666;
border:none;
cursor:pointer;
}
#contactform .send:hover {
background:#444;
color:#b2b2b2;
}
#contactform .send:focus {
border:none;
}

/* __________[ contact form new]__________*/

#Submit {
	float: right;
	padding-right: 33px;
}
#divContactform {
	width: 770px;
	height: 210px;
	float: left;
}
#divContactwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CCCCCC;
	width: 770px;
	height: 415px;
}
#contact label span {
	text-align: left;
	float: left;
	width: 80px;
}
#contact label, label span {
	padding-bottom: 25px;
	float: none;
}
#contact label {
	padding-top: 0em;
	padding-right: 0px;
	padding-left: 0em;
	padding-bottom: 0px;
	float: left;
}
#contact fieldset input {
	float: left;
	width: 240px;
	border: 1px solid #333333;
	background-color: #101010;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
		height: 20px;

}
#contact fieldset {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 382px;
	height: 130px;
	border: 1px solid #000000;
	float: left;
}
form div input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	background-color: #333;
	border: 1px solid #121212;
}
form div input:hover {
	background-color: #0099FF;
}
#contact fieldset textarea {
	float: right;
	width: 260px;
	border: 1px solid #333333;
	background-color: #101010;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 105px;
	font-weight: normal;
}