/* CSS Document */
* { padding: 0px; margin: 0px; border:0px;} /* for everything - padding*/

p {
	font-family:Arial, Helvetica, sans-serif;
 	color: #aac7d5;
	font-size:12px;
	font-style:normal;
}

/*
.something {
	font-size:1em;
}*/

/*unordered list - menu list*/
ul { 
	font-family:Arial, Helvetica, sans-serif;
	color: #aac7d5;
	font-size:14px;
	font-style:normal;
}


body {	background-color: #0a1014; }

h1, h2, h3, h4, h5 {
	color: #d2b14a;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom-style:double;
	border-color: #315164;
	border-width:thin;
	padding-top:10px;
	margin-bottom:10px;
}

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

a {text-decoration:none;}
a:link { color:#D8E4EB;}      /* unvisited link */
a:visited {color:#D8E4EB;}  /* visited link */
a:active {color:#D8E4EB;}  /* selected link */ 
a:hover {color:#D8E4EB;}  /* mouse over link */
a:focus {color:#D8E4EB;}


/*MAIN ELEMENTS FOR BODY AND HEADER*/
#wrapper { /* main wrapper is cotainer for everything in webpage, like a border*/
	width: 960px;
	border:solid;
	border-width:0px;
	border-color:#182832;
	margin: auto;
	margin-top: 0px;
	padding-top: 0px;
	background-color:#192A35;
}

/* header dimensions and image*/
#header { 
	background-color:#192A35;
	background-image:url(../images/web_elements/header_v02.jpg);
	border-bottom:2px;
	border-bottom-color:#404244;
	height: 30px;
	padding-top:300px;
}

/* top menu*/
#menu {
	border-bottom:0px;
	border-bottom-style:double;
	border-bottom-color:#213642;
	padding:1px 10px 10px 4px;
	height:14px;
	
}

/* top menu selection alignment*/
#selection {
	float:right;
	padding-top:4px; /* menu padding from top image*/
}

/* top menu - small box next to menu item */
#selection a { 
	color:#CCC;
	padding-left:10px;
	padding-right:10px;
	border-left-style:solid;
	border-color: #666;
	border-width:thick;
}
#selection a:hover { color:#FFF; }  /* when mouse over menu brighter text */
#selection a:focus { color:#FFF; }

/* when mouse over menu item left box turns orange */
#selection ul li a:hover { 
	padding-left:10px;
	padding-right:10px;
	border-left-style:solid;
	border-color:#FFA200;
	border-width:thick;
 }

/* organize unordered menu list in one line and not in rows */
/* define font size for menu items and font type */
#selection ul li { 
	display:inline;
	font-style:normal;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
}

/* social icons in the main top menu */
/* this is one image only, with 2 rows */
.social01 {
   width: 26px;
   height: 26px;
   background-image:url(../images/web_elements/soc_icons.jpg);
   url(http://https://www.facebook.com/toni.bratincevic);
   background-position: 0 0;
   padding-right: 0px;
   margin-left: 10px;
   margin-right:4px;
   float:left;
}
.social02 {
   width: 26px;
   height: 26px;
   background-image:url(../images/web_elements/soc_icons.jpg);
   url(http://intercepto.deviantart.com/);
   background-position: -25px 0;
   margin-right:4px;
   float:left;
}
.social03 {
   width: 26px;
   height: 26px;
   background-image:url(../images/web_elements/soc_icons.jpg);
   url(https://www.linkedin.com/pub/toni-bratincevic/83/634/592);
   background-position: -50px 0;
   padding-right: 0px;
   margin-right:4px;
   float:left;
}
.social04 {
   width: 26px;
   height: 26px;
   background-image:url(../images/web_elements/soc_icons.jpg);
   url(https://www.linkedin.com/pub/toni-bratincevic/83/634/592);
   background-position: -75px 0;
   padding-right: 0px;
   margin-right:5px;
   float:left;
}

/*shifts image to second row on mouse over */
.social01:hover { background-position: 0 100%; }
.social02:hover { background-position: -25px 100%; }
.social03:hover { background-position: -50px 100%; }
.social04:hover { background-position: -75px 100%; }


#body {
	padding: 20px;
	border-color:#0a1014;
	border-style:solid;

}

#body p {
	padding-bottom: 20px;
	line-height:180%;
}

#body ul li {
	list-style:none;
	line-height:180%;
}


/*FOTTER*/

#fotter {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	padding:10px;
	padding-bottom:20px;
	color:#0F9;
	height:20px;
	clear:both;
}

#copyright {}

#copyright p {
	color:#375B73;
	font-style:normal;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	padding-top:7px;
}


/* ARE THESE USED OR NOT */
#social {
	float:right;
}

#social ul li {
	display:inline;
	padding-left:10px;
}
/* ARE THESE USED OR NOT */



/* BODY ELEMENTS - WHAT ARE THESE*/
#portfolio_sel {
	background-color:#0a1014;
	width:207px;
	border-style:solid;
	border-width:1px;
	padding:5px;
	float:left;
	margin:4px;
}
#portfolio img {
	background-color:#0F0;
	border-width:thick;
	border:thick;
	border-color:#0F3;
}

#portfolio_sel p {
	font-size:12px;
}
#image_A {

}

#image_A a {
	border-style:solid;
	border-color:#0F0;
	border-width:2px;
}

#image_A a:hover {
	border-style:solid;
	border-color: #FF0;
	border-width:2px;
}


/* PERSONAL GALLERY SECTION*/
#gallery_personal { }

/* PERSONAL GALLERY SECTION - description on the top */
#gallery_personal_header {
	float:left;
	width:900px;
	padding-right:30px;
	text-align:justify;
}
/* PERSONAL GALLERY SECTION - thumbnail images list borders */
#gallery_A {
	padding: 6px;
	margin: 5px;
	margin-bottom:35px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	width:160px;
	height:260px;
	float:left;
	background-color:#0a1014;
	text-align:center;
}
#gallery_A2 {
	padding: 6px;
	margin: 5px;
	margin-bottom:10px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	width:280px;
	height:160px;
	float:left;
	background-color:#0a1014;
	text-align:center;
}

.galA_padding {
	padding-top: 6px;
	padding-bottom: 12px;
	margin:0px;
}

/* PERSONAL GALLERY SECTION - text under */
#gallery_A p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-stretch:normal;
	font-style:normal;
	text-transform:uppercase;
	color:#426371;
}

/* PERSONAL GALLERY SECTION - ???*/
#gallery_A p a:hover {
	background-color:#309;
	border-color:#C30;
}

/* PERSONAL GALLERY SECTION - sketches thumb images */
#gallery_B {
	padding: 2px;
	padding-bottom:2px;
	margin:5px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	width:80;
	height:80;
	float:left;
	background-color:#0a1014;
}

/* PERSONAL GALLERY SECTION - padding under the beginnings area  */
#gallery_B_headpad {
	padding-top:50px;
}

#personal_image {
	
}

#personal_image p {
	font-size:12px;
	font-stretch:normal;
	font-style:normal;
	line-height:150%;
	color: #7cafb8;
	text-align: left;
	line-height: 2;
}

#personal_image strong {
	color: #BEDBDC;
}

#personal_image h1 {
	line-height:100%;
	padding-left:00px;
	padding-bottom:8px;
	margin-bottom:5px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	border: 0px;

}
#personal_image h3 {
	line-height:100%;
	padding-left:00px;
	color: #BEDBDC;
	padding-bottom:8px;
	margin-bottom:5px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	border: 0px;

}
#personal_image h2 {
	color:#d2b14a;
	line-height:100%;
}

#personal_G {
	padding: 4px;
	padding-bottom: 4px;
	margin:0px;
	margin-bottom:20px;
	margin-top:10px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#223745;
	width:910px;
	height:auto;
	float:left;
	background-color:#0a1014;
	text-align:center;
}

/* PERSONAL PER IMAGE - small additional images at the bottom */
#personal_apps {
	font-family:Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	font-size:10px;
	color:#7cafb8;
	padding-bottom:5px;
	text-transform: uppercase;
}

/* PERSONAL PER IMAGE - small additional images at the bottom */
#personal_addimg {
	padding: 4px;
	margin:0px;
	margin-right:10px;
	margin-bottom:10px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	float:left;
	background-color:#0a1014;
}
/* PERSONAL GALLERY SECTION - END */

#tutorial_block {
	width: 900px;
	padding-right: 30px;
	float:left;
	
}

#tutbox_A {
	padding: 6px;
	margin:5px;
	margin-bottom:55px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	width:120px;
	height:195px;
	float:left;
	background-color:#0a1014;
	text-align:center;
}

#tutbox_A p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-stretch:normal;
	font-style:normal;
	text-transform:uppercase;
	color:#aac7d5;
	padding-top: 5px;
}

#tutorials_A {
	padding-bottom:10px;
	margin-bottom: 10px;
	color:#0F6;
	width:900px;
}


#tutorials_B_txarea { float:left; width:900px; padding-left:0px; margin-left:0px; padding-bottom: 20px; }

#tutorials_A p {

	padding-right:10px;
	line-height:120%;
	padding-bottom:5px;
	margin-bottom:0px;
	text-align:left;
		color: #86ADAE;
}

#tutorial_block h1 {
	padding-left: 2px;
	line-height:120%;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-right:10px;
	font-size:18px;
	border-width: 1px;
	border-top: 1px;
}

#tutorial_block p {
	line-height:160%;
	font-size:12px;
	
}

#tutorials_A h3 {
	line-height:100%;
	padding-left:00px;
	color: #BEDBDC;
	padding-bottom:0px;
	margin-bottom:5px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	border: 0px;

}

#tutorials_A_soft {
	padding-bottom:4px;
	padding-top: 4px;
	margin-top: 0px;
}
#tutorials_A_soft  p{
	font-size:12px;
	text-transform:uppercase;
	color: #d2b14a;;
	font-weight: bold;
}

#press {}

#press p { line-height:100%;}

#links p{
	padding:0px;
}

#links h2 {
	color: #d2b14a;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom-style:double;
	border-color: #315164;
	border-width:thin;
	padding-top:10px;
	margin-bottom:10px;
}

#links_a {
	float:left;
	width:430px;
}
#links_b {
	padding-left:50px;
	float:left;
	width:430px;
}

/* NEWS AREA - small date */
#news_date {
	font-family:Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	font-size:10px;
	color:#999;
	padding-bottom:5px;
}

/* NEWS AREA - main big title */
#news_title {
	color: #d2b14a;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom-style:double;
	border-color: #315164;
	border-width:thin;
	padding-top:2px;
	margin-bottom:10px;
	font-size:16px;
}

/* NEWS AREA - body - explanation*/
#news_content {
	padding-top: 10px;
	margin-left: 40px;
	font-family:Arial, Helvetica, sans-serif;
 	color: #aac7d5;
	font-size:12px;
	font-style:normal;
	line-height:160%;
	padding-right:40px;
	text-align:justify;
	margin-bottom:20px;
}

#news_content p{
	margin-bottom:0px;
	text-align:justify;
}

#news_img {
	
	padding: 6px;
	margin:5px;
	margin-bottom:25px;
	color:#0F6;
	border:1px;
	border-style:solid;
	border-color:#2a3f44;
	width:160px;
	height:260px;
	float:left;
	background-color:#0a1014;
	text-align:center;
	margin-left: 60px;
	clear:both;
}

#pro_project {
	background-color: #223947;
	padding: 10px;
	margin-bottom: 20px;
}

#pro_project h2 {
	color:#d2b14a;
	line-height:100%;
}


#pro_project p {
	font-size:12px;
	font-stretch:normal;
	font-style:normal;
	line-height:140%;
}

#pro_video {
	font-size:14px;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
	color: #BEDBDC;
}

#pro_project_A {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-stretch:normal;
	font-style:normal;
	text-transform:uppercase;
}




#closedA { clear:both }

.tutA_padding { padding:0px; margin:0px; }

a.ex1:hover,a.ex1:active {color:red;}


.img_somethimg {}

p strong {
    font-weight: bold;
	color:#d2b14a;
}

p strongB {
    font-weight: bold;
	color:#d2b14a;
}

p strongc {
    font-weight: bold;
	color:#D8E4EB;
	text-transform:uppercase;
}