/* Greg Carrick Portfolio Website CSS */

*{
    margin: 0;
    padding: 0;
}

p{
    color: #6c6b6b;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    line-height: 18px;
}

h1{
    color: #6c6b6b;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 15px;
}

img{
    border: none;
}

#container{
    margin: auto;
    width: 820px;
}

#header{
    border-bottom: 2px solid #0054bb;
    height: 90px;
    margin-bottom: 25px;
}

#links {
    margin-top: 62px;
    float: left;
}

#links ul li {
    display: inline;    
}

#links ul li a{
    padding: 10px;
    font-family: arial, helvetica, sans-serif;
    color: #0054bb;
    text-decoration: none;
}

#links ul li a:hover {
	background-color: #0054bb;
        color: #fff;
	padding: 10px;
}

#logo{
    float: right;
}

.images{
    float: left;
    width: 820px;
}

.image{
    border: 2px solid #0054bb;
    height: 106px;
    margin: 0 20px 20px 0;
    width: 514px;
    float: left;
}

.image-big{
    border: 2px solid #0054bb;
    height: 224px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big2{
    border: 2px solid #0054bb;
    height: 323px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big3{
    border: 2px solid #0054bb;
    height: 560px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big4{
    border: 2px solid #0054bb;
    height: 426px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big5{
    border: 2px solid #0054bb;
    height: 588px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big6{
    border: 2px solid #0054bb;
    height: 399px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big_logo{
    border: 2px solid #0054bb;
    height: 311px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big_street{
    border: 2px solid #0054bb;
    height: 370px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big_blacker{
    border: 2px solid #0054bb;
    height: 509px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big-gee{
    border: 2px solid #0054bb;
    height: 364px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-big-voda{
    border: 2px solid #0054bb;
    height: 217px;
    margin: 0 20px 20px 0;
    width: 516px;
    float: left;
}

.image-small{
    border: 2px solid #0054bb;
    float: left;
    height: 212px;
    margin: 0 38px 20px 0;
    width: 235px;
    float: left;
}

.image-sky{
    border: 2px solid #0054bb;
    float: left;
    height: 600px;
    margin: 0 50px 20px 0;
    width: 160px;
    float: left;
}

.image-square{
    border: 2px solid #0054bb;
    float: left;
    height: 250px;
    margin: 0 0 20px 0;
    width: 300px;
    float: left;
}

.acid{
    width: 516px;
}

.no-margin{
     margin-right: 0;
}

.text{
    float: right;
    margin-bottom: 20px;
    width: 280px;
}

.text a{
    color: #6c6b6b;
}

#footer{
    border-top: 2px solid #0054bb;
    clear: both;
    margin-bottom: 25px;
    padding: 10px 0;
}

#footer p, a{
    color: #0054bb;
    display: inline;
}

#copy{
    float:left;
}

#val{
    float: right;
}

/* Contact Form */

fieldset{
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 490px;
    border: none;
}

form{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color: #6c6b6b;
    width: 538px;
}

label{
	display:block;
	margin-bottom:2px;
}

input#name, #email, #subject{
	width: 250px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;
	margin-bottom:20px;
	padding:4px;
	color: #6c6b6b;
}

textarea{
        padding:4px;
	width: 250px;
	height: 100px;
	border: 1px solid #6c6b6b;
}

#submit{
	margin-top:20px;
}

/* Validation */

input, select {
    border: 1px solid #888;
    background: #fff;
    padding: 3px 4px;
    color: #222;
    margin: 0px 5px 0px 0px;
}

input:focus, select:focus {
    outline: none;
}

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #fff;
}

.ErrorField {
    border-color: #0054bb;
    color: #0054bb;
    background: #fff;
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #0054bb;
    padding-left: 10px;
    font-style: italic;
}