*{ padding:0; margin:0; }
body{ background-image: url(../images/bg3.gif); /*background-color:#566068;*/ font-family:arial; font-size:12px; }

/* Universal Styles */

a { color: #FFF; text-decoration:none; }
a:visited { color: #FFF; text-decoration:none; }
a:hover { color: #FFF; text-decoration:underline; }

h1, h1:visited, h2, h2:visited, h3, h3:visited { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #C30304; clear:both; margin:10px auto 10px auto; }
h1 { margin-left:25px; }
h2 { width:200px; text-transform:uppercase; text-align:center; background-color:#FFF; padding:5px; font-size:14px; }
h2:hover {  background-color:#FFF; color:#102B3C; }
h3 { font-size:12px; margin-left:20px; font-size:14px; }
h3:hover{ text-decoration:underline; }

p{ font-family: Helvetica, Arial, sans-serif; font-size:15px;  margin:5px; }

table { margin:0 auto; border:solid thin #FFF; }
td { width:150px; padding:10px; border:solid thin #FFF; }
/* Grid */

#wrapper{ width:960px; margin:10px auto; background-color:#fff; }
#header{ width:960px; text-align:center; } 
#menu{ color:#fff; text-align:center; padding:10px; margin:0 30px 0 30px; background-image:url(../images/pattern.gif); background-repeat:repeat-x; letter-spacing:1px; word-spacing:15px; font-size:20px; }
#container { width:940px; margin:10px; } 
#column { width:620px; float:left; } 
#about-me { width:620px; background-color:#102B3C; color:#FFF; min-height:175px; }
.left-box { clear:both; width:300px; background-color:#102B3C; margin-top:20px; float:left; color:#FFF; min-height:210px; }
.right-box { width:300px; margin-left:20px; background-color:#102B3C; margin-top:20px; float:left; color:#FFF; min-height:210px; }
#sidebar { width:300px; background-color:#102B3C; float:left; margin-left:20px; margin-top:5px; min-height:635px; }
#footer { width:940px; clear:both; font-family:Helvetica,Arial,sans-serif; text-align:center; border-top:solid #D8603D 2px; margin:10px; }
#portfolio {  }
#service-page { background-color:#102B3C; color:#FFF; padding:10px 0; }
#hire-me { background-color:#102B3C; color:#FFF; padding:10px 0; }

/* Header Styles */


/* Menu Styles */
#menu a, #menu a:visited{ text-decoration:none; color:#fff; text-transform:uppercase; font-size:18px; font-weight:bold; text-decoration:none; font-family:cosmic sans ms; }
#menu a:hover{ text-decoration:underline; color:#fff; }
.class span{ text-transform:capitalize; font-size:26px; }

/* Container Styles */
#about-me img{ margin:10px; float:left; }
#about-me h1{ color:#FFF; margin:5px; clear:none; }

#about-me p{ padding:10px; text-align:justify; line-height:1.5em; }
.left-box p, .right-box p { margin-bottom:15px; }
.left-box ul , .right-box ul { list-style-image:url(../images/bullet.gif); margin-left:15px; font-size:14px; }
.left-box li , .right-box li { margin:3px; padding:3px; }

.twitters p { margin:0 10px; font-size:14px; padding:3px; text-align:center; }
.twitters ul { list-style-image:url(../images/bullet.gif); margin-left:15px; font-size:14px; }
.twitters li { margin:3px; padding:3px; }

#sidebar p { margin:0 10px; font-size:14px; padding:3px; text-align:center; color:#FFF; }
#sidebar ul { margin-left:15px; list-style-image:url(../images/bullet.gif); font-size:14px; }
#sidebar li { margin:3px; padding:3px; }
#sidebar img { border:none; margin:10px 25px; }

/* Portfolio Styles */
.portfolio-entry { width:300px; float:left; margin:6px; 	background-color:#102B3C;}

.portfolio-entry img:hover{ border:solid #993323; }
.portfolio-entry img{ border:solid #D14544; text-align:center; }
.portfolio-entry p{ color:#FFF; line-height:1.7em; margin-left:20px; text-transform:capitalize; }
.portfolio-entry a{ color:#FFF; background-color:#D14544; padding:4px; text-decoration:none; border:solid thin #102B3C; }
.portfolio-entry a:hover{ color:#FFF; background-color:#D14544; border:solid thin #FFF; }

/* Service & Hire Me Style */
#service-page p,#hire-me p{ line-height:1.7em; padding:10px; }
#service-page a,#hire-me a{ border-bottom:dotted #FFF; }
#service-page a:hover,#hire-me a:hover{ border-bottom:solid #FFF; text-decoration:none; }
#service-page ul, #hire-me ul { list-style-image:url(../images/bullet.gif); margin-left:35px; font-size:14px; }
#service-page p, #service-page li { font-size:16px; }
#service-page h2{ width:300px; }

/* Footer Styles */
#footer p{ padding:10px; }
#footer a{ color:#515151; }
#footer a:hover{ color:#D14544; }