/* RESETS */
@import url(reset.css);



* {margin:0;padding:0;}
html { overflow-y: scroll; }
html, body {
    height: 100%;
}


.wrapper {
	border-left:dashed;
	border-right:dashed;
	border-left-color:#000000;
	border-right-color:#000000;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	position: relative;
    width: 850px;
    font-size: 0.9em;
    text-align: left;
	background:#FFFFFF;
}
.footer, .push {
    height: 40px; /* .push must be the same height as .footer */
}

img {border:0;}
:focus {outline:0;}
.strong {font-weight:bold;}
.black {color:black;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;line-height:1.35em;}
h1 {font-family:Arial Narrow;font-size:48px;padding-bottom:15px;color:#000000;}
h1 em {font-family:Georgia;font-size:38px;color:#000000;}
h2 {font-size:23px;padding-bottom:15px;color:#000;}
h3 {font-size:18px;padding-bottom:15px;padding-left:30px;padding-right:30px;color:#000000;}
h4 {font-size:25px;padding-bottom:10px;}
h5 {font-size:15px;padding-bottom:5px;padding-left:5px;padding-right:50px;font-family: 'Trebuchet MS', Helvetica, sans-serif;}
h6 {font-size:13px;font-weight:bold;padding-top:2px;padding-left:2px;margin-bottom:5px;width:300px;background:black;color:white;}
h7 {font-size:12px;padding-bottom:5px;font-family: 'Trebuchet MS', Helvetica, sans-serif;}
h8 {font-size:15px;font-weight:bold;padding-bottom:5px;color:#000000;padding-left:5px;padding-right:50px;font-family: 'Trebuchet MS', Helvetica, sans-serif;}

p {padding-bottom:15px;}
hr {border:none;border-top:1px solid #BDB39E;margin-bottom:15px;}
a {color:#ADCBDE; text-decoration:none;}
a:hover {text-decoration:underline;}
b,strong {font-weight:normal;color:#555555}
.alignleft {float:left;}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {float:right;}

/* fixed */
.fixed{clear:both;margin:0;padding:0;}

/* LAYOUTS & BACKGROUNDS */
.topper {
    height:74px;
	background:#000000 url(http://www.conceptsofmotion.com/images/bg.png) top left;;
	width:850px;
}

body {
	background: #FFFFFF url(http://www.conceptsofmotion.com/images/bgimage4.jpg) repeat fixed top left;
	font:14px/1.35 Georgia, serif;
	color:#000000;
	padding-bottom:0px;
}


#header {
    width:850px;
    margin: 0 auto; 
    position:relative;
}

#header .content {
    height:50px;
}

#content {
	width:850px;
    margin:0 auto;  
}

#content .content {
}


/* TWO COLUMN LAYOUT */


.two-col {

}


.two-col > div.full {
    width:850px;
	float:left;		
}

.two-col > div.left {
    width:450px;
    float:left;
}

.two-col > div.right {
    width:400px;
    float:left;
}

.two-col > div.leftbio {
    width:350px;
    float:left;
	padding-left:50px;
}

.two-col > div.rightbio {
    width:450px;
    float:left;
}

.two-col > div.leftexp {
    width:250px;
    float:left;
}

.two-col > div.rightexp {
    width:600px;
    float:left;
}

.two-col > div.leftcontact {
    width:100px;
    float:left;
}

.two-col > div.rightcontact {
    width:700px;
    float:right;
}
/* fixed */
.fixed{clear:both;margin:0;padding:0;}




/*footer*/

.footer {
    position: relative;
    width: 850px;
    margin: 0 auto;
	background:#ADCBDE;
}
#footer-inside{position:relative;width:660px;margin:0 auto;padding:7px 0px 0px 0;color:#000000;font-family: 'Trebuchet MS', Helvetica, sans-serif;}
#footer-inside a{border-bottom:5px dashed #aaa;color:#39AECF;}
#footer-inside #back-to-top{position:absolute;top:5px;right:150px;color:#5E412F;font-size:12px;}
#footer-inside #back-to-top a{border:none;color:#5E412F;}


/* LISTS */

#main-nav {
    position:absolute;
    top:0px;
    right:6px;
    padding-top:8px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
    background:url(images/bg-nav.png) no-repeat;
}

#main-nav li {
    display:inline;
}

#main-nav li a {
    font-style:italic;
    padding:0 20px;
    color:#ADCBDE;
    text-decoration:none;
}

#fotos-nav {
    position:absolute;
    top:130px;
    right:6px;
    padding-top:8px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#fotos-nav li {
    display:inline;
}

#fotos-nav li a {
    font-style:italic;
    padding:0 20px;
    color:#ADCBDE;
    text-decoration:none;
}

#fotos-nav li a:hover {
    text-decoration:underline;
}

#content ol {
    margin-left:30px;
    padding-top:10px;
}

#content ol li {
    padding-left:5px;
    padding-bottom:15px;
    font-size:30px;
}

#content ol li p {
    font-size:14px;
}


#content ul.indent {
    margin-left:30px;
}

#content ul {
    padding-bottom:15px;
}

#content ul li {
    list-style:none;
    padding-left:12px;
    padding-bottom:3px;
    background:url(images/bullet-square.png) no-repeat 4px 9px; 
}

#content ul.tick li {
    padding-left:28px;
    padding-bottom:10px;
    background:url(images/icon-tick.png) no-repeat 3px 1px; 
}

#content ul.links li {
    padding-left:50px;
    padding-bottom:15px;
}

#content ul.links li a {text-decoration:underline;}