@charset "utf-8";


body {
	width: 1200px;
	font: 500 11px/14px Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 14px;
	color: #999;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/body_bk.gif) repeat-x top left;
}

#b-home {
	background: #399 url(images/nav_border_right.png) no-repeat top right;
}

#b-web {
	background: #495d79 url(images/nav_border_right.png) no-repeat top right;
}
#b-graphics {
	background: #c23c2e url(images/nav_border_right.png) no-repeat top right;
}
#b-portfolio {
	background: #b0bf1e url(images/nav_border_right.png) no-repeat top right;
}
#b-assets {
	background: #99943f url(images/nav_border_right.png) no-repeat top right;
}
#b-contactPage {
	background: #ec7205 url(images/nav_border_right.png) no-repeat top right;
}

.right {
	float: right;	
}

.left {
	float: left;
}

h1 {
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	color: #125685;
	height: 70%;
	letter-spacing: -1px;
}
h2 {
	font: 600 1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	color: #165773;
	line-height: 90%;
	letter-spacing: 0px;
}
p {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 1em;
	padding-left: 20px;
	font-size: 90%;
	line-height: 16px;
	margin: 0px;
}
th {
	padding-bottom: 7px;
}
td {
	margin: 0px;
	padding: 4px;
}

a:link {
	font-size: 11px;
	font-weight: 500;
	color: #666666;
	text-decoration: none;
	line-height: 14px;
}
a:visited {
	font-size: 11px;
	font-weight: 500;
	color: #666666;
	text-decoration: none;
	line-height: 14px;
}
a:hover {
	font-size: 11px;
	font-weight: 500;
	color: #FF3300;
	text-decoration: none;
	line-height: 14px;
}

#google_ad  {
    text-align: center;
    margin-bottom: 15px;
}

#wrapper {
	width: 90%;
	background: url(bg.gif);
	margin: 0 10px;
	border: 1px solid #dbdbdb;
	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
	background:  #ffffff url(images/wrapper_bk.gif) repeat-x bottom left;	
}

#wrapper_gog {
	width: 90%;
	margin: 0 10px;
}

#header {
	float: left;
	padding: 0;
	margin: 0px;	
	width: 100%;
	clear: both;
	background: #1a82fc url(images/masthead_bk.jpg) repeat-x top left;
}


#nav {
	width: 100%;
	float: left; 
	margin:0;
	background: #1a82fc url(images/nav_bk_line.gif) repeat-x bottom left;;
}

#nav ul {
	float: left;
	margin: 0;
	list-style: none;
	padding: 10px 0 0 46px;
	background: #1a82fc url(images/nav_bk_line.gif) repeat-x bottom left;
}

#nav li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	border-bottom: none;
	font-family: "Lucida Grande", san-serf;
	font-size: 90%;
}

#nav li a {	
	float: left;
	display: block;
	margin: 0;
	padding: 4px 18px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: none;
	border-right-color: #555;
}

#nav li a:hover, body#home #b-home a, body#web #b-web a, body#graphics #b-graphics a, body#portfolio #b-portfolio a, body#assets #b-assets a, body#contactPage #b-contactPage a {
	padding-bottom: 6px;
	color: #000;
	background: #e8e9e1  url(images/nav_hover_bk.png) no-repeat top right;

}

.logo {
	float: left;
	padding-left: 40px;
	margin: 0px;
}

.slogan {
	float: right;
	width:45%;
	padding: 0;
        padding-top: 40px;
        margin-bottom: 10px;
        padding-left: 0px;
	margin: 0;
}

.slogan h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.7em;
	color: #f3be00;
	font-weight: 100;
	text-shadow:#03F;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-top: 80px;
	padding-left: 0px;
	border-bottom:  1px solid #ccc;
}

 .socials {
	float: right;
	font-size: 1em;
	margin-right: 70px;
	border: none;
	background: #1a82fc;
	
}

.socials a img{
	margin-top: 0px;
	border: none;
	padding-right: 3px;
	padding-top: 3px;
	background: #1a82fc url(images/nav_bk_line.gif) repeat-x bottom left;	
}

#top_banner {
	float: left;
	width: 100%;
	clear: both;
}

#headliner {
	float: left;
	width: 60%;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 40px 15px 40px 30px ;
	padding-bottom: 10px;
	border-bottom: 1px #CC33CC solid;
}

#anime {
	float: right;
	width: 32%;
	height: 200px;
	font-size: 80%;
	font-style: normal;
	margin: 40px 30px 30px 10px ;
	background: url(images/slider_bk.png) no-repeat bottom left;
	
}

#headline {
	float: left;
	width: 35%;
	font-size: 2em;
	line-height: 1.5em;
	margin: 50px 30px ;
}

#headline h1{
	margin-bottom: .7em;
	letter-spacing: -4px;
	text-align: left;
}


#body_copy {
	float: right;
	width: 58%;
	margin: 50px 0;
	margin-bottom: .7em;
	border-left: 1px dotted #b440ad;
	text-align: left;
}

.colorpurple {
	
color:	#b440ad;
	font-weight: normal;
	text-align: left;
}

.colorpurpleBold {
	
color:	#b440ad;
	font-weight: strong;
	text-align: left;
}

.colorgrey {
	
color:	#999;
font-weight: normal;
	text-align: left;
}

.colorgreyBold {
	color:	#ccc;
	font-weight: strong;
	text-align: left;
	zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
}

.colorBlue {
	
color:	#125685;
font-size: 2em;
line-height: .5em;
	
}

.colorblueBold {
	color:	#ccc;
	font-weight: strong;
	text-align: left;	
}

.colordarkBold {
	
color:	#ff9;
	font-weight: strong;
	text-align: left;
	zoom: 1;
        filter: alpha(opacity=90);
        opacity: 0.9;
	
}

#contentArea {
	width: 100%;
	padding: 0;
	background: url(images/contentArea_bk.gif) repeat-x top left;
}

#mid_col {
	margin-bottom: 2em;
	padding-left: 30%;
	padding-right: 33%;
	margin-top: 2em;
}


#left_bar {
	float: left;
	width: 33%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 2em;
	clear: none;
	padding: 0px;
	margin-left: 0px;
	
}
#right_bar {
	float: right;
	width: 33%;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	margin-bottom: 2em;
	clear: none;
	padding: 0px;
	margin-top: 0;
}

#cont_img {
	text-align: left;
	padding: 15px;
	display: block; 
	background: none;
	margin-left: 20px;
}

#front_icons {
	width: 90%;
	margin: 20px 15px;
	font-family: Arial, Helvetica, sans-serif;	 
}

#front_icons h2 {	
	color: #fff;
	padding: 20px 20px 8px 20px; 
}

#front_icons p {	
	color: #fff;
	padding: 0 20px; 
}

.front_icons_left  {
	height: 200px;	
	background: #333	url(images/front_icons_left.jpg) no-repeat top left;
}

.front_icons_right  {
	height: 200px;	
	background: #333	url(images/front_icons_right.jpg) no-repeat top left;	
}

.front_icons_centre  {
	height: 200px;	
	background: #333 url(images/front_icons_mid.jpg) no-repeat top left;	
}

#right_bar_folio {
	float: right;
	width: 30%;
	padding: 0px;
	clear: both;
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
}

#right_bar_folio img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#right_bar_folio table {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	background: #99CC33;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}


#right_bar_folio ul   {
	list-style-type: none;
	width: 235px;
	margin: 5px;
	padding-right: 0px;
}
#right_bar_folio li {
	width: 235px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}


.clear {
	clear: both;
}

.key_table {
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
}


#footer {
	font-size: 10px;
	text-align: center;
	color: #666666;
	margin: 5em 1em;
	
}

#copyrights {
	width: 980px;
	font-size: 9px;
	font-style: italic;
	text-align: right;
	margin: 0 auto;
}

.warning {color: #FF0000;

}

#mainContentLeftadm {
	
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.transparent {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
}

#contact  {
	width: 300px;

}

#contact-wrapper {
	width: 35%;
	margin-left: 2em;
	padding: 0 2em 5em;
	text-align: left;
}

#contacts label {
	display:block;
	float:none;
	margin-bottom: 2px;
	width: auto;
}

#contactform {
	margin-right: 10px;
	margin-top: 15px;
	border: 1px solid #ccc;
	line-height: 11px;
	padding: 7px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#contactform  h2, #contactform p {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	letter-spacing: 0px;
    clear:both;
	margin:1em 0;
}

.error {
	
	color: #F00000;
	
}

.error-class {
	
	color: #F00000;
	
}

.valid-class {
	
	color: #777;
	
}

/* scrolls start here   */

#featured{ 
	width:90%; 
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 40px; 
	position:relative; 
	border: none; 
	height:300px; 
	background: none;
	
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:680px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	width:30%; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') no-repeat top left;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width: 70%; 
	height:250px; 
	padding: 0;
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

img.hiddenpic{
	
display:none

}

.theme-default #slider {
    width:300px;
    height:200px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:0x;
}

.clear {
	clear:both;
}

#tools_index #content {
	background-image:none;
	float:none;
	margin-top:25px;
	padding:0;
	width:100%;		
}

#right {
	display:none;		
}

img {
	border:0;		
}

#scroll {
	position:relative;
	overflow:hidden;
	border:1px solid #ddd;
	width:985px;
	padding:15px;
	height:473px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
	color: #10254D;
}

.tool {
	float:left;
	width:1000px;
	height:340px;
	text-align:center;	
}

.details {
	font-size:14px;
	color:#999;
	line-height: 20px;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}

.thumb {
	padding:0 !important;
	border:0 !important;
}

.thumb a.active {
	cursor:default !important;
}

.navi {
	margin-left:314px;
	_margin-left:304px;
}

#thumb_0 		  { margin-left:20px; _margin-left:10px;}
#thumb_0.active { background-position:-21px 0 !important; }
#thumb_0:hover  { background-position:-21px -180px; }
#thumb_0:active { background-position:-21px -270px; }

#thumb_1			{ background-position:-325px -90px; }
#thumb_1:hover 	{ background-position:-325px -180px; }
#thumb_1:active	{ background-position:-325px -270px; }
#thumb_1.active	{ background-position:-325px 0 !important; }

#thumb_2			{ background-position:-435px -90px; }
#thumb_2:hover 	{ background-position:-435px -180px; }
#thumb_2:active	{ background-position:-435px -270px; }
#thumb_2.active	{ background-position:-435px 0 !important; }

#thumb_3			{ background-position:-545px -90px; }
#thumb_3:hover 	{ background-position:-545px -180px; }
#thumb_3:active	{ background-position:-545px -270px; }
#thumb_3.active	{ background-position:-545px 0 !important; }

#thumb_4			{ background-position:-655px -90px; }
#thumb_4:hover 	{ background-position:-655px -180px; }
#thumb_4:active	{ background-position:-655px -270px; }
#thumb_4.active	{ background-position:-655px 0 !important; }

#thumb_5			{ background-position:-765px -90px; }
#thumb_5:hover 	{ background-position:-765px -180px; }
#thumb_5:active	{ background-position:-765px -270px; }
#thumb_5.active	{ background-position:-765px 0 !important; }

#thumb_6			{ background-position:-875px -90px; }
#thumb_6:hover 	{ background-position:-875px -180px; }
#thumb_6:active	{ background-position:-875px -270px; }
#thumb_6.active	{ background-position:-875px 0 !important; }