@charset "UTF-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var, b, i, 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;

  vertical-align:baseline;

  background:transparent;

}

body{font-size:62.5%;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display:block;

}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,

q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

 

 

body { font:13px/1.231 sans-serif; *font-size:small; }

select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

 

body, select, input, textarea {   color: #444; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

html { overflow-y: scroll; }

 

a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }

a:hover { color: #036; }

 

ul, ol {
	margin-left: 1.8em;
	color: #666;
}

ol { list-style-type: decimal; }

 

nav ul, nav li { margin: 0; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

input:valid, textarea:valid   {  }

input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }

.no-boxshadow input:invalid,

.no-boxshadow textarea:invalid { background-color: #f0dddd; }

 

::-moz-selection{ background: #cc1b47; color:#fff; text-shadow: none; }

::selection { background:#cc1b47; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #cc1b47; }

 

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }

 

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }

.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;  }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	text-decoration:none;
	background-repeat:repeat;
	color: #F3F3F3;	
	}

#wrapper {
	width: 838px;
	height: 1150px;
	margin: 60px auto;
	font-family: Arial, Helvetica, sans-serif;
	}

#wrapperauto {
	width: 838px;
	height: auto;
	margin: 60px auto;
	font-family: Arial, Helvetica, sans-serif;
	}

#header {
	width:838px;
	height:39px;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}


#headerlogo
{	width:186px;
	height:39px;
	float:left;
	background-image: url(images/makgrafix_logo.png);
	}

  #headerlogo a:link, #headerlogo a:visited {	
	  text-decoration: none;
	  }
	  

#navigation {
	width: 470px;
	height: 20px;
	color:#FFFFF;
	float: left;
	padding-top:8px;		
	}
  
  #navigation a:link, #navigation a:visited {	
	  text-decoration: none;
	  }
	  
	  	   #navigation a:visited
	    {
	  color: #CCC;
	
	  }



#sub_navigation {
	width: 368px;
	height: 20px;
	color:#FFFFF;
	float:left;
	padding-top:8px;
	text-align:right;
	}


  #sub_navigation a:link, #sub_navigation a:visited {
	  text-decoration:none;
	    color:#f3f3f3;
	  }
	  
	  	   #sub_navigation a:visited
	    {
	  color: #CCC;
	  text-decoration:none;
	  }
	  

#navlinetop {
	width: 838px;
	height: 5px;
	background-image:url(images/line.png);
	float:left;
	margin-top: 4px;
	}

#navlinebottom {
	width: 838px;
	height: 5px;
	background-image:url(images/line.png);
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	}
	
	#navlineend {
	width: 838px;
	height: 5px;
	background-image:url(images/line.png);
	margin-top:5px;
	margin-bottom:40px;
	float:left;
	}

#content {
	width: 838px;
	height: 700px;
	margin-bottom: 0px;
	padding-top: 10px;
	float:left;
	}

#contentauto {
	width: 838px;
	height: auto;
	margin-bottom: 10px;
	padding-top: 10px;
	float:left;
	}

#profileauto {
	width: 838px;
	height: auto;
	margin-bottom: 4px;
	padding-top: 10px;
	float:left;
	}

#imageholderleft
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;


}



#imageholderleft1, #imageholderleft1 a:link, #imageholderleft1 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/1.png) no-repeat left center;
	display: block;


}

#imageholderleft1 a:hover
{
	background:url(images/1.png) no-repeat right center;
	
}




#imageholderleft2, #imageholderleft2 a:link, #imageholderleft2 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/2.png) no-repeat left center;
	display: block;


}

#imageholderleft2 a:hover
{
	background:url(images/2.png) no-repeat right center;
}




#imageholderleft4, #imageholderleft4 a:link, #imageholderleft4 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/4.png) no-repeat left center;
	display: block;


}



#imageholderleft4 a:hover
{
	background:url(images/4.png) no-repeat right center;
}


#imageholderleft5, #imageholderleft5 a:link, #imageholderleft5 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/5.png) no-repeat left center;
	display: block;


}

#imageholderleft5 a:hover
{
	background:url(images/5.png) no-repeat right center;
}




#imageholderleft7, #imageholderleft7 a:link, #imageholderleft7 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/7.png) no-repeat left center;
	display: block;


}

#imageholderleft7 a:hover
{
	background:url(images/7.png) no-repeat right center;
	
}



#imageholderleft8, #imageholderleft8 a:link, #imageholderleft8 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/8.png) no-repeat left center;
	display: block;


}

#imageholderleft8 a:hover
{
	background:url(images/8.png) no-repeat right center;
	
}



#imageholderleft10, #imageholderleft10 a:link, #imageholderleft10 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/10.png) no-repeat left center;
	display: block;


}

#imageholderleft10 a:hover
{
	background:url(images/10.png) no-repeat right center;
	
}


#imageholderleft11, #imageholderleft11 a:link, #imageholderleft11 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/11.png) no-repeat left center;
	display: block;


}

#imageholderleft11 a:hover
{
	background:url(images/11.png) no-repeat right center;
	
}


#imageholderleft13, #imageholderleft13 a:link, #imageholderleft13 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/13.png) no-repeat left center;
	display: block;


}

#imageholderleft13 a:hover
{
	background:url(images/13.png) no-repeat right center;
	
}

#imageholderleft14, #imageholderleft14 a:link, #imageholderleft14 a:visited
{
	width: 266px;
	height: 160px;
	margin-right: 20px;
	float:left;
	margin-bottom: 20px;
	background:url(images/14.png) no-repeat left center;
	display: block;


}

#imageholderleft14 a:hover
{
	background:url(images/14.png) no-repeat right center;
	
}



#imageholderright3, #imageholderright3 a:link, #imageholderright3 a:visited
{
	width: 266px;
	height: 160px;
	float:left;
	margin-bottom: 20px;
	background:url(images/3.png) no-repeat left center;
	display: block;
	

}

#imageholderright3 a:hover
{
	background:url(images/3.png) no-repeat right center;
	
}



#imageholderright6, #imageholderright6 a:link, #imageholderright6 a:visited
{
	width: 266px;
	height: 160px;
	float:left;
	margin-bottom: 20px;
	background:url(images/6.png) no-repeat left center;
	display: block;
	

}

#imageholderright6 a:hover
{
	background:url(images/6.png) no-repeat right center;
	
}


#imageholderright9, #imageholderright9 a:link, #imageholderright9 a:visited
{
	width: 266px;
	height: 160px;
	float:left;
	margin-bottom: 20px;
	background:url(images/9.png) no-repeat left center;
	display: block;
	

}

#imageholderright9 a:hover
{
	background:url(images/9.png) no-repeat right center;
	
}

#imageholderright12, #imageholderright12 a:link, #imageholderright12 a:visited
{
	width: 266px;
	height: 160px;
	float:left;
	margin-bottom: 20px;
	background:url(images/12.png) no-repeat left center;
	display: block;
	

}

#imageholderright12 a:hover
{
	background:url(images/12.png) no-repeat right center;
	
}

#imageholderright15, #imageholderright15 a:link, #imageholderright15 a:visited
{
	width: 266px;
	height: 160px;
	float:left;
	margin-bottom: 20px;
	background:url(images/15.png) no-repeat left center;
	display: block;
	

}

#imageholderright15 a:hover
{
	background:url(images/15.png) no-repeat right center;
	
}

#footer
{
	width: 838px;
	height: 36px;
	margin: 1px auto;
	
	
		
}



#socail
{
	width: 57px;
	height: 25px;
	font-size:10px;
	text-align:left;
	float:left;
	margin-left:595px;
	margin-top:9px;
		
}



#footer_text
{
	width: 838px;
	height: 18px;
	font-size:11px;
	text-align:left;
	color:#999;
	float:left;
	
	
		
}

#facebook_social, #facebook_social a:link, #facebook_social a:visited
{
	width: 25px;
	height: 25px;
	font-size:10px;
	background:url(images/facebook_icon.png) no-repeat left center;
	display:block;
	float:left;
	

		
}



#facebook_social a:hover
{
	background:url(images/facebook_icon.png) no-repeat right center;
	
}


#twitter_social, #twitter_social a:link, #twitter_social a:visited
{
	width: 25px;
	height: 25px;
	font-size:10px;
	background:url(images/twitter_icon.png) no-repeat left center;
	display:block;
	float:right;
	
	
	

		
}

#twitter_social a:hover
{
	background:url(images/twitter_icon.png) no-repeat right center;
	
}
	  
	  





#profilecolumn_middle_right

{
	width: 259px;
	height: 350px;
	float:left;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#999;
	line-height: 130%;
	letter-spacing:0.20pt;		
}


 #profilecolumn_middle_right, a:visited
  {
	  color: #999;
	  text-decoration:none;
	  }
	  
	
	  
	  
#profilecolumn_middle_right a:hover
{
	color: #CCC;
	text-align: left;
}

#profilecolumn_pic

{
	width: 259px;

	float:left;
	font-size:10px;

	color:#999;
	line-height: 200%;
	letter-spacing:0.20pt;		
}

  #profilecolumn_pic a:link, a:visited
  {
	  color: #999;
	  text-decoration:none;
	  }
	  
	
	  
	  
#profilecolumn_pic a:hover
{
	color: #CCC;
	text-align: left;
}



#portfoliocolumn_images

{
	width: 550px;
	height: auto;
	float:left;
	color: #999;
	margin-bottom: 10px;
	font-size:12px;
	
	
		
}


  #portfoliocolumn_images a:link, a:visited
  {
	  color: #999;
	  text-decoration:none;
	  }
	  
	
	  
	  
#portfoliocolumn_images a:hover
{
	color: #CCC;
	text-align: left;
}



#portfolio_right

{
	width: 259px;
	height: 300px;
	float:left;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#999;
	line-height: 140%;

	text-align: left;
}

  #portfolio_right a:link, a:visited
  {
	  color: #999;
	  text-decoration:none;
	  }
	  
	   #porfolio_right a:visited
	    {
	  color: #CCC;
	  text-decoration:none;
	  }
	  
	  
#portfolio_right a:hover
{
	color: #CCC;
	text-align: left;
}


#line_short
{
	width: 259px;
	height: 5px;
	background-image:url(images/line_short.png);
	
}


#logosleft1 
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;

}




#logosleft2
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;
	
}


#logosleft4
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft5
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft7
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft8
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft10
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft11
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft13
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft14
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft16
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft17
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft19
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft20
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft22
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}

#logosleft23
{
	width: 260px;
	height: 260px;
	margin-right: 27px;
	float:left;
	margin-bottom: 27px;


}


#logosright3
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}


#logosright6
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}

#logosright9
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}

#logosright12
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}

#logosright15
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}

#logosright18
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}

#logosright21
{
	width: 260px;
	height: 260px;
	float:left;
	margin-bottom: 27px;
	
}



#wrapperauto #contentauto #profilecolumn_middle_right div {
	text-align: left;
}
#contentauto #portfolio_right div {
	color: #999;
	text-align: left;
}
#link {
	color: #CCC;
}
#right {
	text-align: right;
}


p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{

width:530px;

}

/* ----------- stylized ----------- */
#stylized{


}
#stylized h1 {
font-size:12px;
margin-bottom:10px;
}
#stylized p{
font-size:12px;
color:#666666;
margin-bottom:10px;
border-bottom:solid 1px #999;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:left;
width:73px;
float:left;
margin-top: 5px;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999;
width:440px;
margin:0px 0px 10px 10px;

}

#stylized textarea{
width:440px;
height:200px;
padding:4px 2px;
float:left;
margin-left:10px;
border:solid 1px #999;
resize:none;
}

/* Form Errors */
#stylized .error label .formtext{color:#f00;}
#stylized .error input,
#stylized .error textarea{border-color:#f00;}

#stylized button{
clear:both;
float:right;
margin-right:3px;

margin-top:10px;
width:60px;
height:30px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;

}