StyleSheet

@import 'reset.css';


* {
	margin:0;
	padding:0;
	list-style:none;
}

img {border: 0px;}

html {background:#221816;  height: 100%; margin-bottom: 1px;}
p {
	color: #faf7dd;
	font-size:10pt;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}
#cta{margin-top:700px; margin-left:80px;}

.clear
{
	clear:both;
}

.floatLeft
{
	float:left;
}

#leftSide
{
	width: 572px;
	height: 768px;
	background:url(../images/carlitonova_left.jpg) no-repeat top left #221816 ;
}

#rightSide
{
	width: 400px;
	height: 730px;
	background:url(../images/carlitonova_right.jpg) no-repeat top left #221816 ;
	
}

#wrapper
{
	width: 100%;
	height:768px;
	background:url(../images/bg-repeat.jpg) repeat-x;
	
}

#contentContainer
{
	margin-left:auto;
	margin-right:auto;
	width:1040px;
}

#picsContainer
{
	width: 320px;
	height: 226px;
	margin-top: 280px;
	margin-left: 78px;
}
.pic
{
	float:left;
	margin:5px;
	border:5px #574c49;
}

#textBox
{
	margin-top: -15px;
}

#socialLogos
{
	width:400px;
	height:30px;
	margin-left:100px;
}

#formcontainer
{
	margin-top:690px;
	margin-left:15px;
	width: 560px;
	height:40px;
}
/*===========FORM===========*/
 .focusField{
    	border:solid 2px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
    .idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }
	
    #status{
    	width:50%;
    	padding:10px;
    	height:42px;
    	outline:none;
    }
/*===========GALLERY===========*/	

#galleryInfo{
	width:400px;
	margin-top:450px;

}

#gallery .galleryInnerShell{
	position:absolute;
	width:400;
	height:445px;
}

#page-wrap			{ width: 400px; margin: 0 auto; }

.thumbnailbox		{ padding: 0px; margin: 4px; border: 3px solid #bfb594; display: block; width: 100px;
					  float: left; }
.thumbnailbox:hover	{ border-color: #72c7a8; }
hr {
	clear: both;
	height: 0;
	border: 0;
	visibility: hidden;
	}
	
#photoWrapper {width:400px; height:720px;}

/* The toolbar for the content box */
#contentArea {width:400px; height:720px;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 6px;
margin-left:0px;
margin-top:20px;
width: 400px;

}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a:visited{
padding: 0 5px;
text-decoration: none; 
color: #fff;
padding: 10px 34px 10px 34px;
}

.pagination a{
padding: 10px 34px 10px 34px;
text-decoration: none; 
color: #fff;
background-color:#191210;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #72c7a8;

}

.pagination a:hover, .pagination a:active{
color: #161616;
font-weight:bold;
background-color: #72c7a8;
padding: 10px 34px 10px 34px;
border:1px solid #72c7a8;
}

.pagination a.currentpage{
	background-color: #FFF;
	color: #161616 !important;
	font-weight: bold;
	cursor: default;
/*	background: url(../images/img-pagination-bgover.jpg) repeat-x;*/
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #161616;
	border-color: #FFF;
	font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
background-color:#FFF;
}