/* CSS Document */

/*_________________Global Settings____________________*/

* {

	padding:0px;

	margin:0px;

}

body{

background:url(../images/bg.jpg);

margin-bottom:20px;

font-family:Arial, Helvetica, sans-serif;

color:#000000;

line-height:1.5em;

text-decoration:none;

border:none;

}

hr{

color:#000000;

width:75%;

margin:auto;

}

a{

text-decoration:none;

color: #666666;

}

ol  {

margin:0px;

padding:0px 80px 0px 95px;

list-style-type: disc;

}

table{

  margin:auto;

  border:1px solid  #666666;

}

tr{

  text-align:center;

  border:1px solid  #666666;

}

td{

padding:10px;

border:1px solid  #666666;

}

img{

border:none;

max-width:100%;

}

input{

padding:5px;

}

input:focus{ 

border:1px solid black;

}

textarea{

resize: none;

padding:10px;

width:236px;
height: 130px;  

}

/*_______________END______________________*/

/*_______________CLASSES______________________*/


h2.heading1{
	text-align: center;
	    padding-top: 90px;
    text-indent: -70px;
    font-size: 32px;
}



h2.heading, h1.heading{

padding: 0px 80px;   
font-size: 24px;

}

h3.heading{

padding: 0px 80px;

}

h3.heading_banner{

text-align:center;

text-indent:70px;

}

p.body_txt{

text-align:left;

padding:20px 80px;

}

p.body_txt_links{

text-align:justify;

padding-left:80px;

padding-top:20px;

padding-bottom:20px;

padding-right:20px;

}

p.footer{

text-align:center;

}

.rightImage {

        border:none;

	padding-right:80px;

	padding-left:80px;

	padding-top:20px;

	float: none;

}

.leftImage {

        border:none;

	padding-right:20px;

	padding-left:80px;

	padding-top:20px;

	float: left;

}

.middleImage {

        border:none;

	padding-right:75px;

	padding-left:75px;

	margin:20px 0px;

        }

.caption {

	color: #000066;

	text-align: center;

}

.cntctInput{

 padding: 1px 3px;

 width: 250px;

}

/*_______________END______________________*/

/*_______________NAVIGATION______________________*/

#nav{

max-width:700px;

height:80px;

margin:auto;

background:url(../images/menu_bg.png) center top;

}

div#nav ul {

height: 60px;

margin:0 auto;

list-style: none;

display:table;

}

div#nav ul li{

display:inline;

padding:0px 40px;

font-size:18px;

display:inline-block;

float: left;

text-align: center;

margin-top:5px;

}

div#nav ul li a{

color:#000000;

width:100%;

height:30px;

display:block;

text-decoration: none;

padding: 10px 0px;

margin:0px;

text-align:center;

}

div#nav ul li a:hover{

background:url(../images/nav_underline.png) center bottom no-repeat;

}

div#nav .selectedPage{



background:url(../images/nav_underline.png) center bottom no-repeat;

color:#000000;

}



/*_______________END______________________*/

/*_______________BANNER______________________*/

#banner{

background: url(../images/portfolioBanner.png) center top no-repeat ;

margin:auto;

max-width:701px;

height:212px;

}

/*_______________END______________________*/

/*_______________CONTAINERS______________________*/

#content_container{

background:url(../images/page_lines.png) center top repeat-y;

margin:auto;

max-width:700px;

height:100%;

padding-bottom:20px;

}

#content_container a:hover{text-decoration: underline;}

/*_______________END______________________*/

/*_______________Footer NAVIGATION______________________*/

#footer{

max-width:700px;

height:124px;

margin:auto;

background:url(../images/footer.png) center top;

font-size:12px;

}

#footer ul {

margin-top:0px;

padding: 0px 0px;

}

#footer li{

display:inline;

padding:0px px;

font-size:18px;

width:10px;

font-size:12px;

}

#footer a{

text-decoration:none;

padding: 5px 5px;

color:#000000;

}

#footer a:hover{

padding: 5px 5px;

color:#666666;

text-decoration:underline;

}

#footer .selectedPage{

padding: 5px 5px;

}

/*_______________END______________________*/

/*_______________FORM______________________*/

form{

padding: 0px 80px;

}

form.cmxform fieldset {

  margin-bottom: 10px;

}

form.cmxform legend {

  padding: 0 2px;

  background-color:#EBE9E9;

  border:solid;

  border-width:thin;

}

form.cmxform label {

  display: inline-block;

  line-height: 1.8;

  vertical-align: top;

}



form.cmxform fieldset ol {

  margin: 0;

  padding: 0;

}

form.cmxform fieldset li {

  list-style: none;

  padding: 5px;

  margin: 0;

}



form.cmxform label {

  width: 120px; /* Width of labels */

 }

  /*_______________END______________________*/

/*

PORTFOLIO */

#gallery{padding:0px 65px 0px 80px;}

.clear:after{clear:both; content:" "; display:block; line-height:0px; height:0px; }

.left-item, .right-item{float:left; width:50%;}

.left-item > div{padding-right:10px;}

.right-item > div{padding-left:10px;}

.item{padding-bottom:10px;}

.item a{font-size:18px; line-height:32px;}

#content_container img{box-shadow: 0px 0px 4px #222; -webkit-box-shadow:0px 0px 4px #222; -moz-box-shadow:0px 0px 4px #222;}

#content_container img.about{box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.rightImage{width auto;}

  

  



@media screen and (max-width:768px){

	

 

}



  



@media screen and (max-width:600px){

	div#nav ul li{padding:0px 30px;}

	h2.heading,h3.heading,p.body_txt,p.body_txt_links,p.footer, form, #gallery{padding-left:20px; padding-right:20px;}

	.rightImage{padding-right:20px;}

	.leftImage{padding-left:20px;}

	ol{padding:0px 20px 0px 35px;}

	hr{width:90%;}
	h2.heading, h1.heading{padding-left: 20px; padding-right: 20px;}

}

 

@media screen and (max-width:480px){

	div#nav ul li{padding:0px 20px;}

 }

	@media screen and (max-width:420px){

		div#nav ul li{padding:0px 15px;}

		hr{width:88%;}

		.left-item, .right-item{float:none; width:auto;}

		.left-item > div{padding-right:0px;}

		.right-item > div{padding-left:0px;}

		.portfolio-item .rightImage{width:auto; float:none; padding-left:20px; }

	 }

	 

 @media screen and (max-width:360px){

	div#nav ul li{padding:0px 10px;}

	hr{width:86%;}

	textarea{width: 220px;}
	.cntctInput{width: 230px;}

 }

 

 @media screen and (max-width:320px){

	div#nav ul li{padding:0px 7px;}

 }