@charset "utf-8";
/* CSS Document */

/* CSS Resets */
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, 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, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET */


/* FONT */
@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('font/CartoGothicStd-Book-webfont.eot');
    src: url('font/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('font/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('font/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('font/CartoGothicStd-Italic-webfont.eot');
    src: url('font/CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CartoGothicStd-Italic-webfont.woff') format('woff'),
         url('font/CartoGothicStd-Italic-webfont.ttf') format('truetype'),
         url('font/CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('font/CartoGothicStd-Bold-webfont.eot');
    src: url('font/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CartoGothicStd-Bold-webfont.woff') format('woff'),
         url('font/CartoGothicStd-Bold-webfont.ttf') format('truetype'),
         url('font/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('font/CartoGothicStd-BoldItalic-webfont.eot');
    src: url('font/CartoGothicStd-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/CartoGothicStd-BoldItalic-webfont.woff') format('woff'),
         url('font/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'),
         url('font/CartoGothicStd-BoldItalic-webfont.svg#CartoGothicStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*END FONT*/

/*------------------------------------------------------------------------------------------*/

/* MAIN TAGS */
body {
	background-image: url(images/bkg.png);
	background-repeat: repeat-x;
	background-color: #F15A29;
}
h2, h4, h6, p.style5, p.style7, .testimonial, .copyright_message, #simplemodal-container {
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
}
h3, p.style2, p.style3, p.style4, p.style6, p.style8, .boldbig, #footer, p.formsent {
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
}
h1, h5, .title, .description, .red  {
	font-family: 'Cabin', sans-serif; 
	font-weight: 700;
}
h1 /*ORANGE TITLE*/{
	font-size: 1.85em;
	text-align: left;
	color: #F15A29;
}
h2 {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 18.55em;
}
h3 /*gray bold bigger title*/{
	font-size: 2em;
	margin-top: 10px;
	color: #CCC;
	text-align: left;
	margin-left: 10px;
}
h4 {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 10px;
	width: 18.55em;
	text-align: left;
	margin-left: 20px;
}
h5 /*RED TITLE*/{
	font-size: 1.85em;
	color: #C00;
	text-align: left;
	margin-bottom:20px;
}
h6 {
	font-size: 0.75em;
	color: #C00;
	line-height: 1.70em;
}
p {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
p.space { 
	height:20px;
}
p.style1 /*gray subtitle*/{
	font-family: 'CartoGothicStdBoldItalic', Arial, sans-serif;
	font-size: 1em;
	margin-top: 5px;
	text-align: left;
	color: #3C3;
}
p.style2, table /*black bold small text*/{
	font-size: 0.75em;
	margin-top: 5px;
	text-align: left;
	line-height: 1.70em;
}
p.style3 /*black text width limited (contact_sent)*/{
	font-size: 0.75em;
	margin-top: 5px;
	text-align: left;
	line-height: 1.70em;
	margin-left: 20px;
	width: 55%;
}
p.style4 /*black bold bigger text*/{
	font-size: 1em;
	margin-top: 5px;
	text-align: left;
}
p.style5 /*black bigger text*/{
	font-size: 1em;
	margin-top: 5px;
	text-align: left;
	line-height: 30px;
	width:97%;
}
p.style6 /*gray bold bigger(who page)*/{
	font-size: 2em;
	color: #CCC;
	text-align: left;
	margin-bottom: 40px;
	line-height: 40px;
}
p.style7 /*black bigger text with no width*/{
	font-size: 1em;
	margin-top: 5px;
	text-align: left;
	line-height: 30px;
}
p.style8 /*slogam*/{
	font-size: 0.7em;
	line-height: 30px;
	font-style: italic;
	/*color: #E1DFDF;*/
	color: #FFF;
}
#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;	
}
/* END MAIN TAGS */

/*------------------------------------------------------------------------------------------*/

/*NAVIGATIONS*/

/*NAVIGATION SOFTWARE AND LIBRARY*/
#nav_software {
	position: absolute;
	width: 480px;
	right: 15px;
	top: 19px;
	height: 65px;margin: 0px;
}
#nav_software ul li,
#nav_software_library ul li {
	display: inline;
}
#nav_software ul li a,
#nav_software_library ul li a {
	width: 46px;
	height: 44px;
	float: right;
	display: block;
	text-indent: -9999px;
	overline: hidden;
	margin-right: 20px;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}
#nav_software ul li a#fl,
#nav_software_library ul li a#fl {
	background-image: url(images/adobe_navigation.png);	
	background-position: 0px 0px;
}
#nav_software ul li a:hover#fl,
#nav_software ul li a:focus#fl,
#nav_software_library ul li a:hover#fl,
#nav_software_library ul li a:focus#fl,
#adobe_fl #wrapper header #nav_software ul li #fl  {
	background-position: 0px 44px;
}
#nav_software ul li a#ps,
#nav_software_library ul li a#ps {
	background-image: url(images/adobe_navigation.png);	
	background-position: 272px 0px;
}
#nav_software ul li a:hover#ps,
#nav_software ul li a:focus#ps,
#nav_software_library li a:hover#ps,
#nav_software_library li a:focus#ps,
#adobe_ps #wrapper header #nav_software ul li #ps {
	background-position: 272px 44px;
}
#nav_software ul li a#fw,
#nav_software_library ul li a#fw {
	background-image: url(images/adobe_navigation.png);	
	background-position: 227px 0px;
}
#nav_software ul li a:hover#fw,
#nav_software ul li a:focus#fw,
#nav_software_library ul li a:hover#fw,
#nav_software_library ul li a:focus#fw,
#adobe_fw #wrapper header #nav_software ul li #fw   {
	background-position: 227px 44px;
}
#nav_software ul li a#dw,
#nav_software_library ul li a#dw {
	background-image: url(images/adobe_navigation.png);		
	background-position: 182px 0px;
}
#nav_software ul li a:hover#dw,
#nav_software ul li a:focus#dw,
#nav_software_library ul li a:hover#dw,
#nav_software_library ul li a:focus#dw,
#adobe_dw #wrapper header #nav_software ul li #dw   {
	background-position: 182px 44px;
}
#nav_software ul li a#ai,
#nav_software_library ul li a#ai  {
	background-image: url(images/adobe_navigation.png);	
	background-position: 136px 0px;
}
#nav_software ul li a:hover#ai,
#nav_software ul li a:focus#ai,
#nav_software_library ul li a:hover#ai,
#nav_software_library ul li a:focus#ai,
#adobe_ai #wrapper header #nav_software ul li #ai {
	background-position: 136px 44px;
}
#nav_software ul li a#dr,
#nav_software_library ul li a#dr {
	background-image: url(images/adobe_navigation.png);	
	background-position: 91px 0px;
}
#nav_software ul li a:hover#dr,
#nav_software ul li a:focus#dr,
#nav_software_library ul li a:hover#dr,
#nav_software_library ul li a:focus#dr,
#cms_dr #wrapper header #nav_software ul li #dr {
	background-position: 91px 44px;
}
#nav_software ul li a#pr,
#nav_software_library ul li a#pr {
	background-image: url(images/adobe_navigation.png);	
	background-position: 45px 0px;
}
#nav_software ul li a:hover#pr,
#nav_software ul li a:focus#pr,
#nav_software_library ul li a:hover#pr,
#nav_software_library ul li a:focus#pr,
#product_project #wrapper header #nav_software ul li #pr {
	background-position: 45px 44px;
}

/*END NAVIGATION SOFTWARE AND LIBRARY*/

/*ICON MAIN_NAVIGATION*/
#icon_mainnav {
	width: 37px;
	height: 37px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 55px;
	cursor:pointer;
}

/*NAVIGATION MAIN: WHAT WHO HOW WHERE*/
#container_main_navigation,
#title_tutorial {
	width: 100%;
	background-color:#fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E1DFDF;
}
#container_main_navigation {
	margin-top:-10px;
	height: 160px;
}
#title_tutorial {
	margin-top:85px;
	height: 80px;
	width:100%;
}
#title_tutorial a img {
	margin-left: 220px;
}
#main_navigation {
	position:relative;
	margin-left:14%;
	height: 160px;
	width: 86%;
}
#column_what, #column_who, #column_how, #column_where {
	float: left;
	text-align: center;	
	height: 100%;
}
#column_what, #column_who, #column_how {
	width: 24%;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #c6d09d;
}
#column_where {
	width: 25%;
}
.wnav {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/w_navigation.png);
}
#whatnav a, #whonav a, #hownav a,#wherenav a  {
	display: block;
	text-indent: -9999px;
	overline: hidden;	
}
#whatnav a {
	background-position: 0px 0px;
	height: 76px;
	width: 211px;
}
#whatnav a:hover, #whatnav ul li a:hover, #whatnav ul li a:focus {
	background-position: 0px 76px;	
}
#whonav a {
	background-position: 612px 0px;		
	height: 76px;
	width: 193px;	
}
#whonav a:hover, #whonav ul li a:hover, #whonav ul li a:focus {
	background-position: 612px 76px;
}
#hownav a {
	background-position: 415px 0px;		
	height: 76px;
	width: 182px;	
}
#hownav a:hover, #hownav ul li a:hover, #hownav ul li a:focus {
	background-position: 415px 76px;	
}
#wherenav a {
	background-position: 235px 0px;		
	height: 76px;
	width: 235px;	
}
#wherenav a:hover, #wherenav ul li a:hover, #wherenav ul li a:focus {
	background-position: 235px 76px;	
}
.what_title, .who_title, .where_title, .how_title {
	background-image: url(images/w_navigation.png);
	height: 80px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
}
.what_title {
	background-position: 0px 5px;
	width: 211px;
}
.who_title {
	background-position: 615px 5px;
	width: 180px;
}
.where_title {
	background-position: 235px 5px;
	width: 235px;
}
.how_title {
	background-position: 420px 0px;
	width: 180px;
}
/*END ICON MAIN_NAVIGATION*/

/*NAVIGATION SOCIAL MEDIA*/
#nav_social {
	position: relative;
	top: -35px;
	z-index: 100;
	left: 35px;
	width: 180px;
}
#nav_social ul {
	height: 65px;
	width: 100%;
	margin: 0px;
	position: absolute;
}
#nav_social ul li {
	display: inline;
}
#nav_social ul li a{
	display: block;
	text-indent: -9999px;
	overline: hidden;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	float:left;
}
#nav_social ul li a#email {
	background-image: url(images/icons_navigation.png);
	background-position: 0px 30px;
}
#nav_social ul li a:hover#email,
#nav_social ul li a:focus#email {
	background-position: 0px 0px;
}
#nav_social ul li a#facebook {
	background-image: url(images/icons_navigation.png);
	background-position: 89px 30px;
}
#nav_social ul li a:hover#facebook,
#nav_social ul li a:focus#facebook {
	background-position: 89px 60px;
}
#nav_social ul li a#linkedin {
	background-image: url(images/icons_navigation.png);
	background-position:60px 30px;
}
#nav_social ul li a:hover#linkedin,
#nav_social ul li a:focus#linkedin {
	background-position: 60px 120px;
}
#nav_social ul li a#skype {
	background-image: url(images/icons_navigation.png);
	background-position: 30px 30px;
}
#nav_social ul li a:hover#skype,
#nav_social ul li a:focus#skype {
	background-position: 30px 60px;
}
/*END NAVIGATION SOCIAL MEDIA*/

/*END NAVIGATIONS*/

/*------------------------------------------------------------------------------------------*/

/*CONTENT*/
.red {
	font-size: 1em;
	color: #C00;
	text-align: left;
}
.txtmargin /*red title inside the circles*/{
	margin-left: -10px;
}
.title /*orange big titles*/{
	font-size: 1.25em;
	text-align: left;
	color: #F15A29;
}
.description /*gray italic description*/{
	font-size: 0.75em;
	text-align: left;
	color: #ccc;
	font-style: italic;
}
.slogam {
	position:absolute;
	width:250px;
	right:64px;
	top:88px;
	z-index:-10;
}
#logo {
	position:absolute;
	height: 200px;
	width: 210px;
	top: 10px;
	margin-left: 10px;
	z-index:10;
}
.img-swap, .logo {
	border: 0;
}
#content {
	background-color: #F15A29;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.center, .center_up {
	margin-right: auto;
	margin-left: auto;
	width:98%;
	text-align: center;
}
.center_up {
	margin-top: 20px;
}
.boldbig /*black bold bigger (phone)*/ {
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
}
.link_column{
	width: 98%;
}
.googleplus {
    float: right;
    width: 38px;
}
.button_element {
	margin-top:10px;
	font-size:0.7em;
}
.button_element a:hover {
	color: #900;
}

/*ROUND CORNERS*/
.corner, .corner_gray, .corner_gray_space, .corner_lightgray, .corner_homecenter, .corner_whocenter, .project_container, .services, .box_content {
	margin-bottom: 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	-moz-box-shadow: 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 7px 1px #ccc;
    box-shadow: 3px 3px 1px #ccc;
}
.corner {
	background-color:#fff;
	height: auto;
	width: auto;
	border: 2px solid #E1DFDF;
	padding: 5px;
}
.corner_gray, .corner_gray_space {
	background-image: url(images/top_bkg.png);
	height: auto;
	border: 2px solid #E1DFDF;
	float: left;
	width: 19%;
	padding: 15px;
	margin-top: 5px;
}
.corner_gray_space /*with space on right side*/{
	margin-right: 30px;
}
.corner_lightgray {
	border: 2px solid #E1DFDF;
	float: left;
	width: 510px;
	background-color: #F0F0F0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
.corner_homecenter {
	background-color: #FFF;
	height: auto;
	border: 1px dashed #E1DFDF;
	width: 88%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20px;
}
.corner_whocenter {
	background-color: #FFF;
	height: auto;
	border: 1px dashed #E1DFDF;
	width: 94%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	margin-left:5px;
}
.corner_content {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}
.corner_circle_container {
	float: left;
	width: 25%;
	height: 100%;
}
.corner_circle_whocontainer {
	float: left;
	width: 100%;
	margin-bottom:20px;
}
/*END ROUND CORNERS*/

/*HOMEPAGE*/
.center_home {
	height: auto;
	width: 99%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}
#homepage_avatar {
	position:relative;
	height: 18.1em;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}
#homepage_logo /*with flash*/{
	margin-top: 18px;
	background-image: url(images/homepage_logo.png);
	background-repeat: no-repeat;
	height: 21em;
}
.homepage_title {
	position:relative;
	top:140px;
	margin-left: 440px;
}
.homebottom {
	background-color: #FFF;
	height: auto;
	width: 88%;	
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}
.home_icons {
	float:left;
	widht:200px;
	height:auto;
	margin-right:250px;
}
.corner, footer, header {
	min-width:900px;
}
#slider_content {
	 width:700px;
	 height:370px;
 }
/*END HOMEPAGE*/

/*WHO I AM PAGE*/
.who_skills {
	float: left;
	width: 500px;
	height: auto;
	margin:10px;
}
.how_box ul li, .wholi_box ul li {
	list-style-position: inside;
	list-style-type: circle;
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	padding-top: 5px;
	line-height: 26px;
}
.services {	
	width:100%;
	background-color:#F3F3F3;
	padding:8px;	
}
.services_how {
	float:left;
	width:30%;
	margin-right:10px;
	margin-top:-20px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.services_title img {
	margin-left:5px;
	margin-right:5px;
}
.services ul li {
	list-style-position: inside;
	list-style-type: none;
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
	padding-top: 5px;
	line-height: 15px;
}
.who_img {
	margin-left: -12px;
}
#tabs-5 .corner_circle {
	float:right;
	margin-top:-150px;
}
#tabs_digital, #tabs_graphic, #tabs_product, #tabs_volunteer {
	width:85%;
	margin-left:80px;
}
/* TESTIMONIALS */
.testimonial {
	width:98%;
	min-width:500px;
	height: 130px;
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c6d09d;
}
.testimonial_image {
	float:left;
	padding-right:20px;
}
.testimonial_text p, .testimonial_text2, .testimonial_text3 {
	margin-top: 5px;
	text-align: left;
}
.testimonial_text p {
	font-size: 0.9em;
	font-style:italic;
	margin-bottom: -5px;
	text-align: left;
	line-height: 1.70em;	
}
.testimonial_text2 {	
	font-size:.9em;
	color: #390;
	margin-top: 20px;
}
.testimonial_text3 {
	font-size:.9em;
	color: #666;
}
/*END WHO I AM PAGE*/

/*WHAT PAGE*/
/*WHAT PAGE NAVIGATION EFFECTS*/
.box_jq_easing_linear,
.box_jq_easing_swing,
.box_jq_easing_ease_out_bounce,
.box_jq_easing_ease_in_out_elastic {
	float: left;
	margin-right: 20px;	
	margin-bottom: 20px;
}
.box_color_easing_01,
.box_color_easing_02,
.box_color_easing_03,
.box_color_easing_04 {
	height: 80px;
	background-color: #DE56E9;
	margin-bottom: 12px;	
}
.box_jq_animate_queue_true,
.box_jq_animate_queue_false {
	height: 360px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #000;
}
.box_color_animate_options_01,
.box_color_animate_options_02 {
	position: absolute;
	bottom: 50px;
	left: 16px;
	width: 100px;
	height: 80px;
	background-color: #1DE007;
	margin-bottom: 12px;	
}
/* Main Nav Styles */
ul.main_nav_menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
}
ul.main_nav_menu li {
	display: inline;
}
ul.main_nav_menu li a {
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #000;
	line-height:22px;
}
ul.main_nav_menu li a{
	width:16%;
}
.nav_product ul.main_nav_menu li a {
	width:46%;
}
.nav_graphic_il ul.main_nav_menu li a {
	width:21%;
}
.nav_volunteer ul.main_nav_menu li a {
	width:10%;
}
.nav_digital ul.main_nav_menu li a {
	width:21%;
}
ul.main_nav_menu li a:hover {
	text-decoration: none;
	color:#FFFFFF;
}
.main_nav_hover_box {
	position: absolute;
	top: 0;
	background-color: #F15A29;
	z-index: -1;
}
.box_nav {
	margin-top:20px;
	margin-bottom:20px;
	height:32px;
	width:90%;
	max-width:1000px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E1DFDF;
	border-bottom-color: #E1DFDF;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 1px 1px 1px #E1DFDF;
}
/* End Animated Main Nav Styles */ 


/*END WHAT PAGE*/

/* FLASH PAGE */
a.linkopacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0;
     opacity: 1.0;
     -khtml-opacity: 1.0;
}
a.linkopacity:hover img {
     filter:alpha(opacity=50);
     -moz-opacity: 0.5;
     opacity: 0.5;
     -khtml-opacity: 0.5; 
}
.linkopacity img {
	padding: 4px;
	margin: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/dr_box.png);
	background-repeat: no-repeat;
}
.flash_inside{
	width:95%;
	height:387px;
}
.flash_iframe {
	height: auto;
	border: 1px dashed #E1DFDF;
	width: auto;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright:16px;
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-top-right-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	
}
/*END FLASH PAGE */

/*PROJECTS*/
.project_container{
	height: auto;
	width: 90%;
	max-width:1000px;
	border: 1px dashed #E1DFDF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
/*	background-color: #F7F4F4;*/
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(images/background.png);
}
.project_image {
	height: auto;
	border: 1px dashed #E1DFDF;
	width: auto;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	background-color: #fff;
	float: left;
	-moz-border-radius: 16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}
.project_description {
	height: auto;
	width: 310px;
	line-height: 30px;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
}
.leftlibrary {
	width: 50px;
	float: left;
}
.more_projects {
	margin-top: 5px;
	float: left;
	overflow:auto;
	height:125px;
	width:200px;
	line-height:14px;
	background-image: url(images/background.png);
}
.coding {
	margin-top: 15px;
	float: left;
	padding-left: 10px;
}
.adobe_box_left, .adobe_box_right, .adobe_box_left_home, .adobe_box_right_home, .adobe_box_home{
	height: auto;
	border: 1px dashed #E1DFDF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	background-color: #fff;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}
.adobe_box_right{
	float: right;
	width: 47%;
}
.adobe_box_left{
	float: left;
	width: 47%;
}
.adobe_box_right_home{
	float: right;
	width: auto;
	margin-top:220px;
}
.adobe_box_left_home{
	float: left;
	width: auto;
}
.adobe_box_home{
	width: auto;
}
.project_description_adobe {
	height: auto;
	width: 400px;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
#advertisment_content {
	height:300px;
	overflow:auto;
	margin-bottom:10px;
	margin-top:10px;
}
/*div.content_one,*/ div.content_two,
div.content_three,
div.content_four,
div.content_five,
div.content_six,
div.content_seven
{
	display:none;

}
/*.gallery a {
}*/
/*END PROJECTS*/

/*OPEN_CLOSE CONTENT*/
.box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px; 
	margin: 0 0 15px 0;
	background-color: #F3F3F3;
}
.box_content2 {
}
#box_nav { 
	padding: 5px 5px 5px 37px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	overflow: hidden; 
	margin: 0 0 10px 0; 
}
.corner_circle_content {
	margin-top: 35px;
	margin-left:15px;
}
#box_nav li, .corner_circle { 
	display: inline; 
	background-image: url(images/logo_icon.png);
	height: 160px;
	border: 2px solid #C00;
	float: left;
	width: 160px;
	padding: 0px;
	margin-top: 10px;
	-moz-border-radius: 300px;
	-webkit-border-radius:300px;
	border-radius:300px;
	margin-bottom: 10px;
	margin-right: 5%;
	margin-left: 5%;		
}
#box_nav li a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(images/open_box.png);
	float: left;
	border: none;
	padding: 0;
	cursor:pointer;
}
#box_nav li a#list-one-button { 
	background-position: -20px -20px;
}
#box_nav li.activeCatButton a#list-one-button { 
	background-position: -20px -40px; 
}
#box_nav li a#list-one-button:hover { 
	background-position: -20px 0px; 
}
#box_nav a#list-two-button { 
	background-position: -40px -20px; 
}
#box_nav li.activeCatButton a#list-two-button { 
	background-position: -40px -40px; 
}	
#box_nav li a#list-two-button:hover { 
	background-position: -40px 0px; 
}	
#box_nav a#list-three-button { 
	background-position: 0px -20px; 
}
#box_nav li.activeCatButton a#list-three-button { 
	background-position: 0px -40px; 
}
#box_nav li a#list-three-button:hover { 
	background-position: 0px 0px; 
}
#box_nav a#list-four-button{ 
	background-position: -80px -20px; 
}
#box_nav li.activeCatButton a#list-four-button { 
	background-position: -140px -40px; 
}	
#box_nav li a#list-four-button:hover { 
	background-position: -140px 0px; 
}
/*OPEN_CLOSE CONTENT*/

/*TABS*/
#tabs-3 table td {
	padding:10px;
	border: thin solid #EAEAEA;
}
#tabs-3 table tr:nth-child(even), #tabs-2 table tr:nth-child(even){
	background-color:#EAEAEA;
}
table td {
	padding:10px;
	border: thin solid #EAEAEA;
}
#tabs-5 .wholi_box ul li, .link_column, .services  {
	float: left;
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	-webkit-column-count: 2;
	-webkit-column-gap: 5px;
	column-count: 2;
	column-gap: 5px;
}
#tabs-5 .wholi_box ul li {
	width: 400px;
}
/*END TABS*/

/*END CONTENT*/

/*------------------------------------------------------------------------------------------*/

/*FOOTER*/
footer {
	height: 270px;
	text-align: center;
	bottom: 0px;
	width: 100%;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #FFF;
	float: left;
	margin-bottom: 0px;	
}
footer a:link, a:link {
	font-family: 'CartoGothicStdBold', Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
footer a:visited, a:visited {
	color: #F15A29;
	text-decoration: none;
}
footer a:hover, a:hover {
	color: #E1DFDF;
	text-decoration: none;
}
#top_bkg /*gray bar*/{
	background-image: url(images/top_bkg.png);
	background-repeat: repeat-x;
	height: 36px;
	width: 100%;
}
#site_nav, #interest_links, #disclaimer {
	float: left;
	width: 24%;
	height: 230px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #c6d09d;
	text-align: center;	
}
/*END FOOTER*/

/*------------------------------------------------------------------------------------------*/

/*FORMS*/
input, .input_message  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	margin-bottom: 4px;
	font-weight: lighter;
	border:1px solid #E1DFDF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 27px;
	border-radius: 5px;
	margin-left: 2px;	
}
input {
	height: 20px;
}
.input_message {
	height: 60px;
}
.button {
	border: 1px solid #ccc;
	height: 20px;
	color: #000;
	text-align: center;
	padding-right: 9px;
	padding-left: 9px;
	margin-top: -12px;
	margin-left: 2px;
	width: 50px;
	box-shadow: 3px 3px 1px #ccc;
	cursor:pointer;
}
.white/*backgroung form sent*/ {
	background-color: #FFF;
	height: 250px;
	margin: -10px;
}
#box_form {
	width:215px;
	margin-left: 10px;
}
#contact_form {
	width: 24%;
	float: left;
	text-align: center;
}
.contact_form_iframe {
	height: 228px;
	margin-right:0px;
	width:225px;	
}
#contact_form_content {
	width: auto;
	float: left;
}
.quick_contact {
	background-color: #FFF);
	padding: 5px;
}
.iframe_quote, .iframe_messenger {
	background-color: #FFF;
	border: 2px solid #E1DFDF;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright:16px;
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-top-right-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	float: left;
}
.iframe_quote {
	height: 400px;
	width: 565px;
}
.iframe_messenger {
	float: right;
	height: 275px;
	width: 340px;
	margin-left: 15px;
}
.skype {
	float: right;
	width: 300px;
	margin-top:30px;
}
/*END FORMS*/

/*------------------------------------------------------------------------------------------*/

/*NAVIGATION TUTORIALS*/
#nav_tutorial {
	position: absolute;
	width: 420px;
	right: 50px;
	top: 19px;
	height: 65px;margin: 0px;
}
#nav_tutorial ul li {
	display: inline;
}
#nav_tutorial ul li a {
	width: 38px;
	height: 38px;
	float: right;
	display: block;
	text-indent: -9999px;
	overline: hidden;
	margin-right: 20px;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}
#nav_tutorial ul li a#t5 {
	background-image: url(images/tutorial/sprite_tutorial.png);	
	background-position: 38px 0px;
}
#nav_tutorial ul li a:hover#t5,
#nav_software ul li a:focus#t5{
	background-position: 38px 38px;
}
#nav_tutorial ul li a#t4 {
	background-image: url(images/tutorial/sprite_tutorial.png);	
	background-position: 76px 0px;
}
#nav_tutorial ul li a:hover#t4,
#nav_tutorial ul li a:focus#t4  {
	background-position: 76px 38px;
}
#nav_tutorial ul li a#t3 {
	background-image: url(images/tutorial/sprite_tutorial.png);
	background-position: 115px 0px;
}
#nav_tutorial ul li a:hover#t3,
#nav_tutorial ul li a:focus#t3 {
	background-position: 115px 38px;
}
#nav_tutorial ul li a#t2 {
	background-image: url(images/tutorial/sprite_tutorial.png);
	background-position: 152px 0px;
}
#nav_tutorial ul li a:hover#t2,
#nav_tutorial ul li a:focus#t2{
	background-position: 152px 38px;
}
#nav_tutorial ul li a#t1 {
	background-image: url(images/tutorial/sprite_tutorial.png);	
	background-position: 0px 0px;
}
#nav_tutorial ul li a:hover#t1,
#nav_tutorial ul li a:focus#t1  {
	background-position: 0px 38px;
}
#wrapper .tutorial {
	height: 110px;
	background-image:none;
	background-color: #F15A29;
	width:100%;
}
.corner_content h1 img {
	margin-right: 8px;
}
.box_scroll {
	background-image: url(images/background.png);
	overflow: scroll;
	width: 640px;
	height: 140px;
	background-image:url(tutorials/slider/img/background.png);
	margin-left: 20px;
}
/*NAVIGATION TUTORIALS*/