/*
Theme Name: Sonika Studios Inc.
Theme URI: http://www.sonikastudios.com/
Description: Sonika Studios Inc. Custom Theme
Version: 1.0
Author: Jeff Kee
Author URI: http://www.jeffkee.com/
*/

body {
	font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Helvetica Light,"Lucida Grande", "Lucida Sans Unicode",Lucida,Helvetica,Arial,Verdana, Geneva, sans-serif;
	font-size:11px;
	background-image:url("images/body_bg.jpg");
	background-position:center;
	background-repeat:repeat-y;
	background-color:#60604b;
	color:#555;
	line-height:normal;
}

.orangetext {
	color:#F58025;
}

a:link, a:visited {
	color:#09C;
	text-decoration:none;
}

a:hover, a:active {
	color:#F58025;
	text-decoration:underline;
}

#page {
	position:relative;
	z-index:200;
	display:block;
}

#header {
	position:relative;
	margin-bottom:20px;
	float:left;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

img {
	behavior: url(/iepngfix.htc) !important;
	}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



.opacity60 {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.opacity70 {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

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

.opacity90 {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.opacity100 {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}


#logo {
	background-image:url("images/logo_top.png");
	background-repeat:no-repeat;
	width:320px;
	height:97px;
	position:relative;
	float:left;
	behavior: url(iepngfix.htc);
}

#logo:hover {
	cursor:pointer;
}

#topcontact {
	position:absolute;
	top:20px;
	right:0px;
	height:30px;
	width:600px;
	text-align:right;
	font-size:10px;
}

#topcontact a:link, #topcontact a:visited {
	color:#5f604b;
	text-decoration:none;
}

#topcontact a:hover, #topcontact a:active {
	color:#5f604b;
	text-decoration:underline;
}

#menubar {
	position:absolute;
	top:72px;
	right:0px;
	height:16px;
	width:940px;
	text-align:right;
}

.menu_item {
	behavior: url(iepngfix.htc);
	height:12px;
	margin-right:20px;
	float:right;
}

.menu_item:hover {
	border-bottom:3px solid #F58025;
}

.menu_item_active {
	border-bottom:3px solid #F58025;
}

#menu_home {
	background-image:url("images/menu_home.png");
	width:41px;
}

#menu_aboutus {
	background-image:url("images/menu_aboutus.png");
	width:65px;
}

#menu_services {
	background-image:url("images/menu_services.png");
	width:62px;
}

#menu_portfolio {
	background-image:url("images/menu_portfolio.png");
	width:73px;
}

#menu_platforms {
	background-image:url("images/menu_platforms.png");
	width:76px;
}

#menu_howwework {
	background-image:url("images/menu_howwework.png");
	width:102px;
}

#menu_blog {
	background-image:url("images/menu_blog.png");
	width:38px;
}

#menu_contact {
	background-image:url("images/menu_contact.png");
	width:65px;
	margin-right:0px;
}

#twitterbox {
	width:300px;
	height:80px;
	overflow:visible;
	position:relative;
	margin-bottom:20px;
}

#twitterbox_bg {
	background-image:url("images/twitterbox.png");
	position:absolute;
	left:0px;
	top:0px;
	width:305px;
	height:85px;
	background-repeat:no-repeat;
}

#twitterlink {
	position:absolute;
	top:6px;
	left:148px;
	width:95px;
	height:12px;
}

#twittertag {
	background-image:url("images/twittertag.png");
	position:absolute;
	right:-55px;
	top:15px;
	width:65px;
	height:70px;
	background-repeat:no-repeat;
	
}


#twitter_update_list{
	 position:absolute;
	 top:20px;
	 left:10px;
	 width:270px;
	 height:55px;
	}

	
#twitter_update_list li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#desk_shot {
	height:349px;
	position:relative;
	overflow:hidden;
}

#desk_shot_link_1 {
}

#desk_shot_link_2 {
}

#desk_shot_link_3 {
}

#desk_shot_link_4 {
}

#desk_shot_link_5 {
}

#desk_shot_link_6 {
}

#mainslide {
	position:relative;
	width:960px;
	left:-10px;
	overflow:visible;
	height:350px;
}

.rotating_slide {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:350px;
	margin:0px;
	padding:0px;
}

#rotating_slide_1 {
	background-image:url("images/mainslide1.jpg");
	background-repeat:repeat-x;
}

#rotating_slide_2 {
	background-image:url("images/mainslide2.jpg");
	background-repeat:repeat-x;
}

#rotating_slide_3 {
	background-image:url("images/mainslide3.jpg");
	background-repeat:repeat-x;
}

#rotating_slide_4 {
	background-image:url("images/mainslide4.jpg");
	background-repeat:repeat-x;
}

#rotating_navigation {
	position:absolute;
	bottom:10px;
	left:10px;
}

#rotating_navigation ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#rotating_navigation ul li {
	display:inline;
	margin-right:5px;
	padding:0px;
	margin-left:0px;
}

#rotating_navigation ul li a:link,  #rotating_navigation ul li a:visited {
	padding:5px 10px;
	font-weight:bold;
	color:#333;
	background-color:#ccc;
	border:1px solid #5F604B;
	z-index:99;
	text-decoration:none;
}

#rotating_navigation ul li a:hover,  #rotating_navigation ul li a:active {
	color:#000;
	background-color:#fafafa;
	border:1px solid #F58025;
	text-decoration:none;
}

#homepage_box {
	height:350px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}



.homepage_boxes {
	position:absolute;
	top:0px;
	left:0px;
	height:350px;
	width:700px;
	display:none;
}

.homepage_boxes h3 { display:none;}

#homepage_box_2 {
	background-image:url("images/homebox_image_2.png");
}

#homepage_box_text_2 {
	font-size:13px;
	position:absolute;
	top:85px;
	left:10px;
	width:360px;
	font-weight:bold;
	color:#111;
	padding:10px;
	background-color:#eee;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}

#homepage_box_3 {
	background-image:url("images/homebox_image_3.png");
}

#homepage_box_text_3 {
	font-size:13px;
	position:absolute;
	top:65px;
	left:10px;
	width:620px;
	font-weight:bold;
	color:#111;
	padding:10px;
	background-color:#eee;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#homepage_box_4 {
	background-image:url("images/homebox_image_4.png");
}

#homepage_box_5 {
	background-image:url("images/homebox_image_5.png");
}

#homepage_box_text_5 {
	font-size:13px;
	position:absolute;
	top:65px;
	right:10px;
	width:400px;
	font-weight:bold;
	color:#111;
	padding:10px;
	background-color:#eee;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;}

#homepage_box_6 {
	background-image:url("images/homebox_image_6.png");
}

#homepage_box_7 {
	background-image:url("images/homebox_image_7.png");
}

#homepage_buttons {
	height:350px;
	width:240px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	position:relative;
	right:10px;
}

.homebox_shade {
	background-image:url("images/homebox_shadow.png");
	position:absolute;
	left:0px;
	height:50px;
	width:10px;
	background-repeat:no-repeat;	
	background-position:left;
	behavior: url(iepngfix.htc);
}

.homebox_button_text {
	position:absolute;
	left:0px;
	height:50px;
	width:240px;
	z-index:100;
	behavior: url(iepngfix.htc);
}

#homebox_shade_1 {
	background-image:url("images/homebox_shadow_top.png");
	behavior: url(iepngfix.htc);
}

#homebox_shade_7 {
	background-image:url("images/homebox_shadow_bottom.png");
	behavior: url(iepngfix.htc);
}

.homepage_button {
	position:absolute;
	left:0px;
	width:240px;
	margin:0px;
	height:50px;
	background-image:url("images/homebutton_shade.png");
	background-position:right;
	behavior: url(iepngfix.htc);
}

.homebox_button_text:hover {
	cursor:pointer;
}

#homepage_button_1:hover {
	cursor:default;
}

.homebox_button_active {
	background-image:none;
	cursor:pointer;
	position:absolute;
	left:0px;
	width:240px;
	margin:0px;
	height:50px;
	}
	
#homepage_button_1 p {
	position:relative;
	left:10px;
	top:5px;
	font-size:14px;
}


#content {
	}

#entry pre {
	width:100%;
	padding:10px;
	overflow:scroll;
	padding:20px;
	background-color:#fafafa;
	font-size:10px;
}

#entry {
	line-height:18px;
	letter-spacing:0.5pt;
}

#entry h2 {
	padding:2px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#entry ul {
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	list-style:square;
}

#entry ul li {
	margin:0px 0px 5px 0px;
}

ul.darklist li {
	list-style-image:url(images/listicons-arrow-dark.png);
	behavior: url(iepngfix.htc);
	margin-bottom:5px;
}

ul.darklist li.return {
	list-style-image:url(images/listicons-rearrow-dark.png);
	behavior: url(iepngfix.htc);
	margin-top:20px;
}

ul.lightlist li {
	list-style-image:url(images/listicons-arrow-light.png);
	behavior: url(iepngfix.htc);
	margin-bottom:5px;
}

ul.lightlist li.return {
	list-style-image:url(images/listicons-rearrow-light.png);
	behavior: url(iepngfix.htc);
	margin-top:20px;
}

.navigation {
	border-bottom:1px dotted #aaa;
	padding:0px 0px 5px 0px;
	margin:0px 0px 20px 0px;
	display:none;
}

.grey_text_box {
	background-color:#333;
	color:#fafafa;
	padding:10px;
	margin-bottom:10px;
}

.post {
	margin-bottom:40px;
	border-bottom:1px dotted #aaaaaa;
	padding-bottom:10px;
	display:block;
	height:auto;
	width:auto;
}

.postcategory {
	padding:0px;
	margin:0px 0px 1px 0px;
	font-size:12px;
}

.posttitle {
	font-size:16px;
	font-weight:bold
}

.postmetadata {
	display:none;
}

.postdate {
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	color:#5F604B;
	margin-bottom:10px;
	margin-top:5px;
}


.post h4 {
	padding:0px;
	margin:3px 0px 3px 0px;
	color:#F58025;
}

#comment {
	width:420px;
	padding:10px;
	color:#666;
	font-size:12px;
}

/* SERVICE PAGE STYLE */

#softwaretab {
	height:300px;
	position:relative;
	margin-bottom:30px;
	margin-top:20px;
}

#softwaretab_bg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-image:url(images/softwaretab.png);
	behavior: url(iepngfix.htc);
}

#softwaretab_adobe_link {
	position:absolute;
	left:544px;
	top:69px;
	width:88px;
	height:31px;
	padding:0px;
	margin:0px;
}

#softwaretab_adobe_link img {
	width:88px;
	height:31px;
	border:none;
}

.service_box {
	margin-bottom:15px;
	margin-top:15px;
}


/* PLATFORM PAGE STYLE */
.platform_box {
	width:290px;
	height:210px;
	float:left;
	padding-bottom:10px;
	margin-left:10px;
	position:relative;
	margin-bottom:20px;
	clear:both;
}

#platformlist_vertical {
	border-left:1px dotted #aaa;
	width:299px;
}

.platform_box_fade_line {
	background-image:url("images/horizontalfadeline.png");
	background-position:center;
	behavior: url(iepngfix.htc);
	position:absolute;
	left:0px;
	margin:0px;
	padding:0px;
	bottom:0px;
	height:1px;
	width:100%;
	background-repeat:no-repeat;
}

img.padded_image {
	padding:3px;
	border:1px solid #999;
	background-color:#eee;
}

img.padded_image:hover {
	padding:3px;
	background-color:#fff;
}


h4 {
	padding:0px;
	font-size:16px;
	color:#F58025;
}

h6.platform_box_title {
	padding:0px;
	margin:0px;
	display:inline;
	font-size:16px;
}

.platform_box_subtitle {
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	margin-left:10px;
}



/* Portfolio Page Style */
.portfolio_box {
	height:110px;
	float:left;
	position:relative;
	margin-bottom:10px;
}

.portfolio_box img {
	position:relative;
	margin:0px;
	top:-1px;
	left:-1px;
	width:220px;
	height:110px;
	border:1px solid #ccc;
}

.portfolio_title {
	width:200px;
	padding:2px 10px;
	background-color:#5F604B;
	position:absolute;
	color:#FFFFFF;
	bottom:0px;
	font-weight:bold;
	height:20px;
	display:block;
}

.portfolio_box:hover .portfolio_title {
	display:block;
}

/* inline galleries!! */
#inline_gallery {

}

#main_image {
	width:680px;
	height:500px;
	overflow: hidden;
	padding:10px;
	background-color:#5F604B;
	text-align:center;
}

/* TABLE DESIGNS */

table tr td {
	vertical-align:middle;
}

td.alignright {
	text-align:right;
	padding:5px;
}

td.alignleft {
	text-align:left;
	padding:5px;
}


/* CONTACT PAGE STYLE*/

.clean_input {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted;
	background-color:#eee;
	font-size:12px;
	padding:5px;
	margin:5px;
	font-weight:bolder;
}

.clean_input:hover {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted;
	background-color:#fafafa;

}

.contacttabs {
	font-size:11px !important;
	color:#5F604B;
	padding-bottom:20px;
	margin-bottom:20px;
	height:auto;
	display:block;
}

.contacttabs label {
	font-weight:bold;
	width:100%;
	margin-top:10px;
	display:block;
}

.contacttabs input {
	width:75%;
	margin-top:2px;
	clear:both;
	display:block;
}

.superfooter {
	font-size:12px;
	padding:0px 0px 10px 0px;
	margin-bottom:20px;
}

.superfooter a {
	width:100%;
	height:100%;
}
.superfooter a:link, .superfooter a:visited {
	color:#5f604b;
	text-decoration:none;
}

.superfooter a:hover, .superfooter a:active {
	color:#222222;
	text-decoration:none;
}
	
.superfooter h4 {
	color:#F58025;
	font-size:18px;
	margin:3px 0px 10px 0px;
}

.superfooter ul {
	padding:0px;
	margin-left:0px;
	margin-top:5px;
	display:block;
}

#superfooter {
	width:100%;
	float:left;
	margin-top:20px;
}

#footer_1 ul {
	width:140px;
}

#footer_2 ul {
	width:300px;
}

#footer_3 ul {
	width:220px;
}

#footer_4 ul {
	width:220px;
}

.superfooter ul li {
	float:left;
	margin-left:0px;
	list-style:none;
	color:#d3d2c4;
	padding:5px 0px 5px 5px;
	width:100%;
	position:relative;
	border-bottom:1px solid #d3d2c4;
}

.superfooter ul li:hover {
	background-color:#dadada;
}

#sidebar_1 {
	width:220px;
	position:relative;
}

#sidebar_2 {
	color:#5f604b;
	width:220px;
	position:relative;
}

#sidebar_section_image {
	position:relative;
	padding:3px;
	width:212px;
	border:1px solid #ccc;
	background-color:#fafafa;
	margin:5px 0px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.sidebar ul {
	list-style:none;
}

.sidebar ul li {
	margin-bottom:10px;
	margin-left:0px;
	width:220px;
	padding-bottom:10px;
	float:left;
	font-size:12px;
	border-bottom:1px dotted #aaa;
}

.sidebar ul li h4 {
	color:#F58025;
	font-size:18px;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:0px;
	float:left;
	display:block;
	clear:both;
	width:220px;
	float:left;
}


.sidebar ul li ul {
	width:220px;
	margin:0px;
	padding:0px;
	float:left;
}

.sidebar ul li ul li {
	float:left;
	margin-left:0px;
	margin-top:2px;
	margin-bottom:2px;
	list-style:none;
	padding:0px;
	border:none;
	width:220px;
}

.screen-reader-text { display:none;}


/* INPUT FIELDS STYLE */

input, textarea {
	padding:5px;
	margin:5px;
	border:1px solid #F58025 !important;
	color:#666 !important;
	font-size:12px !important;
}

input.formfield {
	border: 0px 0px 1px 0px;
}

label.formlabel {
	width:663px;
	float:left;
	clear:both;
	height:auto;
	display:block;
}

input:active, input:hover {
	border:1px solid #5f604b !important;
}

#footer_last {
	font-size:10px;
	color:#5f604b;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
}